/* Friendly game-lobby styling. The cinematic casino entrance stays unchanged. */
body:not([data-view="lobby"]){--mint:#8deda5;--line:#334557;background:#101e2b;color:#f4f7fb;font-family:var(--body)}
body:not([data-view="lobby"]) .nav{background:#152535;border-color:#ffffff08}
body:not([data-view="lobby"]) h1,body:not([data-view="lobby"]) h2,body:not([data-view="lobby"]) h3{font-family:var(--body);font-weight:800;letter-spacing:-.035em}
body:not([data-view="lobby"]) .primary{background:#a4ed8a;color:#15291c;border-radius:9px;box-shadow:0 4px 0 #4b8f49,0 10px 28px #0003;font-size:16px;font-weight:800;min-height:50px}
body:not([data-view="lobby"]) .primary:hover{background:#bcffa6;transform:translateY(-2px)}
#welcome{display:block;min-height:calc(100svh - 72px);padding:32px 40px 36px;background:radial-gradient(ellipse at 85% 0%,#423c6355,transparent 48%),#101e2b}
.welcome-card{max-width:1160px;margin:auto;text-align:left}.arcade-topline{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:800;letter-spacing:.12em;color:#b1c3d5;margin-bottom:20px}.free-pill{font-size:9px;letter-spacing:.08em;background:#a4ed8a1a;color:#b9f3a6;padding:7px 11px;border-radius:7px}
.welcome-feature{display:grid;grid-template-columns:1.25fr 1fr;min-height:310px;position:relative;border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at 80% 40%,#9871a05e,transparent 60%),linear-gradient(115deg,#273047,#3d314c 65%,#63424e);border:1px solid #ffffff0c;box-shadow:0 20px 60px #0002}
.welcome-copy{padding:35px 38px;z-index:2}.game-tag{font-size:9px;font-weight:800;letter-spacing:.16em;color:#f5cf98}.welcome-copy h1{font-size:clamp(40px,4.8vw,62px);line-height:.98;margin:16px 0}.welcome-copy h1 span{color:#f7d184}.welcome-copy p{font-size:15px;line-height:1.6;color:#d7dae6;margin:16px 0 21px}.welcome-copy .primary{min-width:210px}.play-perks{display:flex;flex-wrap:wrap;gap:18px;margin-top:18px;font-size:10px;color:#c8cfdd}
.ace-art{position:relative;min-height:300px;align-self:stretch;overflow:hidden}.art-orbit{width:270px;height:270px;border:1px solid #f9db9c30;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 30px #f9db9c08,0 0 0 65px #f9db9c04}.playing-card{position:absolute;width:145px;height:200px;border-radius:13px;box-shadow:0 20px 30px #0005}.card-front{background:linear-gradient(135deg,#fff9dc,#eccc88);color:#293b37;left:34%;top:20%;transform:rotate(12deg);padding:12px;display:flex;flex-direction:column;justify-content:space-between;border:5px solid #fff1be}.card-front b{font:95px Georgia;text-align:center;line-height:1}.card-front small{font:bold 16px Georgia}.card-front small:last-child{text-align:right}.card-back{background:repeating-linear-gradient(45deg,#553b68 0 8px,#694e7e 8px 10px);border:7px double #d4b1de;color:#dfc5e5;left:15%;top:24%;transform:rotate(-16deg);display:grid;place-items:center;font:85px Georgia}.chip{position:absolute;border-radius:50%;width:66px;height:66px;display:grid;place-items:center;background:#e9ba64;border:7px dashed #fff0b2;box-shadow:0 6px 0 #9b702e,0 15px 20px #0005;color:#644619;font-size:24px;font-style:normal}.chip-one{right:12%;bottom:17%;transform:rotate(18deg)}.chip-two{left:12%;bottom:15%;width:49px;height:49px;font-size:20px;transform:rotate(-18deg)}.art-spark{position:absolute;font-style:normal;color:#ffe0a0;font-size:34px}.spark-one{right:16%;top:15%}.spark-two{left:12%;top:15%;font-size:18px}
.how-heading{display:flex;justify-content:space-between;align-items:center;margin:29px 0 16px}.how-heading h2{font-size:20px!important;letter-spacing:-.025em}.how-heading>span{font-size:11px;color:#9db1c4}.welcome-steps{margin:0;gap:16px}.welcome-steps>div{position:relative;min-height:174px;padding:20px 22px;border:0;border-radius:12px;overflow:hidden;box-shadow:0 6px 15px #0002}.step-clues{background:linear-gradient(125deg,#214d54,#246b61)}.step-call{background:linear-gradient(125deg,#513e7e,#75519d)}.step-plan{background:linear-gradient(125deg,#77472d,#a86c36)}.welcome-steps .step-art{font:44px Georgia;height:58px;line-height:1;color:#eddd9e;letter-spacing:5px;text-shadow:0 5px 8px #0004}.step-clues .step-art span{display:inline-block;font:44px Georgia;color:#aaf1d7;transform:rotate(-15deg)}.welcome-steps strong{font-size:17px;margin:7px 0 5px}.welcome-steps span{font-size:12px;color:#f0f0f1cc}.welcome-steps b{position:absolute;right:16px;top:10px;font:bold 54px var(--body);color:#ffffff12}.welcome-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:22px;font-size:12px;color:#9db1c4}.welcome-bottom .quiet{border:0;font-size:12px;color:#aebfd0}
body[data-view="game"]{background:radial-gradient(ellipse at 50% -20%,#33456266,transparent 65%),#101e2b}.game-floor{max-width:1050px;padding-top:25px}.section-top h2{font-size:32px}.section-top .eyebrow{color:#a4ed8a;font-size:10px;letter-spacing:.1em}.game-directions{color:#b2c3d4;font-size:14px;margin-top:8px}.section-top{margin-bottom:20px}.best{background:#1b2c3d;border:1px solid #ffffff08;padding:9px 15px;border-radius:10px;color:#a9bbcd;min-width:114px}.best b{color:#f7d184;font-family:var(--body);font-size:25px}.best small{display:none}
.hud{background:#1b2c3d;border:0;border-radius:12px;padding:15px 22px;box-shadow:none;gap:28px}.hud strong{font-size:22px;font-family:var(--body);color:#f3d38d}.hud span{color:#9cb2c7;font-size:9px}.hud .quiet{background:#263b4e;border:0;font-size:11px}.progress-track{background:#101e2b;border-radius:20px;height:7px}.progress-track>div{background:linear-gradient(90deg,#a4ed8a,#f7d184);border-radius:20px}
.case-layout>.panel{border:0;background:#192b3c;border-radius:16px;padding:27px;box-shadow:0 10px 25px #0002}.case-title{gap:17px;margin-bottom:20px}.case-icon{background:linear-gradient(145deg,#5d4b82,#423755);border:0;min-width:56px;width:56px;height:65px;border-radius:12px;color:#ead29b;font-size:34px;box-shadow:0 5px 0 #0f1c2a}.case-kicker{color:#a6c3d7;font-size:10px;letter-spacing:.1em}.case-title h3{font-size:30px;margin-top:6px}.case-title p{font-size:14px;color:#bdccda;line-height:1.55;max-width:760px;margin-top:9px}.clue-guide{font-size:12px;align-items:center;color:#b7c9d7;gap:12px;margin-bottom:16px}.clue-guide b{background:#a4ed8a18;color:#a4ed8a;padding:5px 8px;border-radius:5px;font-size:9px;letter-spacing:.08em}
.evidence-grid{gap:15px;margin-bottom:24px}.evidence-card{position:relative;overflow:hidden;min-height:170px;border:1px solid #ffffff18;border-radius:13px;background:linear-gradient(135deg,#246568,#174345);text-align:center;box-shadow:0 6px 0 #0d1a27;transition:transform .2s,box-shadow .2s}.evidence-card:nth-child(2){background:linear-gradient(135deg,#725398,#423764)}.evidence-card:nth-child(3){background:linear-gradient(135deg,#a16d36,#68432a)}.evidence-card:not(.open):after{content:"";position:absolute;inset:9px;border:1px solid #ffffff20;border-radius:8px;pointer-events:none}.evidence-card:hover{transform:translateY(-5px);border-color:#f4db9e;box-shadow:0 10px 0 #0d1a27}.evidence-card .suit{font-size:48px;display:block;line-height:1.1;color:#ffe6b3;text-shadow:0 4px 8px #0003}.evidence-card small{color:#ffffffbd;font-size:9px;margin:8px 0;letter-spacing:.1em}.evidence-card b{color:#fff4d2;font-size:25px}.evidence-card p{color:#eef4fa;font-size:12px}.evidence-card.open{box-shadow:0 3px 0 #0d1a27;transform:none}
.choice{background:#24394c;border:1px solid transparent;border-radius:10px;min-height:57px;padding:13px 16px;color:#e9f0f6;transition:background .15s,transform .15s}.choice:hover:not(:disabled){background:#304c62;border-color:#7ca9bf;transform:translateX(3px)}.choice kbd{border:0;background:#142636;border-radius:7px;color:#b6cbdc;font-family:var(--body);font-size:13px}.choice span{font-size:14px}.choice.correct{background:#224b40;border-color:#8dda97}.choice.correct kbd{background:#9ae28c;color:#183924}.choice.selected:not(.correct){border-color:#e2b380}.choice:disabled{opacity:.75}.choice.correct:disabled,.choice.selected:disabled{opacity:1}.feedback{border-radius:12px;background:#243e3c;border:1px solid #85d18d44;padding:20px}.feedback h4{font-size:20px;margin-top:0}.feedback p{font-size:14px;color:#d5e1de}.feedback .primary{font-size:14px}.case-layout .note{font-size:11px;color:#8fa7bb}
body[data-view="game"] .panel{background:#192b3c;border-color:#ffffff0b;border-radius:15px}.plan-grid h2{font-size:34px}.plan-grid h2 em{font-style:normal;color:#f7d184}.action-row{border-color:#ffffff10;padding:20px 0}.action-row strong{font-size:15px}.action-row p,.action-row .cost{font-size:12px}.action-row input,.plan-grid textarea{background:#102131;border-color:#36536b;border-radius:8px}.lab summary,.extra-actions summary{font-size:14px;color:#b5e4b1}.results-head h2{font-size:36px}.score-ring{background:radial-gradient(circle,#274b40,#172c3c);border-color:#a4ed8a}.score-ring b{font-family:var(--body);color:#b5ed96}.badge{border-radius:20px}.results-grid>div{background:#22384b;border-color:#ffffff08;border-radius:12px}.results-grid b{font-family:var(--body)}body[data-view="game"] footer{border-color:#ffffff10;color:#8fa7bb;font-size:10px}
@media(max-width:700px){#welcome{padding:22px 18px}.welcome-feature{grid-template-columns:1fr .65fr;min-height:310px}.welcome-copy{padding:27px 22px}.welcome-copy h1{font-size:42px}.welcome-copy p{font-size:13px}.play-perks{font-size:9px;gap:8px}.welcome-copy .primary{min-width:180px}.ace-art{min-height:290px}.playing-card{width:110px;height:155px}.card-front{left:20%;top:25%}.card-back{left:-5%;top:30%}.card-front b{font-size:72px}.chip-one{right:0;width:50px;height:50px}.chip-two{left:0}.how-heading h2{font-size:17px!important}.how-heading>span{display:none}.welcome-steps{gap:10px}.welcome-steps>div{padding:16px 12px;min-height:170px}.welcome-steps strong{font-size:14px}.welcome-steps span{font-size:11px}.welcome-bottom{align-items:flex-start;gap:10px;font-size:10px}.welcome-bottom>.quiet{white-space:nowrap;padding:0;font-size:10px}.case-layout>.panel{padding:20px}.hud{gap:18px;padding:15px}.evidence-card{min-height:160px;padding:12px}.evidence-card .suit{font-size:38px}.evidence-card b{font-size:20px}.evidence-card p{font-size:11px}.evidence-grid{gap:9px}.case-title h3{font-size:26px}.section-top h2{font-size:29px}.case-icon{min-width:44px;width:44px;height:54px}.clue-guide{font-size:11px;gap:8px}.best{min-width:80px;padding:7px 10px}}
@media(max-width:430px){.welcome-feature{grid-template-columns:1fr;min-height:0}.welcome-copy{padding:27px 24px}.welcome-copy h1{font-size:45px;position:relative;z-index:1}.welcome-copy p{position:relative;z-index:1;font-size:13px;max-width:235px}.ace-art{position:absolute;right:-25px;top:3px;width:175px;height:185px;min-height:0;opacity:.4;pointer-events:none}.playing-card{width:90px;height:125px}.card-front b{font-size:50px}.card-front small{font-size:12px}.chip{display:none}.art-orbit{width:130px;height:130px}.welcome-steps{grid-template-columns:1fr}.welcome-steps>div{min-height:90px;padding:17px 20px 17px 85px}.welcome-steps .step-art{position:absolute;left:20px;top:25px;font-size:33px;width:50px;letter-spacing:0}.step-clues .step-art span{font-size:27px}.welcome-steps b{font-size:42px;right:12px;top:15px}.welcome-steps strong{font-size:15px}.welcome-steps span{font-size:12px;max-width:220px;display:block}.welcome-bottom{flex-direction:column;gap:16px}.evidence-card b{font-size:18px}.game-directions{font-size:12px}.arcade-topline{font-size:9px}.free-pill{font-size:8px}}
@media(prefers-reduced-motion:reduce){.evidence-card:hover,.choice:hover:not(:disabled){transform:none}}

.welcome-steps>.step-clues{background:linear-gradient(125deg,#214d54,#246b61)}.welcome-steps>.step-call{background:linear-gradient(125deg,#513e7e,#75519d)}.welcome-steps>.step-plan{background:linear-gradient(125deg,#77472d,#a86c36)}

/* Carry the game-lobby identity into the cinematic entrance. */
body[data-view="lobby"]{background:#101e2b}body[data-view="lobby"] .nav{background:#152535f5;border-color:#ffffff0b}body[data-view="lobby"] .hero-shade{background:linear-gradient(90deg,#101e2bfa 0%,#101e2be8 29%,#101e2b66 62%,#17100920),linear-gradient(0deg,#101e2b,transparent 38%)}body[data-view="lobby"] .hero h1{font-family:var(--body);font-weight:800;font-size:clamp(46px,5.8vw,82px);line-height:1.02;letter-spacing:-.045em}body[data-view="lobby"] .hero h1 em{font-style:normal;color:#f7d184}body[data-view="lobby"] .hero-copy>.eyebrow{display:inline-flex;align-items:center;gap:5px;padding:8px 11px;border-radius:6px;background:#a4ed8a16;color:#b4eea4;font-size:9px;letter-spacing:.12em;margin-bottom:22px}body[data-view="lobby"] .live-dot{background:#a4ed8a;box-shadow:0 0 10px #a4ed8a50}body[data-view="lobby"] .hero-copy>p{color:#c0cfdf;font-size:16px}body[data-view="lobby"] .primary{background:#a4ed8a;color:#15291c;border-radius:9px;box-shadow:0 4px 0 #4b8f49,0 10px 28px #0003;font-weight:800;min-width:190px}body[data-view="lobby"] .primary:hover{background:#bcffa6}body[data-view="lobby"] .hero-actions .outline{background:#24394caa;border:1px solid #ffffff14;border-radius:9px;color:#dce7ef}body[data-view="lobby"] .hero-meta{color:#a9bed0}body[data-view="lobby"] .quiet{border-color:#ffffff16;color:#b6c9da;border-radius:8px}body[data-view="lobby"] .scene-footer small{color:#b6c9da}body[data-view="lobby"] .hero-foot .quiet{background:#152535bb}
@media(max-height:740px) and (min-width:601px){body[data-view="lobby"] .hero h1{font-size:clamp(43px,5.2vw,65px)}}
@media(max-width:600px){body[data-view="lobby"] .hero h1{font-size:34px;line-height:1.03}body[data-view="lobby"] .hero-copy>.eyebrow{font-size:8px;padding:6px 8px;margin-bottom:12px}body[data-view="lobby"] .hero-copy>p{font-size:12px}body[data-view="lobby"] .hero-shade{background:linear-gradient(180deg,#101e2bf0 0%,#101e2bc9 30%,#101e2b40 65%,#101e2b 100%)}}