/* Entertainment @ ₹1 — landing page
   Layout: a lit night billboard (hero) → gold ticker tape → a scroll-lit pitch → prize cards that tilt up and fan out →
   the arcade cabinet with a live scoreboard → small print. Single dark look by design: a billboard at night. */
:root{
  --night:#03071E;
  --oxblood:#370617;
  --wine:#6A040F;
  --blood:#9D0208;
  --scarlet:#D00000;
  --ember:#E85D04;
  --amber:#FAA307;
  --marigold:#FFBA08;
  --gold-1:#7A4A08; --gold-2:#E0A21A; --gold-3:#FFF3C4;
  --cream:#FFF1DC; --muted:#D9B9A8; --ink:#140205;
  --display:"Rozha One","Playfair Display",Georgia,serif;
  --marquee:Bungee,Impact,"Arial Black",sans-serif;
  --body:Mukta,"Segoe UI",Roboto,Arial,sans-serif;
  --gutter:clamp(12px,3.2vw,24px);
  color-scheme:dark;
}
*,*::before,*::after{box-sizing:border-box;}
html{background:var(--ink);-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:clip;}
body{margin:0;background:var(--ink);color:var(--cream);font:400 17px/1.6 var(--body);overflow-x:clip;
  padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);}
img,svg,canvas,iframe{max-width:100%;}
a{color:var(--marigold);}
button{font:inherit;}
:focus-visible{outline:3px solid var(--marigold);outline-offset:3px;}
[hidden]{display:none!important;}
.wrap{width:100%;max-width:1180px;margin:0 auto;padding-inline:var(--gutter);}
h1,h2,h3{text-wrap:balance;}
.eyebrow{margin:0 0 12px;font:600 12px var(--body);letter-spacing:.3em;text-transform:uppercase;color:var(--amber);}
body.lockscroll{overflow:hidden;}

/* ---------- buttons ---------- */
.btn{--bg:var(--marigold);--fg:var(--ink);display:inline-flex;align-items:center;justify-content:center;gap:8px;
  font:800 16px/1 var(--body);letter-spacing:.01em;color:var(--fg);background:var(--bg);border:0;border-radius:999px;
  padding:16px 28px;cursor:pointer;text-decoration:none;position:relative;isolation:isolate;white-space:nowrap;
  box-shadow:0 12px 32px -12px rgba(255,186,8,.75),inset 0 -3px 0 rgba(0,0,0,.18);transition:transform .2s;}
.btn:hover{transform:translateY(-2px);}
.btn:active{transform:translateY(1px) scale(.98);}
.btn.shine::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:-1;
  background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.65) 50%,transparent 65%) var(--bg);
  background-size:250% 100%;animation:btnShine 3.4s ease-in-out infinite;}
@keyframes btnShine{0%,55%{background-position:120% 0;}100%{background-position:-60% 0;}}
/* CRED-style outlined pill */
.pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:999px;cursor:pointer;
  font:600 13px/1 var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--cream);text-decoration:none;white-space:nowrap;
  background:rgba(255,241,220,.04);border:1px solid rgba(255,241,220,.35);transition:background .25s,border-color .25s,color .25s;}
.pill span{transition:transform .25s;}
.pill:hover{background:var(--cream);color:var(--ink);border-color:var(--cream);}
.pill:hover span{transform:translateX(4px);}
.pill.small{padding:9px 14px;font-size:11px;letter-spacing:.16em;}

/* ---------- hero billboard ---------- */
.hero{padding:var(--gutter) var(--gutter) 0;}
.billboard{position:relative;overflow:hidden;border-radius:clamp(18px,3vw,28px);isolation:isolate;max-width:1280px;margin:0 auto;
  min-height:min(100svh - 2*var(--gutter), 920px);display:flex;flex-direction:column;align-items:center;justify-content:center;
  padding:clamp(56px,9svh,90px) clamp(18px,4vw,40px) clamp(30px,6svh,56px);
  background:
    radial-gradient(ellipse 60% 50% at 50% 52%,rgba(255,110,40,.30),transparent 70%),
    radial-gradient(ellipse 85% 75% at 50% 55%,#B10B12 0%,var(--blood) 30%,var(--wine) 62%,var(--oxblood) 100%);
  box-shadow:0 40px 90px -30px rgba(208,0,0,.45),0 0 0 1px rgba(255,186,8,.15);
  transform-origin:50% 0;will-change:transform;}
.billboard::before{content:"";position:absolute;inset:0;z-index:0;opacity:.75;mix-blend-mode:multiply;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cfilter id='m'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.012' numOctaves='5' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 .05 0 0 0 0 0 0 0 0 0 0 0 0 0 -2.2 1.35'/%3E%3C/filter%3E%3Crect width='600' height='600' filter='url(%23m)'/%3E%3C/svg%3E");
  background-size:600px 600px;}
.billboard::after{content:"";position:absolute;inset:0;z-index:0;opacity:.3;mix-blend-mode:overlay;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='s'%3E%3CfeTurbulence type='turbulence' baseFrequency='.6' numOctaves='2' seed='2'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23s)'/%3E%3C/svg%3E");}
.vignette{position:absolute;inset:0;z-index:5;pointer-events:none;
  background:radial-gradient(ellipse 75% 70% at 50% 55%,transparent 55%,rgba(10,0,2,.75) 100%);}
.halo{position:absolute;z-index:2;left:50%;top:56%;width:min(80vw,640px);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(circle,rgba(255,196,90,.38),rgba(255,120,30,.12) 45%,transparent 70%);pointer-events:none;
  animation:halo 5s ease-in-out infinite;}
@keyframes halo{50%{opacity:.7;transform:translate(-50%,-50%) scale(.94);}}

/* marquee bulbs */
.bulbs{position:absolute;z-index:8;pointer-events:none;--b:#FFE6A0;--d:rgba(120,60,10,.55);}
.bulbs.t,.bulbs.b{left:14px;right:14px;height:16px;}
.bulbs.t{top:12px;} .bulbs.b{bottom:12px;}
.bulbs.l,.bulbs.r{top:34px;bottom:34px;width:16px;}
.bulbs.l{left:12px;} .bulbs.r{right:12px;}
.bulbs.t,.bulbs.b{background:
  radial-gradient(circle 5px at 9px 8px,var(--b) 0 3.5px,#B86A00 4.2px,transparent 5px),
  radial-gradient(circle 5px at 31px 8px,var(--d) 0 3.5px,rgba(0,0,0,.4) 4.2px,transparent 5px);
  background-size:44px 16px;filter:drop-shadow(0 0 6px rgba(255,200,90,.7));animation:chaseX .5s steps(1) infinite;}
.bulbs.l,.bulbs.r{background:
  radial-gradient(circle 5px at 8px 9px,var(--b) 0 3.5px,#B86A00 4.2px,transparent 5px),
  radial-gradient(circle 5px at 8px 31px,var(--d) 0 3.5px,rgba(0,0,0,.4) 4.2px,transparent 5px);
  background-size:16px 44px;filter:drop-shadow(0 0 6px rgba(255,200,90,.7));animation:chaseY .5s steps(1) infinite;}
@keyframes chaseX{50%{background-position:22px 0;}}
@keyframes chaseY{50%{background-position:0 22px;}}

.coin{position:absolute;z-index:1;left:50%;top:55%;width:min(118vw,980px);aspect-ratio:1;transform:translate(-50%,-50%);
  opacity:.16;pointer-events:none;}
.coin .ring{transform-origin:500px 500px;animation:spin 120s linear infinite;}
@keyframes spin{to{transform:rotate(360deg);}}

.sign{position:relative;z-index:7;display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;}
h1{margin:0;display:flex;flex-direction:column;align-items:center;font-weight:400;line-height:1;width:100%;}
.ent{display:block;max-width:100%;font:400 clamp(21px,min(7.3vw,8.5svh),86px)/1 var(--marquee);letter-spacing:.04em;color:var(--cream);white-space:nowrap;
  text-shadow:0 1px 0 #E9CFA8,0 2px 0 #C9A57A,0 3px 0 #9B6E44,0 4px 0 #6E4224,0 10px 22px rgba(0,0,0,.55);}
.at{font:400 clamp(28px,min(5vw,6svh),56px)/1 var(--display);color:var(--cream);margin-top:clamp(4px,1vw,10px);
  text-shadow:0 4px 14px rgba(0,0,0,.5);}
/* entrance animations only run once the page is actually being drawn (content is visible without them) */
.anim .ent{animation:rise 1s cubic-bezier(.2,.9,.3,1.2) .2s both;}
.anim .at{animation:rise 1s cubic-bezier(.2,.9,.3,1.2) .4s both;}
.anim .coinstage{animation:drop 1.1s cubic-bezier(.2,1.4,.35,1) .7s both;}
.anim .soon{animation:stamp .6s cubic-bezier(.2,1.6,.4,1) 1.6s both;}
@keyframes rise{from{transform:translateY(40px) scale(.9);opacity:0;}to{transform:none;opacity:1;}}
@keyframes drop{from{translate:0 -100px;scale:1.3;opacity:0;}to{translate:0 0;scale:1;opacity:1;}}


.hero-foot{position:relative;z-index:7;margin-top:clamp(18px,3.5svh,32px);display:flex;flex-direction:column;align-items:center;gap:18px;text-align:center;width:100%;}
.hero-foot p{margin:0;font:600 clamp(16px,2vw,21px)/1.4 var(--body);color:var(--cream);max-width:32ch;text-wrap:balance;}
.hero-foot .row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;align-items:center;}
.soon{position:absolute;z-index:9;top:clamp(36px,6vw,46px);right:clamp(26px,5vw,46px);transform:rotate(8deg);
  font:400 clamp(10px,1.4vw,13px)/1 var(--marquee);letter-spacing:.06em;color:var(--ink);background:var(--marigold);padding:8px 12px 7px;border-radius:6px;
  box-shadow:0 8px 20px rgba(0,0,0,.4);}
@keyframes stamp{from{transform:rotate(30deg) scale(2.4);opacity:0;}to{transform:rotate(8deg);opacity:1;}}

/* ---------- ticker ---------- */
.tickerwrap{overflow:hidden;padding-block:clamp(36px,6vw,56px) 10px;}
.ticker{width:110%;margin-left:-5%;background:var(--marigold);color:var(--ink);transform:rotate(-1.6deg);overflow:hidden;
  box-shadow:0 14px 40px -12px rgba(255,186,8,.55);border-block:3px solid var(--ink);}
.ticker > div{display:flex;width:max-content;animation:tick 30s linear infinite;}
.ticker span{font:400 clamp(14px,2vw,22px)/1 var(--marquee);letter-spacing:.04em;padding:13px 0;white-space:nowrap;}
.ticker b{color:var(--scarlet);font-weight:400;padding-inline:16px;}
@keyframes tick{to{transform:translateX(-50%);}}

/* ---------- story: CRED-style scroll-lit text ---------- */
.story{padding-block:clamp(80px,14vw,170px) clamp(40px,8vw,90px);text-align:center;}
.story .wrap{display:flex;flex-direction:column;align-items:center;max-width:980px;}
.story h2{margin:0;font:400 clamp(44px,9vw,112px)/.95 var(--display);color:var(--cream);}
.story h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px var(--marigold);}
.reveal-text{margin:clamp(26px,4vw,44px) 0 clamp(30px,4vw,44px);font:600 clamp(24px,4.2vw,48px)/1.25 var(--body);max-width:24ch;text-wrap:balance;color:var(--cream);}
.js .reveal-text .w{color:rgba(255,241,220,.2);transition:color .35s ease;}
.js .reveal-text .w.lit{color:var(--cream);}
.js .reveal-text .w.hot.lit{color:var(--marigold);}

/* ---------- section heads ---------- */
.sec-head{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:clamp(28px,5vw,48px);}
.sec-head h2{margin:0;font:400 clamp(38px,6.4vw,76px)/1 var(--display);}
.sec-head p:not(.eyebrow){margin:14px 0 0;color:var(--muted);max-width:46ch;}

/* ---------- prizes: cards tilt up and fan out (driven by --p from site.js) ---------- */
.prizes{padding-block:clamp(50px,8vw,100px);}
.tickets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;perspective:1200px;--p:1;}
.ticket{--notch:16px;position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(14px,3vw,24px);align-items:center;
  padding:clamp(22px,4vw,32px) clamp(24px,4vw,34px);border-radius:20px;overflow:hidden;min-width:0;
  background:linear-gradient(135deg,var(--wine),var(--oxblood));box-shadow:0 30px 60px -30px rgba(0,0,0,.8);
  -webkit-mask:radial-gradient(circle var(--notch) at 0 50%,transparent 98%,#000) left/51% 100% no-repeat,
               radial-gradient(circle var(--notch) at 100% 50%,transparent 98%,#000) right/51% 100% no-repeat;
          mask:radial-gradient(circle var(--notch) at 0 50%,transparent 98%,#000) left/51% 100% no-repeat,
               radial-gradient(circle var(--notch) at 100% 50%,transparent 98%,#000) right/51% 100% no-repeat;
  will-change:transform;}
.ticket.t1{transform:translateX(calc((1 - var(--p)) * 52%)) rotateX(calc((1 - var(--p)) * 38deg)) rotateY(calc((1 - var(--p)) * 14deg)) translateZ(calc((1 - var(--p)) * -80px));}
.ticket.t2{transform:translateX(calc((1 - var(--p)) * -52%)) rotateX(calc((1 - var(--p)) * 38deg)) rotateY(calc((1 - var(--p)) * -14deg)) translateZ(calc((1 - var(--p)) * -40px));}
.ticket::before{content:"";position:absolute;inset:10px;border:1.5px dashed rgba(255,186,8,.35);border-radius:14px;pointer-events:none;}
.ticket .qty{font:400 clamp(64px,9vw,112px)/.85 var(--display);color:transparent;
  background:linear-gradient(180deg,#FFF3C4,#E9AE2B 55%,#8A5A0A);-webkit-background-clip:text;background-clip:text;}
.ticket h3{margin:0;font:400 clamp(18px,2.4vw,28px)/1.1 var(--marquee);letter-spacing:.02em;overflow-wrap:anywhere;}
.ticket p{margin:6px 0 0;color:var(--muted);font-size:15px;line-height:1.45;}
.ticket svg{position:absolute;right:18px;bottom:12px;width:80px;height:80px;opacity:.14;}

/* ---------- arcade ---------- */
.arcade{padding-block:clamp(50px,8vw,100px) 40px;}
.stagewrap{display:grid;grid-template-columns:minmax(0,500px) minmax(0,1fr);gap:clamp(20px,4vw,48px);align-items:start;scroll-margin-top:12px;}
.cabinet{grid-column:1;grid-row:1;position:relative;border-radius:26px;padding:12px;
  background:linear-gradient(160deg,#3A0710,#14020a 60%);
  box-shadow:0 0 0 1px rgba(255,186,8,.18),0 30px 80px -20px rgba(208,0,0,.5),inset 0 0 40px rgba(0,0,0,.6);
  transform-origin:50% 100%;transform:perspective(1400px) rotateX(calc((1 - var(--p,1)) * 30deg)) translateY(calc((1 - var(--p,1)) * 60px)) scale(calc(.92 + var(--p,1) * .08));will-change:transform;}
.board{grid-column:2;grid-row:1;position:sticky;top:20px;display:grid;gap:14px;min-width:0;}
.cab-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 4px 10px;}
.cab-head b{font:400 18px/1 var(--marquee);letter-spacing:.06em;color:var(--marigold);
  text-shadow:0 0 12px rgba(255,186,8,.8),0 0 2px #fff;animation:neon 3s infinite;}
@keyframes neon{0%,18%,22%,60%,100%{opacity:1;}20%,61%{opacity:.35;}}
.screenbox{position:relative;border-radius:16px;overflow:hidden;background:#0F0A0D;height:min(780px,calc(100svh - 110px));min-height:560px;}
.screenbox iframe{display:block;width:100%;height:100%;border:0;}
.lock{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;padding:26px;
  background:radial-gradient(ellipse 60% 40% at 50% 38%,rgba(255,170,60,.25),transparent 70%),linear-gradient(180deg,#1b0307,#0F0A0D);}
.padlock{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;
  background:radial-gradient(circle at 35% 30%,var(--gold-3),var(--gold-2) 45%,var(--gold-1));
  box-shadow:0 0 0 8px rgba(255,186,8,.12),0 0 50px rgba(255,186,8,.4);animation:breathe 2.6s ease-in-out infinite;}
.padlock svg{width:40px;height:40px;}
@keyframes breathe{50%{transform:scale(1.06);}}
.lock h3{margin:0;font:400 clamp(30px,4vw,40px)/1.05 var(--display);}
.lock p{margin:0;color:var(--muted);max-width:30ch;font-size:15.5px;}
.chips{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;max-width:300px;}
.chips span{font:400 11px var(--marquee);padding:5px 8px;border-radius:6px;background:rgba(255,241,220,.06);color:var(--muted);}
/* full-screen play mode (works on iPhone too) */
.cabinet.focus{position:fixed;inset:0;z-index:80;border-radius:0;padding:calc(env(safe-area-inset-top,0px) + 48px) 0 env(safe-area-inset-bottom,0px);transform:none;background:#0F0A0D;box-shadow:none;}
.cabinet.focus .cab-head{display:none;}
.cabinet.focus .screenbox{height:100%;min-height:0;border-radius:0;}
.exitfocus{position:fixed;z-index:81;top:calc(8px + env(safe-area-inset-top,0px));left:50%;transform:translateX(-50%);
  font:700 13px var(--body);color:var(--ink);background:var(--cream);border:0;border-radius:999px;padding:8px 14px;box-shadow:0 8px 20px rgba(0,0,0,.5);cursor:pointer;opacity:.85;}

/* scoreboard */
.panel{border-radius:22px;padding:22px 24px;background:linear-gradient(160deg,rgba(106,4,15,.55),rgba(55,6,23,.55));border:1px solid rgba(255,186,8,.18);min-width:0;}
.hello{display:flex;align-items:center;gap:12px;margin-bottom:14px;min-width:0;}
.hello .av{flex:0 0 auto;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--scarlet);font:800 18px var(--body);}
.hello .who{min-width:0;}
.hello b{display:block;font:800 18px/1.2 var(--body);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.hello small{color:var(--muted);font-size:13.5px;}
.hello button{margin-left:auto;flex:0 0 auto;background:none;border:0;color:var(--muted);text-decoration:underline;cursor:pointer;font-size:13.5px;padding:4px;}
.pts-label{font:600 12px var(--body);letter-spacing:.28em;text-transform:uppercase;color:var(--amber);}
.odo{display:flex;align-items:flex-start;font:400 clamp(52px,6.4vw,88px)/1 var(--display);color:#FFD45A;height:1.3em;overflow:hidden;margin-top:4px;
  text-shadow:0 1px 0 #FFF3C4,0 3px 0 #B97A0C,0 8px 24px rgba(255,170,40,.35);font-variant-numeric:tabular-nums;}
.odo .col{display:inline-block;height:1.3em;overflow:hidden;}
.odo .strip{display:flex;flex-direction:column;transition:transform .7s cubic-bezier(.2,.9,.25,1);}
.odo .strip span,.odo .sep{display:block;height:1.3em;line-height:1.3em;}
.odo.bump{animation:odoBump .35s ease-out;}
@keyframes odoBump{50%{transform:scale(1.04);}}
.mini{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;}
.mini div{padding:10px 12px;border-radius:12px;background:rgba(0,0,0,.25);min-width:0;}
.mini small{display:block;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.mini b{font:800 22px/1.2 var(--body);font-variant-numeric:tabular-nums;}
.pips{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:6px;margin-top:16px;}
.pips i{height:10px;border-radius:99px;background:rgba(255,241,220,.12);transition:background .4s,box-shadow .4s;}
.pips i.on{background:var(--marigold);box-shadow:0 0 10px rgba(255,186,8,.6);}
.status{margin-top:14px;font-size:15px;color:var(--muted);}
.status b{color:var(--cream);}
.idcard{display:flex;align-items:center;justify-content:space-between;gap:10px 12px;flex-wrap:wrap;margin-top:12px;padding:12px 14px;border-radius:12px;
  background:rgba(255,186,8,.1);border:1px dashed rgba(255,186,8,.5);}
.idcard code{font:400 19px var(--marquee);letter-spacing:.05em;color:var(--marigold);}
.sync{margin-top:12px;font-size:12.5px;color:var(--muted);display:flex;align-items:center;gap:8px;}
.sync i{width:8px;height:8px;border-radius:50%;background:#3FD1A0;}
.sync.wait i{background:var(--amber);animation:blink 1s infinite;}
@keyframes blink{50%{opacity:.3;}}
.tips{font-size:14px;color:var(--muted);margin:0;padding-left:18px;display:grid;gap:4px;}

/* ---------- footer ---------- */
footer{padding-block:clamp(60px,10vw,110px) 40px;margin-top:40px;border-top:1px solid rgba(255,241,220,.08);
  background:radial-gradient(ellipse 60% 80% at 50% 0,rgba(157,2,8,.35),transparent 70%);}
.closing{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;}
.closing .eyebrow{margin:0;}
.closing h2{margin:0;font:400 clamp(38px,7vw,88px)/.95 var(--display);}
.closing h2 span{color:var(--marigold);}
.fine{margin-top:60px;display:grid;gap:12px;font-size:13px;line-height:1.55;color:rgba(217,185,168,.75);}
.fine p{margin:0;max-width:110ch;}
.fine details{border-top:1px solid rgba(255,241,220,.08);padding-top:12px;}
.fine summary{cursor:pointer;color:var(--muted);font-weight:600;}
.fine ol{margin:10px 0 0;padding-left:20px;display:grid;gap:6px;max-width:110ch;}

/* ---------- dialogs ---------- */
dialog{border:0;padding:0;background:transparent;color:var(--cream);width:calc(100vw - 24px);max-width:460px;max-height:calc(100svh - 24px);overflow:auto;}
dialog::backdrop{background:rgba(10,0,3,.8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);}
dialog[open] .card{animation:pop .45s cubic-bezier(.2,1.4,.4,1);}
@keyframes pop{from{transform:translateY(30px) scale(.94);opacity:0;}to{transform:none;opacity:1;}}
.card{position:relative;border-radius:24px;padding:clamp(22px,5vw,30px) clamp(18px,5vw,26px) clamp(20px,5vw,26px);overflow:hidden;
  background:radial-gradient(ellipse 80% 50% at 50% 0,rgba(208,0,0,.45),transparent 70%),linear-gradient(180deg,#2a0409,#140205);
  box-shadow:0 0 0 1px rgba(255,186,8,.25),0 40px 90px rgba(0,0,0,.6);}
.card .x{position:absolute;top:12px;right:12px;width:38px;height:38px;border-radius:50%;border:0;background:rgba(255,241,220,.08);color:var(--cream);font-size:20px;cursor:pointer;}
.card h2{margin:0 0 4px;font:400 clamp(28px,7vw,36px)/1.05 var(--display);padding-right:30px;}
.card .sub{margin:0 0 18px;color:var(--muted);font-size:15.5px;}
.field{display:grid;gap:6px;margin-bottom:14px;}
.field label,.field .label{font-weight:600;font-size:14px;}
.field input{width:100%;min-width:0;font:600 16px var(--body);color:var(--cream);background:rgba(0,0,0,.35);
  border:1.5px solid rgba(255,241,220,.18);border-radius:12px;padding:13px 14px;}
.field input:focus{border-color:var(--marigold);outline:none;box-shadow:0 0 0 4px rgba(255,186,8,.15);}
.field input[aria-invalid="true"]{border-color:#FF5A5A;}
.err{color:#FF8A80;font-size:13px;}
.err:empty{display:none;}
#eConsent{margin:-8px 0 12px;}
.seg{display:grid;grid-template-columns:1fr 1fr;padding:4px;border-radius:12px;background:rgba(0,0,0,.35);margin-bottom:10px;}
.seg button{border:0;border-radius:9px;padding:10px;background:none;color:var(--muted);font-weight:800;cursor:pointer;}
.seg button[aria-pressed="true"]{background:var(--marigold);color:var(--ink);}
.phone{display:flex;align-items:stretch;gap:8px;}
.phone span{display:grid;place-items:center;padding:0 12px;border-radius:12px;background:rgba(0,0,0,.35);border:1.5px solid rgba(255,241,220,.18);font-weight:800;flex:0 0 auto;}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:13.5px;color:var(--muted);margin:4px 0 18px;line-height:1.45;}
.consent input{margin-top:3px;width:18px;height:18px;accent-color:var(--marigold);flex:0 0 auto;}
.hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;}
.card .btn{width:100%;white-space:normal;}
.note{font-size:12.5px;color:rgba(217,185,168,.7);text-align:center;margin:12px 0 0;}
.win{text-align:center;}
.win h2{padding-right:0;}
.win .medal{width:90px;height:90px;margin:0 auto 10px;border-radius:50%;display:grid;place-items:center;font:400 40px var(--display);color:var(--ink);
  background:radial-gradient(circle at 35% 30%,var(--gold-3),var(--gold-2) 45%,var(--gold-1));box-shadow:0 0 50px rgba(255,186,8,.55);}
.bigid{display:inline-block;max-width:100%;margin:14px 0 6px;padding:12px 18px;border-radius:14px;font:400 clamp(20px,6.4vw,30px) var(--marquee);letter-spacing:.05em;
  color:var(--marigold);background:rgba(0,0,0,.35);border:1.5px dashed rgba(255,186,8,.6);overflow-wrap:anywhere;}
#confetti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:100;}
.toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:90;transform:translate(-50%,140%);
  background:var(--cream);color:var(--ink);font-weight:800;padding:12px 20px;border-radius:999px;box-shadow:0 14px 40px rgba(0,0,0,.5);
  transition:transform .4s cubic-bezier(.2,1.4,.4,1),opacity .3s;width:max-content;max-width:calc(100vw - 32px);text-align:center;opacity:0;pointer-events:none;}
.toast.on{transform:translate(-50%,0);opacity:1;}

/* ---------- tablet & phone ---------- */
@media (max-width:900px){
  .stagewrap{grid-template-columns:minmax(0,1fr);gap:12px;}
  .cabinet,.board{grid-column:1;grid-row:auto;}
  .board{position:relative;top:auto;}
  .cabinet{max-width:540px;width:100%;margin:0 auto;}
  .board{max-width:540px;width:100%;margin:0 auto;}
  .board .tipsPanel{display:none;}
}
@media (max-width:700px){
  .tickets{grid-template-columns:minmax(0,1fr);gap:14px;}
  .ticket.t1,.ticket.t2{transform:translateY(calc((1 - var(--p)) * 60px)) rotateX(calc((1 - var(--p)) * 40deg));}
  .ticket.t2{transition-delay:.05s;}
}
@media (max-width:560px){
  body{font-size:16px;}
  .bulbs.t,.bulbs.b{left:10px;right:10px;} .bulbs.t{top:8px;} .bulbs.b{bottom:8px;}
  .bulbs.l{left:8px;} .bulbs.r{right:8px;}
  .bulbs.l,.bulbs.r{top:28px;bottom:28px;}
  .hero-foot .row{flex-direction:column;width:100%;max-width:320px;}
  .hero-foot .row > *{width:100%;}
  .pill{letter-spacing:.16em;}
  .screenbox{height:calc(100svh - 150px);min-height:500px;}
  .cabinet{padding:6px;border-radius:18px;}
  .cab-head{margin:4px 6px 8px;}
  .cab-head b{font-size:15px;}
  .board .panel.main{padding:12px 14px;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:12px;align-items:center;}
  .board .panel.main .hello,.board .panel.main .status,.board .panel.main .pips{display:none;}
  .board .panel.main .pts-label{grid-column:1;font-size:10px;letter-spacing:.18em;}
  .board .panel.main .odo{grid-column:1;font-size:34px;margin:0;}
  .board .panel.main .mini{grid-column:2;grid-row:1 / span 2;margin:0;gap:6px;}
  .board .panel.main .mini div{padding:6px 8px;}
  .board .panel.main .mini small{font-size:9px;letter-spacing:.04em;}
  .board .panel.main .mini b{font-size:16px;}
  .board .panel.main .idcard{grid-column:1 / -1;margin-top:10px;padding:8px 10px;}
  .board .panel.main .idcard code{font-size:15px;}
  .ticket svg{width:60px;height:60px;}
}
@media (max-width:360px){
  .mini small{font-size:8.5px!important;}
  .board .panel.main .mini b{font-size:14px;}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;}
  .ticket,.cabinet{transform:none!important;}
}

/* ================= v4 additions ================= */
/* the real ₹1 coin on its stand */
.coinstage{position:relative;z-index:7;width:clamp(230px,min(80vw,52svh),540px);aspect-ratio:613/511;margin-top:clamp(4px,1.4svh,14px);
  transition:transform .25s ease-out;will-change:transform;}
.coinstage picture,.coinimg{display:block;width:100%;height:auto;}
.coinimg{position:relative;z-index:2;filter:drop-shadow(0 26px 30px rgba(10,0,2,.65)) drop-shadow(0 0 22px rgba(255,214,140,.35));}
.coinglow{position:absolute;z-index:1;left:50%;top:44%;width:92%;aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(circle,rgba(255,236,190,.55) 0%,rgba(255,180,80,.28) 32%,rgba(255,120,30,.08) 55%,transparent 70%);
  animation:glow 4s ease-in-out infinite;}
@keyframes glow{50%{opacity:.75;transform:translate(-50%,-50%) scale(.95);}}
.coinshine{position:absolute;inset:0;z-index:3;pointer-events:none;mix-blend-mode:screen;
  background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.75) 50%,transparent 60%) no-repeat;background-size:250% 100%;
  -webkit-mask:url(coin.webp?v=8) center/100% 100% no-repeat;mask:url(coin.webp?v=8) center/100% 100% no-repeat;
  animation:coinShine 5.5s ease-in-out 1.6s infinite;}
@keyframes coinShine{0%{background-position:160% 0;}40%,100%{background-position:-70% 0;}}
.spark{position:absolute;z-index:4;width:18px;height:18px;pointer-events:none;
  background:radial-gradient(circle,#fff 0 12%,transparent 13%),conic-gradient(from 45deg,transparent 0 22%,#fff 24% 26%,transparent 28% 47%,#fff 49% 51%,transparent 53% 72%,#fff 74% 76%,transparent 78%);
  border-radius:50%;opacity:0;animation:twinkle 3.2s ease-in-out infinite;}
.spark.s1{left:66%;top:12%;} .spark.s2{left:28%;top:30%;width:12px;height:12px;animation-delay:1.1s;} .spark.s3{left:72%;top:62%;width:10px;height:10px;animation-delay:2.2s;}
@keyframes twinkle{0%,100%{opacity:0;transform:scale(.4) rotate(0);}50%{opacity:1;transform:scale(1) rotate(45deg);}}
.hero-foot p b{color:var(--marigold);}

/* Level 11 teaser */
.level11{margin-top:22px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:clamp(14px,3vw,24px);align-items:center;
  padding:clamp(18px,3vw,26px);border-radius:20px;border:1px dashed rgba(255,186,8,.45);
  background:linear-gradient(120deg,rgba(255,186,8,.08),rgba(255,186,8,0) 60%);}
.level11 h3{margin:0 0 6px;font:400 clamp(22px,3vw,30px)/1.1 var(--display);}
.level11 p{margin:0;color:var(--muted);font-size:15.5px;}
.level11 p b{color:var(--cream);letter-spacing:.04em;}
.l11-badge{width:clamp(74px,12vw,96px);aspect-ratio:1;border-radius:18px;display:grid;place-items:center;align-content:center;gap:2px;
  background:#0d0204;border:1.5px solid var(--marigold);box-shadow:0 0 30px -6px rgba(255,186,8,.6),inset 0 0 20px rgba(255,186,8,.15);}
.l11-badge span{font:600 10px var(--body);letter-spacing:.3em;color:var(--amber);}
.l11-badge b{font:400 clamp(30px,5vw,42px)/1 var(--marquee);color:var(--marigold);text-shadow:0 0 14px rgba(255,186,8,.7);animation:neon 4s infinite;}
.pips i.q{background:transparent;border:1.5px dashed rgba(255,186,8,.7);}
.pipnote{margin-top:6px;font-size:11.5px;color:var(--muted);text-align:right;}
.idtop{display:flex;flex-direction:column;gap:2px;}
.idtop span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--amber);}
.idbtns{display:flex;gap:6px;flex-wrap:wrap;}
.linkbtn{background:none;border:0;color:var(--cream);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font-size:14.5px;padding:4px;}

/* dialogs: tabs, optional consent, pass */
.seg.tabs{margin:12px 0 10px;}
.consent.optional{margin-top:-6px;}
.consent a{color:var(--marigold);}
.pass{text-align:center;}
.passcard{border-radius:18px;padding:18px 14px 6px;margin-bottom:14px;background:radial-gradient(ellipse 70% 60% at 50% 20%,rgba(255,186,8,.18),transparent 70%),rgba(0,0,0,.25);border:1px solid rgba(255,186,8,.25);}
.passcoin,.wincoin{display:block;width:min(180px,50vw);height:auto;margin:0 auto 6px;filter:drop-shadow(0 12px 20px rgba(0,0,0,.6));}
.pass h2{padding-right:0;}
.passbtns{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:6px 0 14px;}
.l11-mini{display:flex;flex-direction:column;gap:4px;align-items:flex-start;margin:4px 0 12px;padding:10px 12px;border-radius:12px;
  border:1px dashed rgba(255,186,8,.5);font-size:14px;color:var(--muted);text-align:left;}
.l11-mini b{font:400 13px var(--marquee);color:var(--marigold);letter-spacing:.04em;white-space:nowrap;}
.fine .links{display:flex;gap:10px;flex-wrap:wrap;}
.fine .links a{color:var(--cream);}
.fine b{color:var(--cream);}

/* legal pages */
.legal{max-width:820px;margin:0 auto;padding:clamp(28px,6vw,70px) var(--gutter) 80px;}
.legal .back{display:inline-block;margin-bottom:22px;}
.legal h1{display:block;font:400 clamp(36px,7vw,60px)/1.05 var(--display);margin:0 0 6px;text-align:left;}
.legal .meta{color:var(--muted);font-size:14px;margin:0 0 26px;}
.legal h2{font:400 clamp(22px,3.4vw,28px)/1.2 var(--display);margin:38px 0 10px;color:var(--marigold);}
.legal h3{font:800 17px/1.3 var(--body);margin:22px 0 6px;}
.legal p,.legal li{color:#EBD6C8;font-size:16px;line-height:1.65;}
.legal ol,.legal ul{padding-left:22px;display:grid;gap:6px;}
.legal .summary{padding:18px 20px;border-radius:16px;background:rgba(255,186,8,.08);border:1px solid rgba(255,186,8,.3);}
.legal .summary ul{margin:8px 0 0;}
.legal table{width:100%;border-collapse:collapse;font-size:14.5px;}
.legal .tablewrap{overflow-x:auto;margin:10px 0;border:1px solid rgba(255,241,220,.12);border-radius:12px;}
.legal th,.legal td{text-align:left;padding:10px 12px;border-bottom:1px solid rgba(255,241,220,.1);vertical-align:top;}
.legal th{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--amber);}
.legal mark{background:rgba(255,186,8,.18);color:var(--cream);padding:0 3px;border-radius:3px;}

@media (max-width:560px){
  .level11{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center;}
  .board .panel.main .pipnote{display:none;}
  .board .panel.main .idcard{flex-wrap:nowrap;}
  .board .panel.main .idtop span{font-size:9.5px;}
  .board .panel.main .idbtns .pill{padding:8px 10px;letter-spacing:.1em;}
}
@media (prefers-reduced-motion:reduce){ .coinstage{transform:none!important;} }