:root{--ink:#f5f1e8;--night:#17112f;--deep:#0b0920;--violet:#5237a7;--electric:#d9ff3f;--coral:#ff725e;--cyan:#65e5d7;--paper:#f3eddd;--black:#121019;--line:rgba(245,241,232,.23);font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--deep);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:280px;min-height:100vh;background:radial-gradient(circle at 28% -10%,#5b3cab 0,transparent 35rem),linear-gradient(145deg,var(--night),var(--deep) 60%);overflow-x:hidden}.stage-glow{position:fixed;inset:0;pointer-events:none;background:linear-gradient(104deg,transparent 12%,rgba(255,255,255,.035) 31%,transparent 46%),linear-gradient(256deg,transparent 20%,rgba(217,255,63,.025) 40%,transparent 53%);z-index:-1}.skip{position:fixed;left:1rem;top:1rem;transform:translateY(-200%);background:var(--electric);color:var(--black);padding:.8rem 1rem;z-index:20;font-weight:900}.skip:focus{transform:none}
.mast{display:flex;align-items:center;justify-content:space-between;padding:1.15rem clamp(1rem,4vw,4.5rem);border-bottom:1px solid var(--line)}.brand{display:flex;gap:.32rem;text-decoration:none;color:var(--ink);font-weight:1000;font-size:.92rem;letter-spacing:.08em}.brand span{border:1px solid var(--line);padding:.28rem .38rem}.brand span:last-child{background:var(--electric);color:var(--black);border-color:var(--electric)}button{font:inherit}.categories-toggle,.category-tray button{color:var(--ink);background:transparent;border:1px solid var(--line);min-height:44px;padding:.65rem .95rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase;cursor:pointer}.categories-toggle:hover,.category-tray button:hover,.category-tray button[aria-pressed=true]{background:var(--ink);color:var(--night)}button:focus-visible,a:focus-visible{outline:3px solid var(--cyan);outline-offset:4px}.category-tray{padding:1rem clamp(1rem,4vw,4.5rem) 1.4rem;border-bottom:1px solid var(--line);background:#110d27}.category-tray p{margin:0 0 .8rem;font-size:.72rem;font-weight:900;letter-spacing:.16em}.category-tray>div{display:flex;flex-wrap:wrap;gap:.45rem}.category-tray button{font-size:.68rem}
.game-board{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,27vw);min-height:calc(100vh - 72px)}.playfield{padding:clamp(1rem,3vw,3.5rem);display:flex;flex-direction:column}.board-top{display:flex;justify-content:space-between;gap:1rem;align-items:center;margin-bottom:1.1rem}.mystery-label,.category-label{margin:0;font-size:.7rem;letter-spacing:.16em;font-weight:900}.category-label{color:var(--electric);text-align:right}.screen{position:relative;flex:1;min-height:34rem;border:2px solid var(--ink);box-shadow:10px 10px 0 var(--violet),20px 20px 0 rgba(0,0,0,.22);display:grid;place-items:center;padding:clamp(1.5rem,5vw,5rem);overflow:hidden}.screen:before,.screen:after{content:"";position:absolute;width:4rem;height:4rem;border-color:var(--electric);border-style:solid;pointer-events:none}.screen:before{left:.65rem;top:.65rem;border-width:3px 0 0 3px}.screen:after{right:.65rem;bottom:.65rem;border-width:0 3px 3px 0}.intro{text-align:left;width:min(100%,46rem)}.eyebrow{font-size:.74rem;font-weight:1000;letter-spacing:.22em;color:var(--cyan);margin:0 0 1.2rem}.intro h1{margin:0;font-size:clamp(4rem,10vw,9rem);line-height:.75;letter-spacing:-.075em;font-weight:1000}.intro h1 em{font-style:normal;color:var(--electric);margin-left:clamp(1rem,8vw,8rem)}.lede{font-size:clamp(1rem,2vw,1.3rem);line-height:1.45;margin:2.3rem 0;white-space:normal}.button{min-height:54px;border:0;padding:.9rem 1.3rem;font-weight:1000;letter-spacing:.075em;cursor:pointer;text-transform:uppercase;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.button:hover{transform:translate(-2px,-2px)}.button:active{transform:translate(1px,1px)}.primary{background:var(--electric);color:var(--black);box-shadow:6px 6px 0 var(--coral)}.secondary{background:transparent;color:var(--ink);border:2px solid var(--ink)}.start-button{font-size:1.1rem;min-width:13rem}.start-button span,.one-more span{display:inline-block;margin-left:1.5rem}
.round{width:min(100%,57rem);text-align:center}.clue-meter{display:flex;gap:.45rem;justify-content:center;margin-bottom:1.3rem}.clue-meter span{height:.38rem;flex:1;max-width:5rem;background:rgba(255,255,255,.16)}.clue-meter span.lit{background:var(--electric)}.hint-count{font-size:.78rem;letter-spacing:.2em;font-weight:1000;color:var(--cyan);margin:0 0 1.5rem}.clue-window{display:grid;place-items:center;min-height:15rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);position:relative}.clue{font-family:Georgia,serif;font-size:clamp(2rem,5vw,4.8rem);line-height:1.06;letter-spacing:-.035em;margin:0;padding:1rem}.clue:focus{outline:none}.actions{display:grid;grid-template-columns:1fr 1.3fr;gap:1rem;margin-top:2rem}.give-up{grid-column:2;background:var(--coral);color:var(--black);box-shadow:5px 5px 0 var(--ink)}
.reveal{width:min(100%,58rem);text-align:center}.reveal>.eyebrow{color:var(--coral)}.answer-shutter{background:var(--paper);color:var(--black);padding:clamp(1.4rem,4vw,3rem);border:8px double var(--black);box-shadow:12px 12px 0 var(--coral);transform-origin:center}.answer-shutter p{margin:0;font-size:clamp(2.5rem,8vw,7rem);font-weight:1000;line-height:.9;letter-spacing:-.06em;text-transform:uppercase}.answer-shutter small{display:block;margin-top:1rem;text-transform:uppercase;letter-spacing:.16em;font-weight:800}.question{font-weight:1000;letter-spacing:.18em;margin:2.3rem 0 1rem}.judgement-buttons{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.yes{background:var(--electric);color:var(--black)}.no{background:var(--coral);color:var(--black)}.reaction{margin:2.2rem 0 .35rem;font-size:clamp(1.7rem,4vw,3.5rem);font-weight:1000;letter-spacing:-.03em}.result-detail{margin:.4rem 0 1.7rem;color:#d7d0e8}.result-actions{display:grid;grid-template-columns:1.25fr 1fr;gap:1rem}.status{min-height:1.5rem;color:var(--cyan);font-weight:700}
.scoreboard{border-left:1px solid var(--line);padding:clamp(1.2rem,3vw,2.7rem);background:rgba(5,4,17,.5)}.score-heading span{font-size:.65rem;letter-spacing:.22em;color:var(--coral);font-weight:900}.score-heading h2{font-size:clamp(1.2rem,2vw,1.8rem);margin:.35rem 0 2.4rem}.scoreboard dl{margin:0}.scoreboard dl div{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding:1rem 0}.scoreboard dt{font-size:.68rem;letter-spacing:.15em;font-weight:800}.scoreboard dd{font-size:clamp(1.5rem,3vw,2.4rem);font-weight:1000;margin:0;color:var(--electric)}.score-key{display:flex;gap:.6rem;align-items:center;margin-top:2rem;font-size:.58rem;letter-spacing:.08em;white-space:nowrap}.score-key i{height:1px;flex:1;background:var(--line)}
.how-it-works{background:var(--paper);color:var(--black);padding:clamp(3rem,8vw,7rem) clamp(1rem,7vw,8rem)}.how-it-works>p{font-size:.7rem;font-weight:900;letter-spacing:.18em}.how-it-works h2{font:italic 600 clamp(3rem,8vw,7rem)/.9 Georgia,serif;margin:.7rem 0 3rem}.how-it-works>div{display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr;gap:1rem;align-items:center}.how-it-works span{font-size:2rem;font-weight:1000;color:var(--violet)}.how-it-works p{font-weight:800;line-height:1.4}footer{display:flex;justify-content:space-between;gap:1rem;padding:2rem clamp(1rem,4vw,4.5rem);font-size:.68rem;letter-spacing:.1em;font-weight:800}footer nav{display:flex;gap:1.5rem}footer a{color:var(--ink)}.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}
@keyframes clue-in{from{opacity:0;transform:translateY(12px);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}@keyframes answer-in{from{transform:scaleY(.1);opacity:.3}to{transform:scaleY(1);opacity:1}}.clue{animation:clue-in .3s ease}.reveal:not([hidden]) .answer-shutter{animation:answer-in .38s cubic-bezier(.2,.8,.2,1)}
@media(max-width:760px){.mast{padding:.8rem 1rem}.game-board{display:block;min-height:auto}.playfield{min-height:calc(100svh - 62px);padding:1rem}.screen{min-height:calc(100svh - 9.5rem);padding:1.2rem;box-shadow:5px 5px 0 var(--violet)}.intro h1{font-size:clamp(3.8rem,22vw,7rem)}.intro h1 em{margin-left:0}.lede br{display:none}.clue-window{min-height:13rem}.clue{font-size:clamp(2rem,10vw,3.4rem)}.actions,.result-actions{grid-template-columns:1fr}.give-up{grid-column:1}.actions .button{min-height:60px}.scoreboard{border:0;border-top:1px solid var(--line)}.scoreboard dl{display:grid;grid-template-columns:repeat(2,1fr);gap:0 1rem}.how-it-works>div{grid-template-columns:auto 1fr}.how-it-works{padding-top:4rem}footer{align-items:flex-start;flex-direction:column}.answer-shutter{box-shadow:6px 6px 0 var(--coral)}}
@media(max-width:340px){.brand{font-size:.72rem}.categories-toggle{font-size:.62rem;padding:.5rem}.playfield{padding:.7rem}.board-top{margin-bottom:.7rem}.screen{padding:1rem;min-height:calc(100svh - 8.5rem)}.screen:before,.screen:after{width:2rem;height:2rem}.intro h1{font-size:3.65rem}.lede{font-size:.92rem;margin:1.5rem 0}.clue{font-size:1.9rem;padding:.5rem}.actions{gap:.7rem;margin-top:1.2rem}.button{font-size:.78rem}.answer-shutter p{font-size:2.3rem}.scoreboard dl{grid-template-columns:1fr 1fr}}
@media(min-width:1500px){.game-board{grid-template-columns:minmax(0,1fr) 24rem}.screen{min-height:42rem}.clue{max-width:62rem}.playfield{padding:4rem 6vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition:none!important}}
.legal,.not-found{width:min(52rem,calc(100% - 2rem));margin:clamp(3rem,10vh,8rem) auto;line-height:1.75}.legal h1,.not-found h1{font:italic 700 clamp(3.2rem,9vw,7rem)/.85 Georgia,serif;margin:.5rem 0 2.5rem}.legal>p:not(.eyebrow){font-size:1.08rem;color:#ddd6ec}.legal-back{display:inline-block;text-decoration:none;margin-top:1.4rem}.not-found em{color:var(--electric);font-style:normal}.not-found>a{display:inline-block;text-decoration:none;margin-top:1.5rem}