:root{
  --bg:#050a11;--bg2:#08131f;--panel:rgba(8,20,31,.91);--panel2:rgba(13,31,46,.94);
  --gold:#f5c94b;--gold2:#ffe17b;--gold3:#9c6206;--text:#f7f9fb;--muted:#9eb0bf;
  --red:#e64f52;--green:#62e6a3;--line:rgba(255,255,255,.10);--shadow:0 28px 80px rgba(0,0,0,.42)
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;background:#050a11;color:var(--text)}
body{min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 50% -12%,rgba(245,201,75,.16),transparent 34rem),linear-gradient(160deg,#03070d,#091725 62%,#040910)}
button,input{font:inherit}.hidden{display:none!important}
.stage-lights{position:fixed;inset:0;z-index:-3;overflow:hidden;pointer-events:none}
.stage-lights i{position:absolute;top:-12vh;width:22vw;height:120vh;opacity:.12;filter:blur(4px);background:linear-gradient(180deg,rgba(255,226,124,.8),transparent 73%);clip-path:polygon(44% 0,56% 0,100% 100%,0 100%);transform-origin:50% 0;animation:sweep 10s ease-in-out infinite alternate}
.stage-lights i:nth-child(1){left:-4vw;transform:rotate(17deg)}.stage-lights i:nth-child(2){left:24vw;animation-delay:-3s;transform:rotate(6deg)}.stage-lights i:nth-child(3){right:24vw;animation-delay:-6s;transform:rotate(-6deg)}.stage-lights i:nth-child(4){right:-4vw;animation-delay:-8s;transform:rotate(-17deg)}
.stage-floor{position:fixed;z-index:-2;left:-10%;right:-10%;bottom:-36vh;height:64vh;border-radius:50%;background:radial-gradient(ellipse at center,rgba(245,201,75,.11),rgba(22,64,94,.08) 42%,transparent 70%);pointer-events:none}
@keyframes sweep{0%{opacity:.07;filter:blur(5px) brightness(.9)}100%{opacity:.18;filter:blur(3px) brightness(1.2)}}
.app{max-width:1540px;margin:0 auto;padding:18px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}
.brand{display:flex;align-items:center;gap:13px}.logo,.show-logo{display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#fff0a5,#c0800b 62%,#704000);color:#171006;font-weight:1000;box-shadow:0 0 0 5px rgba(245,201,75,.08),0 15px 40px rgba(0,0,0,.32),inset 0 1px 0 rgba(255,255,255,.7)}
.logo{width:53px;height:53px;font-size:1.35rem}.brand-title{font-weight:1000;font-size:1.35rem;letter-spacing:.02em}.moderator-line{color:var(--muted);font-size:.88rem;margin-top:2px;transition:.2s}
.top-actions{display:flex;gap:8px;align-items:center}.icon-btn{width:43px;height:43px;border:1px solid var(--line);background:rgba(255,255,255,.035);color:var(--text);border-radius:12px;cursor:pointer;font-size:1.1rem}.icon-btn:hover{background:rgba(255,255,255,.08)}
.btn{border:0;border-radius:13px;padding:11px 16px;font-weight:900;cursor:pointer;transition:.18s transform,.18s filter,.18s opacity;background:#173044;color:#fff;box-shadow:inset 0 0 0 1px var(--line)}.btn:hover{transform:translateY(-1px);filter:brightness(1.08)}.btn:active{transform:translateY(0)}.btn-large{padding:14px 21px;font-size:1rem}.btn-gold{background:linear-gradient(145deg,#ffe37a,#b77306);color:#181006;box-shadow:0 13px 30px rgba(189,125,6,.2)}.btn-red{background:linear-gradient(145deg,#ef686b,#9f292c)}.btn-outline{background:transparent;box-shadow:inset 0 0 0 1px rgba(255,255,255,.18)}
.layout{display:grid;grid-template-columns:minmax(215px,285px) minmax(0,1fr) minmax(220px,290px);gap:16px;align-items:start}.panel{background:linear-gradient(180deg,rgba(14,33,48,.93),rgba(5,15,24,.93));border:1px solid var(--line);border-radius:21px;box-shadow:var(--shadow);backdrop-filter:blur(10px)}.side{padding:14px;position:sticky;top:12px}.side h2{margin:1px 0 12px;font-size:.88rem;text-transform:uppercase;letter-spacing:.15em;color:var(--gold2)}
.main-panel{padding:17px;min-height:740px;position:relative;overflow:hidden}.main-panel:after{content:"";position:absolute;inset:auto 5% -90px;height:180px;background:radial-gradient(ellipse,rgba(245,201,75,.10),transparent 65%);pointer-events:none}
.status{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-bottom:13px}.stat{padding:11px 12px;border-radius:13px;border:1px solid var(--line);background:rgba(255,255,255,.035)}.stat span{display:block;color:var(--muted);font-size:.68rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:3px}.stat b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.instruction{border-radius:15px;padding:13px 15px;background:linear-gradient(90deg,rgba(245,201,75,.14),rgba(245,201,75,.025));border:1px solid rgba(245,201,75,.23);margin-bottom:17px;line-height:1.4}.instruction strong{color:var(--gold2)}
.case-grid{display:grid;grid-template-columns:repeat(6,minmax(72px,1fr));gap:13px;padding:7px 2px 2px}.case{position:relative;aspect-ratio:1.28/1;border:0;background:transparent;padding:0;cursor:pointer;perspective:800px;filter:drop-shadow(0 13px 16px rgba(0,0,0,.27))}.case[disabled]{cursor:default}.case-inner{position:absolute;inset:0;border-radius:12px;display:grid;place-items:center;color:#1a1206;font-weight:1000;font-size:clamp(1rem,2vw,1.45rem);background:linear-gradient(165deg,rgba(255,255,255,.55),rgba(255,255,255,0) 26%),linear-gradient(145deg,#f9d966,#a86404);border:2px solid #ffe9a1;box-shadow:inset 0 -10px 18px rgba(70,38,0,.24),inset 0 1px 0 rgba(255,255,255,.65);transition:.22s transform,.22s filter,.22s opacity,.22s background}.case-inner:before{content:"";position:absolute;width:40%;height:18%;top:-11%;left:30%;border:5px solid #bd7b0c;border-bottom:0;border-radius:9px 9px 0 0;box-shadow:inset 0 1px rgba(255,255,255,.35)}.case-inner:after{content:"";position:absolute;inset:7px;border:1px solid rgba(90,48,0,.20);border-radius:8px;pointer-events:none}.case:hover .case-inner{transform:translateY(-5px) rotateX(3deg) scale(1.025);filter:brightness(1.09)}.case.selected .case-inner{background:linear-gradient(145deg,#fff0a1,#ca8a12);box-shadow:0 0 0 4px rgba(245,201,75,.17),0 0 38px rgba(245,201,75,.37),inset 0 -10px 18px rgba(70,38,0,.22)}.case.selected .case-inner span{position:relative}.case.selected .case-badge{display:block}.case-badge{display:none;position:absolute;bottom:7px;font-size:.49rem;letter-spacing:.15em;background:#07151f;color:#ffe68c;padding:3px 6px;border-radius:999px;z-index:2}.case.open{animation:caseOpen .48s ease both}.case.open .case-inner{background:#132a39;border-color:#29485b;color:#61798a;opacity:.42;transform:rotateY(18deg) scale(.9);box-shadow:inset 0 0 0 1px rgba(255,255,255,.04)}.case.open .case-inner:before{opacity:.3}.case.open:hover .case-inner{filter:none;transform:rotateY(18deg) scale(.9)}
@keyframes caseOpen{0%{transform:scale(1)}50%{transform:scale(1.10)}100%{transform:scale(1)}}
.prizes{display:grid;gap:4px}.prize{display:flex;justify-content:space-between;align-items:center;gap:7px;padding:5px 8px;border-radius:8px;font-size:.80rem;background:rgba(255,255,255,.04);transition:.25s opacity,.25s transform,.25s filter}.prize.low{background:rgba(78,168,238,.055)}.prize.high{background:rgba(245,201,75,.09);color:#ffedac}.prize.out{opacity:.22;text-decoration:line-through;filter:saturate(.2);transform:scale(.97)}.prize.flash{animation:prizeFlash .8s ease}@keyframes prizeFlash{50%{background:rgba(230,79,82,.28);transform:scale(1.035)}}
.side-info{display:grid;gap:8px}.info-box{padding:10px 11px;border-radius:12px;background:rgba(255,255,255,.035);border:1px solid var(--line)}.info-box span{display:block;color:var(--muted);font-size:.66rem;text-transform:uppercase;letter-spacing:.1em}.info-box b{font-size:.95rem}.history,.leaderboard-side{margin-top:12px;border-top:1px solid var(--line);padding-top:12px}.history h3,.leaderboard-side h3{font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:0 0 8px}.history-list{display:grid;gap:5px;max-height:170px;overflow:auto}.hist{display:flex;justify-content:space-between;gap:8px;font-size:.78rem;padding:6px 7px;border-radius:8px;background:rgba(255,255,255,.035)}.hist small{color:var(--muted)}.empty,.score-empty{color:var(--muted);font-size:.79rem;padding:5px 2px}.leaderboard-title{display:flex;justify-content:space-between;align-items:center}.leaderboard-title small{font-size:.63rem;color:var(--muted)}
.score-list{display:grid;gap:6px}.score-row{display:grid;grid-template-columns:28px minmax(0,1fr) auto;gap:8px;align-items:center;padding:8px 9px;border-radius:10px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.045)}.score-row.me{border-color:rgba(245,201,75,.35);background:rgba(245,201,75,.10)}.score-rank{font-weight:1000;color:var(--gold2)}.score-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:750}.score-money{font-weight:1000}.score-list.compact .score-row{font-size:.75rem;padding:5px 7px;grid-template-columns:22px minmax(0,1fr) auto}.score-list.compact{max-height:248px;overflow:auto}
.start-screen{position:fixed;inset:0;z-index:100;background:radial-gradient(circle at 50% 12%,rgba(245,201,75,.18),transparent 28rem),radial-gradient(circle at 50% 120%,rgba(17,89,142,.24),transparent 36rem),rgba(3,8,14,.97);display:grid;place-items:center;padding:22px;overflow:auto}.start-wrap{width:min(950px,100%);text-align:center}.show-logo{width:105px;height:105px;font-size:2.4rem;margin:0 auto 15px;box-shadow:0 0 90px rgba(245,201,75,.24),0 0 0 7px rgba(245,201,75,.07)}.show-kicker{font-size:.77rem;letter-spacing:.25em;color:#ffd96b;font-weight:1000}.start-wrap h1{margin:5px 0 0;font-size:clamp(2.4rem,8vw,5.3rem);line-height:.95;text-shadow:0 12px 40px rgba(0,0,0,.35)}.intro{color:#b8c7d2;line-height:1.6;max-width:680px;margin:18px auto 22px}.start-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:14px;text-align:left}.start-card{padding:18px;border-radius:18px;background:linear-gradient(180deg,rgba(18,42,60,.90),rgba(7,19,28,.93));border:1px solid var(--line);box-shadow:var(--shadow)}.start-card label{display:block;color:var(--gold2);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;font-weight:900;margin-bottom:7px}.start-card input{width:100%;padding:13px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.15);background:#07131d;color:#fff;outline:none;margin-bottom:10px}.start-card input:focus{border-color:rgba(245,201,75,.58);box-shadow:0 0 0 3px rgba(245,201,75,.09)}.start-card .btn-large{width:100%}.mini-actions{display:flex;justify-content:center;gap:14px;margin-top:10px}.link-btn{border:0;background:transparent;color:#9eb4c4;cursor:pointer;font-size:.78rem}.link-btn:hover{color:#fff}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:1000}.card-head small{font-weight:500;color:var(--muted)}.smallprint{color:#627887;font-size:.70rem;margin-top:14px}
.overlay{position:fixed;inset:0;z-index:80;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(0,6,11,.80);backdrop-filter:blur(10px)}.overlay.show{display:flex}.modal{width:min(610px,100%);padding:25px;border-radius:24px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(245,201,75,.13),transparent 19rem),linear-gradient(180deg,#112a3d,#07131d);border:1px solid rgba(245,201,75,.28);box-shadow:0 38px 120px rgba(0,0,0,.62);animation:modalIn .28s ease both}.eyebrow{font-size:.76rem;letter-spacing:.19em;color:var(--gold2);font-weight:1000}.modal h2{font-size:clamp(1.5rem,5vw,2.45rem);margin:7px 0}.modal p{color:#b8c7d0;line-height:1.55;max-width:50ch;margin:10px auto 19px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:11px}.actions .btn{padding:14px}.offer{font-size:clamp(2.7rem,10vw,5.2rem);font-weight:1000;color:#ffe076;line-height:1;margin:21px 0;text-shadow:0 0 30px rgba(245,201,75,.25);animation:offerPulse 1.8s ease-in-out infinite}.decision-label{font-weight:1000;letter-spacing:.15em;font-size:.77rem;margin:4px 0 13px;color:#e9edf0}.phone-icon{width:94px;height:94px;margin:0 auto 14px;display:grid;place-items:center;border-radius:50%;font-size:2.9rem;background:linear-gradient(145deg,#f8d865,#a86d08);color:#161006;box-shadow:0 0 0 8px rgba(245,201,75,.06),0 0 48px rgba(245,201,75,.24);animation:ring .72s ease-in-out infinite}.result-amount{font-size:clamp(2.7rem,9vw,4.8rem);font-weight:1000;color:#ffe488;margin:15px 0}.rank-message{padding:10px 12px;border-radius:12px;background:rgba(245,201,75,.08);border:1px solid rgba(245,201,75,.16);color:#ffe9a4;font-weight:750;margin:0 0 16px}.result-actions{grid-template-columns:1fr 1fr}.modal-list{max-height:52vh;overflow:auto;text-align:left}.score-mode-text{font-size:.85rem}.scores-modal{width:min(650px,100%)}
@keyframes modalIn{from{opacity:0;transform:translateY(16px) scale(.97)}to{opacity:1;transform:none}}@keyframes offerPulse{50%{transform:scale(1.025);text-shadow:0 0 44px rgba(245,201,75,.42)}}@keyframes ring{0%,100%{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}}
.reveal-overlay{position:fixed;inset:0;z-index:70;display:none;place-items:center;pointer-events:none;background:radial-gradient(circle at 50%,rgba(0,0,0,.25),rgba(0,0,0,.72));backdrop-filter:blur(5px)}.reveal-overlay.show{display:grid}.reveal-card{text-align:center;animation:revealPop .25s ease both}.reveal-case{width:125px;height:90px;margin:0 auto 19px;display:grid;place-items:center;font-weight:1000;font-size:1.7rem;color:#181006;border:2px solid #ffea9f;border-radius:13px;background:linear-gradient(145deg,#f8db6a,#a86705);box-shadow:0 24px 55px rgba(0,0,0,.4)}.reveal-label{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;color:#bbc7cf}.reveal-value{font-size:clamp(2.6rem,10vw,5.4rem);font-weight:1000;color:#ffe57f;text-shadow:0 0 36px rgba(245,201,75,.25)}.reveal-comment{margin-top:8px;color:#d7e0e6;font-weight:700}.toast{position:fixed;z-index:120;left:50%;bottom:18px;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#0c1c27;border:1px solid rgba(255,255,255,.15);border-radius:13px;padding:11px 16px;box-shadow:0 20px 50px rgba(0,0,0,.42);transition:.22s;max-width:min(92vw,620px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes revealPop{from{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}
@media(max-width:1080px){.layout{grid-template-columns:220px minmax(0,1fr)}.info-panel{grid-column:1/-1;position:static;display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.info-panel h2,.info-panel .history,.info-panel .leaderboard-side{grid-column:1/-1}.side-info{display:contents}.leaderboard-side .score-list.compact{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;max-height:none}}
@media(max-width:760px){.app{padding:10px}.layout{display:flex;flex-direction:column}.main-panel{order:1;width:100%;padding:12px;min-height:auto}.prizes-panel{order:2;width:100%;position:static}.info-panel{order:3;width:100%;display:block}.prizes{grid-template-columns:1fr 1fr}.case-grid{grid-template-columns:repeat(5,1fr);gap:9px}.status{grid-template-columns:1fr 1fr}.start-grid{grid-template-columns:1fr}.topbar{align-items:flex-start}.moderator-line{max-width:55vw}.top-actions .btn-outline{display:none}.leaderboard-side .score-list.compact{display:grid;grid-template-columns:1fr 1fr}.show-logo{width:86px;height:86px}.start-screen{align-items:start}.start-wrap{padding-top:3vh}}
@media(max-width:500px){.case-grid{grid-template-columns:repeat(4,1fr);gap:8px}.case-inner{border-width:1px}.prize{font-size:.73rem}.actions,.result-actions{grid-template-columns:1fr}.leaderboard-side .score-list.compact{grid-template-columns:1fr}.top-actions{gap:5px}.icon-btn{width:39px;height:39px}.brand-title{font-size:1.08rem}.moderator-line{font-size:.73rem}.modal{padding:20px 15px}.start-card{padding:15px}}
