:root{--ink:#020b08;--emerald:#071f16;--panel:rgba(8,38,28,.68);--neon:#00e676;--neon2:#00ff88;--gold1:#ffe082;--gold2:#ffb300;--gold3:#b78103;--white:#fff;--muted:#a3c2b8;--line:rgba(0,230,118,.25);--shell:520px;--shadow:0 20px 70px rgba(0,0,0,.55)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:#010705}body{margin:0;color:var(--white);font-family:Inter,Roboto,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(circle at 50% 0,#073c27 0,#020b08 45%,#010503 100%);line-height:1.65}button,input{font:inherit}a{color:inherit}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
.app-shell{position:relative;width:min(100%,var(--shell));min-height:100dvh;margin:auto;background:linear-gradient(165deg,#03140e 0,#020b08 60%,#061d14 100%);box-shadow:var(--shadow);overflow:hidden}.app-shell:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 25%,rgba(0,255,136,.07),transparent 35%)}
.app-header{position:relative;z-index:50;height:74px;display:flex;align-items:center;gap:10px;padding:11px 18px;background:linear-gradient(180deg,rgba(1,13,9,.96),rgba(2,19,13,.82));border-bottom:1px solid rgba(0,230,118,.12)}.brand-lockup{display:flex;align-items:center;gap:9px;text-decoration:none;min-width:0}.brand-lockup img{width:42px;height:42px;border-radius:10px;object-fit:cover;border:1px solid rgba(0,255,136,.45);box-shadow:0 0 15px rgba(0,230,118,.22)}.brand-lockup strong,.brand-lockup small{display:block;line-height:1.15}.brand-lockup strong{font-size:.86rem;letter-spacing:.04em}.brand-lockup small{font-size:.62rem;color:var(--muted)}.header-motto{margin-left:auto;color:#54ee9b;font-size:.54rem;font-weight:800;letter-spacing:.2em;white-space:nowrap}.header-motto i{color:#d6ae3c;font-style:normal}.menu-button{width:38px;height:38px;display:grid;align-content:center;gap:5px;padding:8px;border:0;background:transparent;cursor:pointer}.menu-button span{display:block;width:24px;height:3px;background:#fff;border-radius:2px;transition:.25s}.menu-button[aria-expanded="true"] span:first-child{transform:translateY(8px) rotate(45deg)}.menu-button[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-button[aria-expanded="true"] span:last-child{transform:translateY(-8px) rotate(-45deg)}.app-menu{position:absolute;right:14px;top:66px;width:205px;padding:9px;background:rgba(2,18,12,.97);border:1px solid rgba(0,230,118,.35);border-radius:16px;box-shadow:0 22px 55px rgba(0,0,0,.62);backdrop-filter:blur(15px);transform:translateY(-8px) scale(.97);opacity:0;visibility:hidden;transition:.2s}.app-menu.is-open{transform:none;opacity:1;visibility:visible}.app-menu a{display:block;padding:11px 12px;border-radius:10px;text-decoration:none;font-weight:800;font-size:.82rem}.app-menu a:hover,.app-menu a:focus{background:#0b402c}.app-menu .menu-cta{margin-top:5px;color:#03130c;text-align:center;background:linear-gradient(180deg,var(--gold1),var(--gold2) 55%,var(--gold3))}
.app-page{position:relative;min-height:calc(100dvh - 74px)}.page-home{display:flex;flex-direction:column;align-items:center;padding:10px 18px 20px;overflow:hidden;background:radial-gradient(circle at 50% 28%,rgba(0,230,118,.17),transparent 29%),linear-gradient(180deg,#031810,#020b08 76%,#052218)}.page-home:before{content:"";position:absolute;inset:10px 14px 14px;border:1px solid rgba(0,230,118,.32);border-radius:30px;pointer-events:none;box-shadow:inset 0 0 35px rgba(0,230,118,.06)}
.hero-intro{position:relative;z-index:2;width:92%;display:flex;justify-content:space-between;align-items:center;margin:1px auto -3px;color:#53e992}.hero-intro span:first-child{font-family:Georgia,serif;font-style:italic;font-size:.76rem;line-height:1.05;transform:rotate(-7deg)}.hero-intro span:last-child{text-align:right;color:#9ebdaf;font-size:.43rem;letter-spacing:.16em;line-height:1.9}.hero-intro b{color:#58ed9a}.logo-stage{position:relative;z-index:2;width:140px;height:124px;margin:0 auto -8px;border-radius:28px;background:radial-gradient(circle,#0a5135,#031b12 70%);border:1px solid rgba(0,255,136,.65);box-shadow:0 0 28px rgba(0,255,136,.34),inset 0 0 25px rgba(0,255,136,.14)}.logo-stage img{width:100%;height:100%;object-fit:cover;border-radius:27px}.hero-brand{position:relative;z-index:2;text-align:center;margin-top:0}.hero-brand .crown{position:absolute;top:-7px;left:50%;transform:translateX(-50%);color:#ffc02f;font-size:1.2rem;text-shadow:0 0 12px #ffba00}.hero-brand h1{margin:0;padding-top:6px;font-size:clamp(3.3rem,15vw,4.9rem);line-height:.91;letter-spacing:-.06em;background:linear-gradient(180deg,var(--gold1),var(--gold2) 52%,var(--gold3));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1px #7e5700;text-shadow:0 2px 0 #b38600,0 4px 0 #805e00,0 8px 13px rgba(0,0,0,.85)}.hero-brand strong{display:block;margin-top:-4px;font-size:clamp(3.5rem,17vw,5.3rem);line-height:.75;letter-spacing:-.06em;color:#00ff88;-webkit-text-stroke:2px #d2a72d;text-shadow:0 0 8px rgba(0,255,136,.9),0 0 22px rgba(0,255,136,.7),0 5px 0 #006c3a}.hero-tagline{position:relative;z-index:2;margin:18px 0 4px;font-size:.72rem;letter-spacing:.27em;text-align:center}.hero-tagline b{color:#f5c84a}.hero-copy{position:relative;z-index:2;margin:3px 0 11px;color:#d7e6df;font-size:.77rem;line-height:1.5;text-align:center}
.primary-cta{position:relative;z-index:3;width:min(78%,350px);min-height:61px;display:grid;grid-template-columns:42px 1fr 36px;align-items:center;padding:7px 10px;border:1px solid #4dffad;border-radius:999px;color:#fff;text-decoration:none;background:linear-gradient(180deg,#29f58e 0,#03b863 46%,#006d3b 100%);box-shadow:0 0 0 3px rgba(0,255,136,.1),inset 0 3px 10px rgba(255,255,255,.42),inset 0 -5px 12px rgba(0,0,0,.3),0 0 25px rgba(0,230,118,.38);animation:pulseGlow 2.8s ease-in-out infinite}.primary-cta:before{content:"";position:absolute;left:7%;right:7%;top:5px;height:42%;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.28),transparent);pointer-events:none}.primary-cta>span{position:relative}.primary-cta>span:nth-child(2){text-align:center;line-height:1.08}.primary-cta strong,.primary-cta small{display:block}.primary-cta strong{font-size:1.02rem;letter-spacing:.05em}.primary-cta small{font-size:.67rem;color:#d7f9e6}.cta-icon,.cta-arrow{font-size:1.55rem;text-align:center}.cta-arrow{font-size:2.05rem}@keyframes pulseGlow{50%{box-shadow:0 0 0 4px rgba(0,255,136,.13),inset 0 3px 10px rgba(255,255,255,.45),inset 0 -5px 12px rgba(0,0,0,.3),0 0 38px rgba(0,230,118,.55)}}
.feature-grid{position:relative;z-index:2;width:92%;display:grid;grid-template-columns:repeat(3,1fr);margin:15px 0 10px}.feature-grid>div{min-width:0;text-align:center;padding:0 6px;border-right:1px solid rgba(0,230,118,.22)}.feature-grid>div:last-child{border:0}.feature-grid span,.feature-grid strong,.feature-grid small{display:block}.gold-icon{height:25px;color:#ffc845;font-size:1.45rem;line-height:1}.feature-grid strong{font-size:.62rem;white-space:nowrap}.feature-grid small{color:#9db8ae;font-size:.52rem;line-height:1.3}
.trust-bar{position:relative;z-index:2;width:92%;display:grid;grid-template-columns:repeat(3,1fr);padding:11px 5px;border:1px solid rgba(0,230,118,.35);border-radius:16px;background:rgba(3,24,17,.72);backdrop-filter:blur(12px)}.trust-bar>div{display:grid;grid-template-columns:25px 1fr;grid-template-rows:auto auto;align-items:center;padding:0 7px;border-right:1px solid rgba(0,230,118,.18)}.trust-bar>div:last-child{border:0}.trust-bar span{grid-row:1/3;color:#f9c849;font-size:1.1rem}.trust-bar strong{font-size:.7rem;line-height:1.2}.trust-bar small{color:#8fac9f;font-size:.45rem;letter-spacing:.06em}.hero-footer{position:relative;z-index:2;margin-top:auto;padding-top:11px;text-align:center}.hero-footer strong,.hero-footer small{display:block}.hero-footer strong{color:#4cf19a;font-size:.63rem;letter-spacing:.24em}.hero-footer strong i{display:inline-block;width:42px;height:1px;vertical-align:middle;background:linear-gradient(90deg,transparent,#00e676)}.hero-footer strong i:last-child{background:linear-gradient(90deg,#00e676,transparent)}.hero-footer small{margin-top:4px;color:#839e92;font-size:.48rem;letter-spacing:.23em}
.casino-chip{position:absolute;z-index:1;width:70px;height:70px;display:grid;place-items:center;border:8px dashed #e8b936;border-radius:50%;color:#f4c84c;background:#063a26;box-shadow:0 0 17px rgba(0,230,118,.3);opacity:.75}.chip-left{left:-28px;top:250px;transform:rotate(24deg)}.chip-right{right:-28px;top:390px;transform:rotate(-25deg)}.playing-cards{position:absolute;z-index:1;right:4px;top:180px;display:flex;transform:rotate(15deg);opacity:.72}.playing-cards span{width:42px;height:67px;padding:5px;border:1px solid #d8ae37;border-radius:6px;color:#e8c55f;background:#062218;font-family:Georgia,serif;font-size:.85rem}.playing-cards span:last-child{margin-left:-18px;transform:rotate(13deg);color:#e09176}.sparkles i{position:absolute;z-index:1;width:3px;height:3px;border-radius:50%;background:#ffe07b;box-shadow:0 0 9px #ffcf45}.sparkles i:nth-child(1){left:12%;top:36%}.sparkles i:nth-child(2){right:13%;top:20%}.sparkles i:nth-child(3){left:22%;top:53%}.sparkles i:nth-child(4){right:8%;top:60%}.sparkles i:nth-child(5){left:9%;top:70%}
.page-games,.page-guide{padding:26px 18px 42px;background:radial-gradient(circle at 50% 0,rgba(0,230,118,.11),transparent 25%),#020b08}.section-heading>span,.article-label{color:#4df19a;font-size:.66rem;font-weight:900;letter-spacing:.18em}.section-heading h1{margin:4px 0 8px;font-size:2.25rem;line-height:1.03}.section-heading h1 b{color:#f3c442}.section-heading p{margin:0;color:var(--muted);font-size:.88rem}.game-tools{margin:20px 0 16px}.game-tools label{position:relative;display:block}.game-tools input{width:100%;height:48px;padding:0 45px 0 15px;color:#fff;background:rgba(7,36,25,.72);border:1px solid var(--line);border-radius:14px;outline:0}.game-tools input:focus{border-color:#00e676;box-shadow:0 0 0 3px rgba(0,230,118,.12)}.game-tools label>b{position:absolute;right:15px;top:9px;color:#5bf0a0;font-size:1.25rem}.filters{display:flex;gap:7px;margin-top:10px;overflow:auto;padding-bottom:4px;scrollbar-width:none}.filters::-webkit-scrollbar{display:none}.filters button{flex:none;padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:#b8d1c5;background:#08251a;font-size:.69rem;font-weight:800;cursor:pointer}.filters button.is-active{color:#03120c;border-color:#00ed7d;background:#00e676}
.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.game-card{min-width:0;padding:9px;border:1px solid rgba(0,230,118,.2);border-radius:16px;background:linear-gradient(145deg,rgba(10,48,34,.88),rgba(4,24,17,.94));box-shadow:0 12px 28px rgba(0,0,0,.26)}.game-art{position:relative;aspect-ratio:1;border-radius:12px;overflow:hidden;border:1px solid rgba(0,255,136,.28);background:#061a12}.game-art img{width:100%;height:100%;object-fit:cover}.game-art em{position:absolute;top:7px;left:7px;padding:3px 7px;border-radius:999px;color:#071309;background:linear-gradient(180deg,#ffe88d,#e5ae21);font-size:.54rem;font-style:normal;font-weight:950}.game-card h2{margin:9px 0 0;font-size:.84rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-card p{margin:0 0 7px;color:#84aa98;font-size:.64rem}.game-card>a{display:block;padding:7px;border-radius:8px;color:#1a1200;text-align:center;text-decoration:none;background:linear-gradient(180deg,var(--gold1),var(--gold2) 55%,var(--gold3));font-size:.67rem;font-weight:950}.game-card.is-filtered{display:none}.load-more{display:block;width:100%;margin:18px 0 12px;padding:13px;border:1px solid rgba(0,230,118,.45);border-radius:13px;color:#62f1a4;background:#08251a;font-size:.74rem;font-weight:900;cursor:pointer}.no-results{text-align:center;color:var(--muted)}.page-next{display:flex;justify-content:space-between;padding:15px 16px;border-radius:14px;text-decoration:none;background:rgba(7,38,27,.75);border:1px solid var(--line);font-size:.82rem;font-weight:800}.page-next span{color:#f1c140}
.breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:15px;color:#83a798;font-size:.72rem}.breadcrumb a{text-decoration:none}.breadcrumb b{color:#e8f5ef}.guide-article>header h1{margin:7px 0 12px;font-size:2.05rem;line-height:1.08;letter-spacing:-.03em}.lead{color:#bdd0c7;font-size:.98rem}.byline{display:flex;align-items:center;gap:10px;margin:17px 0 22px}.byline img,.author-box img{width:44px;height:44px;object-fit:cover;border-radius:12px;border:1px solid var(--line)}.byline strong,.byline small{display:block}.byline strong{font-size:.76rem}.byline small{color:#86a598;font-size:.63rem}.toc{display:grid;gap:7px;margin:0 0 27px;padding:18px;border:1px solid var(--line);border-radius:17px;background:var(--panel);backdrop-filter:blur(12px)}.toc strong{color:#f0c54b}.toc a{color:#bad3c7;text-decoration:none;font-size:.79rem}.guide-article h2{scroll-margin-top:20px;margin:31px 0 9px;font-size:1.45rem;line-height:1.2;color:#fff}.guide-article h3{margin:22px 0 7px;font-size:1.08rem;color:#f0c54b}.guide-article p,.guide-article li{color:#abc2b7;font-size:.94rem}.guide-article ul{padding-left:21px}.hindi-note{margin:30px 0;padding:18px;border-left:4px solid #e7b832;border-radius:12px;background:#172718}.hindi-note h2{margin-top:0;color:#f5cf65}.faq{scroll-margin-top:20px;margin-top:32px}.faq>h2{margin-top:5px}.faq details{margin:9px 0;border:1px solid var(--line);border-radius:13px;background:#062018;overflow:hidden}.faq summary{display:flex;justify-content:space-between;gap:12px;padding:14px;cursor:pointer;font-size:.82rem;font-weight:850;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:#f0c54b;font-size:1.1rem}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{margin:0;padding:0 14px 14px}.author-box{display:flex;gap:13px;align-items:flex-start;margin:30px 0 20px;padding:17px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.author-box img{flex:none}.author-box strong{color:#f0c54b}.author-box p{margin:4px 0 0;font-size:.78rem}.related h2{font-size:1.2rem}.related a{display:flex;justify-content:space-between;margin:8px 0;padding:13px;border:1px solid var(--line);border-radius:12px;text-decoration:none;background:#061e16;font-size:.76rem}.related b{color:#4ff09c}
.install-banner{position:fixed;z-index:100;left:50%;bottom:max(10px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(calc(100% - 20px),490px);display:grid;grid-template-columns:44px 1fr auto 28px;align-items:center;gap:9px;padding:9px;border:1px solid rgba(0,230,118,.45);border-radius:16px;background:rgba(2,17,12,.96);box-shadow:0 18px 50px rgba(0,0,0,.65);backdrop-filter:blur(15px)}.install-banner img{width:44px;height:44px;object-fit:cover;border-radius:10px}.install-banner strong,.install-banner small{display:block}.install-banner strong{font-size:.75rem}.install-banner small{color:#91ad9f;font-size:.6rem}.install-banner button{border:0;border-radius:9px;cursor:pointer}.install-banner #download-button{padding:9px 12px;border-radius:9px;color:#092014;text-decoration:none;text-align:center;white-space:nowrap;background:#00e676;font-size:.67rem;font-weight:950;box-shadow:0 0 18px rgba(0,230,118,.25)}.install-close{color:#9fb7ab;background:transparent;font-size:1.2rem}
@media(max-height:760px){.logo-stage{width:112px;height:99px}.hero-brand h1{font-size:3.25rem}.hero-brand strong{font-size:3.55rem}.hero-tagline{margin-top:14px}.feature-grid{margin-top:12px}.page-home{padding-top:5px}.hero-intro{margin-bottom:-7px}}
@media(max-width:390px){.app-header{padding-inline:12px}.header-motto{display:none}.page-home{padding-inline:12px}.feature-grid strong{font-size:.54rem}.feature-grid small{font-size:.46rem}.trust-bar{width:96%}.trust-bar>div{padding-inline:4px}.trust-bar strong{font-size:.62rem}.page-games,.page-guide{padding-inline:14px}.playing-cards{right:-9px}}
@media(min-width:700px){body{padding:18px 0}.app-shell{min-height:calc(100dvh - 36px);border:1px solid rgba(0,230,118,.2);border-radius:32px}.page-home{min-height:calc(100dvh - 110px);border-radius:0 0 31px 31px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.primary-cta{animation:none}.app-menu,.menu-button span{transition:none}}

/* Hybrid hero: artwork is a real background; controls below remain live HTML. */
.app-header{position:sticky;top:0}
.app-page{scroll-margin-top:74px}
.page-home{min-height:0;padding-top:10px;background:linear-gradient(180deg,#00130d 0,#020b08 72%,#052218 100%)}
.hero-art-space{position:relative;z-index:2;width:calc(100% + 36px);aspect-ratio:941/900;margin:-10px -18px -18px;background-image:linear-gradient(180deg,rgba(0,15,10,.04),rgba(0,15,10,0) 78%,#020b08 100%),url('/media/jaiho777-hero-bg.webp');background-repeat:no-repeat;background-position:center top;background-size:100% auto;overflow:hidden}
.hero-art-space img{position:absolute;left:50%;top:3%;width:39%;height:auto;transform:translateX(-50%);border-radius:22%;object-fit:cover;box-shadow:0 0 26px rgba(0,255,136,.48)}
.primary-cta{margin-top:-2px}
.hero-footer{margin-top:20px}
.page-games{border-top:1px solid rgba(0,230,118,.22)}
.page-guide{border-top:1px solid rgba(255,190,45,.2)}
@media(max-width:390px){.hero-art-space{width:calc(100% + 24px);margin-left:-12px;margin-right:-12px}.hero-art-space img{width:39%;top:3%}}

/* v5 — full reference artwork with a live HTML CTA and normal document scroll. */
html,body{min-height:100%;overflow-x:clip}
body{overscroll-behavior-y:auto}
.app-shell{width:100%;max-width:none;min-height:100dvh;overflow:visible}
.app-shell:before{display:none}
.app-header{position:sticky;top:0;z-index:100}
main{display:block;width:100%}
.app-page{display:block!important;width:100%;min-height:0;scroll-margin-top:74px}
.page-home{
  position:relative;
  width:100%;
  aspect-ratio:941/1560;
  min-height:0;
  padding:0;
  overflow:hidden;
  background:#00160f;
}
.page-home:before{display:none}
.hero-art-space{
  position:absolute;
  z-index:1;
  inset:0;
  width:100%;
  height:100%;
  margin:0;
  aspect-ratio:auto;
  overflow:hidden;
  background:url('/media/jaiho777-page1-art.webp') center top/100% 100% no-repeat;
}
.page-home .primary-cta{
  position:absolute;
  z-index:5;
  top:56.8%;
  left:13.7%;
  width:72.6%;
  height:8.1%;
  min-height:0;
  margin:0;
  padding:1.1% 2.2%;
  grid-template-columns:14% 1fr 14%;
  border-width:1px;
  border-radius:999px;
}
.page-home .primary-cta strong{font-size:clamp(.84rem,3.65vw,1.38rem)}
.page-home .primary-cta small{font-size:clamp(.52rem,2.05vw,.82rem)}
.page-home .cta-icon{font-size:clamp(1.18rem,4.6vw,1.8rem)}
.page-home .cta-arrow{font-size:clamp(1.5rem,6vw,2.3rem)}
.page-home .feature-grid,
.page-home .trust-bar,
.page-home .hero-footer{display:none}
.page-games,.page-guide{position:relative;z-index:2;min-height:100dvh}
@media(min-width:700px){
  .app-shell{width:min(100%,520px);max-width:520px;overflow:visible}
  .page-home{min-height:0;border-radius:0}
}

/* Header alignment: reserve the final grid column for the hamburger. */
.app-header{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) 38px;
  align-items:center;
}
.header-motto{justify-self:end;margin-left:0}
.menu-button{grid-column:3;margin-left:0;justify-self:end}
@media(max-width:440px){
  .header-motto{display:none}
}