:root{color-scheme:dark;--bg:#100e20;--panel:#1b172e;--panel2:#231e38;--ink:#f6f2ff;--muted:#e0d8ed;--purple:#bc9bff;--line:#433858;--gold:#ffd57a;--green:#8ce6c3}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.shell :where(h1),.shell :where(h2),.shell :where(h3),.shell :where(p),.shell :where(label),.shell :where(b),.shell :where(strong),.shell :where(small),.shell :where(span),.shell :where(li),.shell :where(a),.shell :where(button),.shell :where(input){color:inherit;-webkit-text-fill-color:currentColor}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:1;color:#ded4ec;background:#272033;box-shadow:none}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button{color:var(--ink)}.ambient{position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 12% 0,#6239ae35,transparent 55%),radial-gradient(ellipse at 94% 58%,#394c8d20,transparent 50%)}.shell{max-width:1190px;margin:auto;padding:0 32px}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;gap:12px}.arcade-link{font-size:13px;text-decoration:none;color:var(--muted);display:flex;gap:10px;align-items:center}.arcade-link:hover{color:white}.slash{opacity:.5;padding:0 9px}.quiet,.secondary{border:1px solid var(--line);background:#ffffff04;border-radius:10px;padding:10px 16px;font-size:13px;font-weight:650;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;min-height:44px;gap:10px}.quiet:hover,.secondary:hover{background:#ffffff0c;border-color:var(--purple)}main{padding:26px 0 14px}.brand-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.wordmark{display:flex;align-items:center;gap:11px;font-size:27px;font-weight:850;letter-spacing:-1px;text-decoration:none}.purple{color:var(--purple)}.brand-icon{width:39px;height:39px;border-radius:11px;background:linear-gradient(145deg,#9470ee,#533093);box-shadow:0 4px 20px #9b70ff20;display:grid;place-items:center;font-size:23px;position:relative;color:white}.brand-icon>span{position:absolute;bottom:-3px;right:-3px;background:var(--gold);color:#271a42;border:3px solid var(--bg);width:21px;height:24px;border-radius:9px;font-size:14px;display:grid;place-items:center}.edition,.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:var(--muted)}.intro{border:1px solid #54416f;border-radius:24px;overflow:hidden;background:linear-gradient(125deg,#2b2047,#19152b 65%);position:relative;display:grid;grid-template-columns:1.2fr 1fr;min-height:430px;box-shadow:0 20px 65px #0003}.intro-copy{padding:48px 42px;z-index:1}.pill{display:inline-flex;align-items:center;gap:9px;border:1px solid #bc9bff44;background:#bc9bff0d;color:#d3bcff;padding:7px 12px;border-radius:8px;font-size:11px;font-weight:800;letter-spacing:1.5px}.dot{width:6px;height:6px;background:var(--gold);border-radius:50%;box-shadow:0 0 10px #ffd57a66}h1{font-size:clamp(38px,4.5vw,58px);line-height:1.08;letter-spacing:-2.3px;margin:23px 0 20px}h1 em{font-style:normal;color:var(--purple)}.intro-copy p{max-width:380px;color:var(--muted);font-size:16px;line-height:1.65;margin:0 0 27px}.primary{border:1px solid #bd9bff;background:linear-gradient(145deg,#8051ce,#6336ad);box-shadow:0 5px 0 #49277e,0 8px 24px #9e6be32b;color:white;padding:13px 23px;border-radius:11px;min-height:50px;font-weight:800;display:inline-flex;justify-content:center;align-items:center;gap:28px;font-size:15px;transition:transform .15s,filter .15s}.primary:hover:not(:disabled){filter:brightness(1.12);transform:translateY(-1px)}.primary:active:not(:disabled){transform:translateY(3px);box-shadow:0 2px 0 #49277e}.intro-note{font-size:11px;color:var(--muted);margin-top:17px}.vault-art{position:relative;min-height:360px;display:grid;place-items:center;isolation:isolate;background:radial-gradient(ellipse at center,#9160dc22,transparent 65%);overflow:hidden}.orbit{position:absolute;width:340px;height:340px;border:1px solid #bc9bff18;border-radius:50%}.orbit:after{content:'';position:absolute;inset:35px;border:1px dashed #bc9bff22;border-radius:50%}.mystery-card{position:relative;width:182px;height:242px;background:linear-gradient(150deg,#62478b,#312145);border:1px solid #c0a2f9;border-radius:20px;transform:rotate(-8deg);box-shadow:0 20px 55px #0005,inset 0 0 0 8px #ffffff06;display:grid;place-items:center}.mystery-card:before,.mystery-card:after{content:'';position:absolute;width:100%;height:100%;border-radius:20px;border:1px solid #736089;background:#292039;z-index:-1;transform:rotate(14deg) translate(22px,3px)}.mystery-card:after{transform:rotate(23deg) translate(38px,2px);z-index:-2;background:#211a30}.question-mark{font-size:125px;font-weight:800;line-height:1;color:var(--gold);text-shadow:0 5px 0 #684b3a,0 0 50px #ffd57a2a}.card-label{position:absolute;bottom:22px;font:800 10px/1 system-ui;letter-spacing:3px;color:#e0cdfc}.float-tag{position:absolute;border:1px solid #6b527e;background:#21192f;padding:10px 15px;border-radius:10px;font-size:11px;letter-spacing:1px;box-shadow:0 12px 24px #0004}.float-tag.first{top:62px;left:8px;transform:rotate(-7deg);color:var(--gold)}.float-tag.last{bottom:65px;right:20px;transform:rotate(5deg);color:var(--green)}.how{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0}.how>div{display:flex;gap:14px;padding:18px 20px;background:#1a162a;border:1px solid #362d49;border-radius:13px}.how b{display:block;font-size:14px}.how p{margin:4px 0 0;color:var(--muted);font-size:12px}.step{color:var(--purple);font-size:24px;font-weight:850;letter-spacing:-1px}.category-line{display:flex;gap:16px;align-items:center;justify-content:center;flex-wrap:wrap;font-size:11px;color:var(--muted);margin:24px 0 12px}.category-line span:before{content:'✦';color:#80689f;margin-right:7px}.hud{display:flex;align-items:center;gap:26px;margin-bottom:20px;background:#1a162b;border:1px solid #3c3152;border-radius:14px;padding:15px 22px}.hud-title{font-size:11px;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase}.hud strong{font-size:21px;font-weight:800;font-variant-numeric:tabular-nums}.hud .score{margin-left:auto;text-align:right}.hud small{color:var(--muted);font-size:13px}.run-track{display:flex;gap:8px}.run-track span{width:30px;height:5px;border-radius:4px;background:#403550}.run-track .active{background:var(--purple);box-shadow:0 0 12px #bc9bff55}.run-track .done{background:var(--green)}.game-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}.clue-board{border:1px solid #4d3b64;background:linear-gradient(135deg,#251d39,#191527);border-radius:20px;padding:25px}.board-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.category-name{font-size:23px;letter-spacing:-.6px;margin:8px 0 0;line-height:1.2}.case-id{font-size:11px;letter-spacing:2px;color:#9e90b6}.clue-count{font-size:12px;color:var(--muted)}.clues{display:grid;gap:9px}.clue{border:1px solid #59456f;background:linear-gradient(110deg,#382a4b,#2a223b);border-radius:12px;padding:14px;display:flex;align-items:center;gap:15px;min-height:72px}.clue.latest{border-color:#9973c7;box-shadow:0 0 24px #bc9bff08}.clue.animate{animation:reveal .25s ease-out}.clue-number{width:33px;height:33px;display:grid;place-items:center;border-radius:9px;background:#bc9bff1c;color:var(--purple);flex-shrink:0;font-size:13px;font-weight:850}.clue p{margin:0;font-size:14px;line-height:1.5}.clue.locked{background:#ffffff02;border:1px dashed #473952;min-height:52px;color:#a499b6}.clue.locked .clue-number{background:none;color:#93869f;font-size:12px}.clue.locked p{font-size:12px;letter-spacing:.25px}.deduction-panel{background:#1c172e;border:1px solid #483857;border-radius:20px;overflow:hidden}.points-box{padding:23px 24px;background:radial-gradient(ellipse at top,#70552424,transparent 80%);text-align:center;border-bottom:1px solid #40324d}.points-box .eyebrow{color:var(--gold);font-size:10px}.stars{color:var(--gold);font-size:29px;letter-spacing:4px;margin:7px -4px 3px 0;line-height:1.5}.stars .spent{color:#b8a9ca}.point-value{font-size:12px;color:var(--muted)}.point-value b{color:white}.answer-box{padding:23px}label{display:block;font-size:14px;font-weight:750;margin-bottom:10px}input{width:100%;border:1px solid #6c547f;border-radius:10px;background:#100d1d;color:var(--ink);padding:13px 14px;min-height:49px;font-size:16px}input::placeholder{color:#d3c6e6;-webkit-text-fill-color:#d3c6e6;opacity:1}.answer-box .primary{width:100%;margin-top:12px;gap:15px}.feedback{font-size:12px;color:var(--muted);min-height:48px;margin:13px 0 8px;line-height:1.6}.feedback.bad{color:#ffcaad}.reveal-button{width:100%;min-height:47px;font-size:13px;color:#d8c5f4}.answer-note{font-size:11px;color:var(--muted);text-align:center;margin:11px 0 0}.text-button{border:0;background:none;color:var(--muted);text-decoration:underline;text-underline-offset:4px;font-size:12px;padding:12px;min-height:44px;display:block;margin:auto}.text-button:hover{color:white}.resolution{padding:24px}.resolution .answer-title{font-size:26px;line-height:1.2;overflow-wrap:anywhere;letter-spacing:-.8px;margin:13px 0;color:white}.resolution .earned{font-size:36px;line-height:1.2;font-weight:850;color:var(--green);margin:18px 0}.resolution .earned small{font-size:13px;font-weight:500;color:var(--muted)}.resolution p{font-size:13px;color:var(--muted);margin:8px 0}.resolution .primary{width:100%;margin-top:24px;gap:12px}.unlocked{color:var(--green)}.unresolved{color:var(--gold)}.game-tip{margin:18px 0 0;font-size:11px;color:var(--muted);text-align:center}.results-hero{display:flex;align-items:center;justify-content:center;gap:35px;padding:28px;background:linear-gradient(135deg,#312344,#191527);border:1px solid #62477c;border-radius:20px}.score-ring{width:140px;height:140px;border-radius:50%;border:6px solid #a57bd5;background:radial-gradient(circle,#56337550,transparent);box-shadow:0 0 30px #ac7feb14;display:grid;place-content:center;text-align:center;flex-shrink:0}.score-ring b{font-size:50px;line-height:1;letter-spacing:-2px}.score-ring span{font-size:12px;color:var(--muted);margin-top:7px}.results-copy h1{font-size:33px;margin:9px 0 15px;letter-spacing:-1px}.stats{display:flex;gap:32px}.stat b{display:block;font-size:23px}.stat span{color:var(--muted);font-size:12px}.result-list{margin:18px 0;border:1px solid #443451;border-radius:15px;overflow:hidden}.result-row{padding:15px 22px;display:flex;align-items:center;gap:16px;background:#1c172c;border-bottom:1px solid #3b2e49}.result-row:last-child{border:0}.result-symbol{width:32px;height:32px;display:grid;place-items:center;background:#8ce6c314;border-radius:10px;color:var(--green);flex-shrink:0}.result-symbol.missed{color:var(--gold);background:#ffd57a14}.result-name{min-width:0}.result-name small{display:block;color:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:1px}.result-name b{font-size:14px;overflow-wrap:anywhere}.result-detail{margin-left:auto;text-align:right;flex-shrink:0}.result-detail b{display:block;color:var(--gold);font-size:15px}.result-detail span{font-size:11px;color:var(--muted)}.result-actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin:25px 0}.best-line{color:var(--muted);font-size:12px;text-align:center}.loading{padding:70px 20px;text-align:center;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:16px;padding:16px 0 24px;font-size:11px;color:var(--muted);border-top:1px solid #ffffff0d;margin-top:16px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:fixed;top:-90px;left:20px;z-index:5;background:#332348;padding:12px}.skip:focus{top:10px}#surface:focus{outline:none}@keyframes reveal{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:850px) and (max-height:800px){.topbar{height:54px}main{padding-top:18px}.brand-row{margin-bottom:18px}.hud{padding:10px 18px;margin-bottom:15px}.clue-board{padding:20px}.clue{padding:10px 13px;min-height:62px}.clue.locked{min-height:43px}.board-top{margin-bottom:14px}.points-box{padding:16px}.answer-box{padding:18px}.game-tip{margin-top:12px}footer{padding:12px 0;margin-top:12px}.intro{min-height:370px}.intro-copy{padding:32px}.how{margin:16px 0}.how>div{padding:15px}}
@media(max-width:850px){.shell{padding:0 22px}.game-layout{grid-template-columns:minmax(0,1fr) 290px;gap:15px}.clue-board{padding:20px}.clue{padding:12px;gap:11px}.clue p{font-size:13px}.intro-copy{padding:34px 28px}.float-tag.first{left:-8px}.how{gap:10px}.how>div{padding:15px;gap:10px}.how p{font-size:11px}}
@media(max-width:680px){.shell{padding:0 16px}.topbar{height:59px}.arcade-link{font-size:11px}.slash{padding:0 4px}.topbar .quiet{padding:9px 11px;font-size:11px}main{padding-top:21px}.brand-row{margin-bottom:19px}.wordmark{font-size:25px}.edition{font-size:8px;letter-spacing:1px;max-width:93px;text-align:right}.intro{grid-template-columns:1fr;min-height:0}.intro-copy{padding:30px 26px 16px}h1{font-size:42px;margin:18px 0;letter-spacing:-1.6px}.intro-copy p{font-size:14px;margin-bottom:22px}.intro-copy .primary{width:100%}.intro-note{text-align:center}.vault-art{min-height:210px;margin-top:3px}.mystery-card{width:110px;height:145px;border-radius:13px;transform:rotate(-8deg) translateY(-4px)}.mystery-card:before,.mystery-card:after{border-radius:13px}.question-mark{font-size:75px}.card-label{font-size:6px;bottom:13px;letter-spacing:2px}.orbit{width:220px;height:220px}.float-tag{padding:7px 10px;font-size:9px}.float-tag.first{left:15%;top:28px}.float-tag.last{right:8%;bottom:30px}.how{grid-template-columns:1fr;gap:9px}.how>div{padding:13px 17px}.how p{font-size:12px}.step{font-size:23px}.category-line{gap:8px 15px;margin:18px 0;font-size:10px}.hud{padding:12px 15px;gap:16px;margin-bottom:14px}.hud strong{font-size:19px}.hud-title{font-size:9px}.run-track{gap:5px}.run-track span{width:15px;height:4px}.game-layout{grid-template-columns:1fr;gap:14px}.clue-board{padding:18px}.clues{gap:8px}.clue{min-height:60px;padding:12px}.clue.locked{min-height:39px;padding:7px 12px}.clue.locked .clue-number{height:23px}.board-top{margin-bottom:15px}.category-name{font-size:21px}.deduction-panel{display:block}.points-box{padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left}.points-box .eyebrow{font-size:8px;letter-spacing:1px}.stars{font-size:23px;margin:0;letter-spacing:2px}.point-value{font-size:10px}.answer-box{padding:17px}.feedback{min-height:0;margin:13px 0}.answer-note{margin-top:10px}.resolution{padding:20px}.resolution .earned{margin:13px 0}.resolution .primary{margin-top:15px}.game-tip{margin-top:14px}footer{font-size:9px;gap:12px;margin-top:18px}.results-hero{gap:18px;padding:24px 17px;align-items:center}.score-ring{width:99px;height:99px;border-width:4px}.score-ring b{font-size:36px}.score-ring span{font-size:10px}.results-copy h1{font-size:25px;line-height:1.15;letter-spacing:-.6px}.results-copy .eyebrow{font-size:9px;letter-spacing:1px}.stats{gap:18px}.stat b{font-size:19px}.stat span{font-size:10px}.result-row{padding:13px;gap:10px}.result-name b{font-size:13px}.result-detail span{font-size:10px}.result-actions{gap:10px}.result-actions .primary{width:100%;margin-bottom:4px}.result-actions .secondary{flex:1;font-size:12px;padding:10px 12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Locked placeholders collapse on phones; revealed evidence always remains visible. */
@media(max-width:680px){.clue.locked+.clue.locked{display:none}}

.guess-counter{float:right;color:var(--purple);font-size:11px;font-weight:600;margin-top:3px}.guess-history{border-top:1px solid var(--line);margin-top:10px;padding-top:14px}.guess-history .eyebrow{font-size:9px}.guess-history ol{padding:0;margin:8px 0 0;list-style:none}.guess-history li{display:flex;gap:6px;font-size:12px;color:var(--muted);padding:5px 0;overflow-wrap:anywhere}.guess-history li small{white-space:nowrap;margin-left:auto;color:var(--purple);font-size:10px}.stats{flex-wrap:wrap;gap:16px 24px}@media(max-width:680px){.stats{gap:8px 16px}.result-detail span{display:block;max-width:105px}.result-name{flex:1}.guess-counter{font-size:10px}}
/* Set clue colors explicitly so an embedded host's paragraph styles cannot dim them. */
.clue:not(.locked) p{color:#ffffff;-webkit-text-fill-color:#ffffff;opacity:1}
.clue:not(.locked) .clue-number{color:#eadfff;-webkit-text-fill-color:#eadfff}
.clue.locked p{color:#d2c7e4;-webkit-text-fill-color:#d2c7e4}
.clue.locked .clue-number{color:#c8b9db;-webkit-text-fill-color:#c8b9db}
.clue-count,.case-id{color:#d2c7e4}

/* Secondary copy stays readable on every game screen, including embedded light-theme hosts. */
.shell .edition,.shell .eyebrow,.shell .intro-note,.shell .how p,.shell .hud-title,.shell .answer-note,.shell .game-tip,.shell .result-name small,.shell .result-detail span,.shell .guess-history li small,.shell footer{font-size:12px}
.shell .points-box .eyebrow{color:#ffe4a1}

/* Cinema reel tucked behind the title cards. */
.cinema-reel{position:absolute;width:236px;height:236px;left:calc(50% - 181px);top:calc(50% - 117px);border-radius:50%;border:3px solid #cbb4ef;background:radial-gradient(circle at 50% 22%,#20172e 0 13%,#b498d6 13.5% 14.5%,transparent 15%),radial-gradient(circle at 77% 41%,#20172e 0 13%,#b498d6 13.5% 14.5%,transparent 15%),radial-gradient(circle at 67% 73%,#20172e 0 13%,#b498d6 13.5% 14.5%,transparent 15%),radial-gradient(circle at 33% 73%,#20172e 0 13%,#b498d6 13.5% 14.5%,transparent 15%),radial-gradient(circle at 23% 41%,#20172e 0 13%,#b498d6 13.5% 14.5%,transparent 15%),linear-gradient(135deg,#d4c1ef,#8c6bae 48%,#48325f);box-shadow:0 16px 30px #0005,inset 0 0 0 7px #332144,inset 0 0 0 9px #c6a9e0;transform:rotate(-18deg)}
.cinema-reel:before{content:'';position:absolute;inset:40%;border-radius:50%;background:radial-gradient(circle,#171121 0 24%,#cfb7eb 27% 38%,#73528f 41% 65%,#c5a7e2 68%);box-shadow:0 2px 5px #0006}
.film-tail{position:absolute;width:180px;height:43px;left:calc(50% - 174px);top:calc(50% + 87px);transform:rotate(16deg);border:1px solid #a98bc7;border-radius:0 0 5px 20px;background:repeating-linear-gradient(90deg,transparent 0 34px,#9b7ab266 34px 36px),#34233f;box-shadow:0 9px 16px #0004}
.film-tail:before,.film-tail:after{content:'';position:absolute;left:7px;right:7px;height:4px;background:repeating-linear-gradient(90deg,#d0b2ea 0 7px,transparent 7px 14px)}
.film-tail:before{top:4px}.film-tail:after{bottom:4px}
.vault-art .mystery-card{transform:translateX(43px) rotate(-8deg)}
@media(max-width:680px){.cinema-reel{width:154px;height:154px;left:calc(50% - 121px);top:calc(50% - 80px);border-width:2px}.film-tail{width:120px;height:30px;left:calc(50% - 119px);top:calc(50% + 49px)}.vault-art .mystery-card{transform:translate(30px,-4px) rotate(-8deg)}}