:root{--bg:#0d090d;--raised:#171018;--ink:#f7eff3;--dim:#a08f9b;--line:#f7eff31f;--accent:#fb7185;--good:#4ade80;--display:"Bricolage Grotesque",sans-serif;--serif:"Instrument Serif",serif;--game:"Fredoka",sans-serif;--mono:"Martian Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(80% 60% at 78% -8%,#fb718529,transparent 62%),var(--bg);min-height:100dvh;color:var(--ink);font-family:var(--game);-webkit-font-smoothing:antialiased}button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0}.shell{flex-direction:column;min-height:100dvh;display:flex}header,footer{justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem clamp(1rem,4vw,3.5rem);display:flex}.brand{color:var(--ink);font:700 .82rem var(--mono);letter-spacing:.12em;text-decoration:none}.brand span,.kicker{color:var(--accent)}.textbtn{color:var(--dim);font:.62rem var(--mono);letter-spacing:.12em;text-transform:uppercase}.hero{width:min(100%,68rem);margin:auto;padding:clamp(2rem,7vh,5rem) clamp(1rem,4vw,3rem)}.kicker{font:700 .62rem var(--mono);letter-spacing:.2em;text-transform:uppercase}.hero h1{max-width:11ch;font:750 clamp(3.2rem,10vw,6.9rem)/.87 var(--display);letter-spacing:-.075em;text-transform:uppercase;margin:.8rem 0 1.2rem}.hero h1 em{color:var(--accent);font-family:var(--serif);text-transform:none;font-weight:400}.sub{max-width:35rem;color:var(--dim);font-size:clamp(1rem,2vw,1.2rem);line-height:1.6}.modes{grid-template-columns:repeat(2,1fr);gap:.8rem;margin-top:2.2rem;display:grid}.modes button{text-align:left;border:1px solid var(--line);background:var(--raised);border-radius:18px;grid-template-columns:auto 1fr;gap:.25rem 1rem;padding:1.25rem;transition:all .2s;display:grid}.modes button:hover{border-color:var(--accent);transform:translateY(-2px)}.modes span{color:var(--accent);font:700 1.2rem var(--mono);grid-row:1/3}.modes b{font:700 1.2rem var(--display);text-transform:uppercase}.modes small{color:var(--dim);line-height:1.45}.game{width:min(100%,58rem);margin:0 auto;padding:.5rem 1rem 3rem}.gamehead{color:var(--dim);font:.58rem var(--mono);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;display:flex}.gamehead span:first-child{color:var(--accent)}.prompt{font:700 clamp(1.55rem,4vw,2.4rem)/1.1 var(--display);letter-spacing:-.035em;text-align:center;margin:clamp(1.5rem,5vh,3rem) auto .4rem}.instruction{color:var(--dim);font:.55rem var(--mono);letter-spacing:.06em;text-align:center}.cards{grid-template-columns:repeat(5,minmax(0,1fr));gap:.6rem;margin-top:1.2rem;display:grid}.cards article{border:1px solid var(--line);background:var(--raised);cursor:grab;border-radius:14px;flex-direction:column;justify-content:space-between;gap:.8rem;min-height:13rem;padding:1rem .8rem;transition:border-color .18s,transform .18s,background .18s;display:flex;position:relative}.cards article:hover,.cards article.selected{border-color:var(--accent);transform:translateY(-3px)}.cards article.correct{background:#4ade8014;border-color:#4ade808c}.cards article.earlier,.cards article.later{border-color:#fb718573}.position{color:var(--dim);font:700 .55rem var(--mono)}.cards h2{font:700 clamp(1rem,2vw,1.35rem)/1.05 var(--display);letter-spacing:-.025em;text-wrap:balance}.cards small{color:var(--accent);font:.5rem/1.35 var(--mono);text-transform:uppercase}.cards article.correct small{color:var(--good)}.cards strong{color:var(--ink);font:700 .72rem var(--mono)}.check{background:var(--accent);width:min(100%,24rem);color:var(--bg);font:700 .68rem var(--mono);letter-spacing:.12em;text-transform:uppercase;border-radius:99px;margin:1rem auto 0;padding:.9rem;display:block}.result{background:var(--raised);border:1px solid #fb718566;border-radius:18px;margin-top:1rem;padding:1.25rem;animation:.35s rise}.result>h2{font:750 2rem var(--display);letter-spacing:-.04em;margin:.35rem 0}.result>p:not(.kicker){color:var(--dim)}.facts{gap:.5rem;margin:1rem 0;display:grid}.facts div{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:.2rem 1rem;padding:.65rem;display:grid}.facts b{font-weight:600}.facts span{color:var(--accent);font:700 .65rem var(--mono)}.facts small{color:var(--dim);grid-column:1/-1;line-height:1.4}.facts a{color:var(--accent)}.result>button,.result>.primary{border:1px solid var(--line);width:100%;color:var(--dim);font:700 .62rem var(--mono);letter-spacing:.08em;text-align:center;text-transform:uppercase;border-radius:10px;margin-top:.5rem;padding:.8rem;text-decoration:none;display:block}.result>.primary{background:var(--accent);border-color:var(--accent);color:var(--bg)}footer{border-top:1px solid var(--line);color:var(--dim);font:.55rem var(--mono);letter-spacing:.1em;margin-top:auto}footer a{color:inherit;text-decoration:none}@keyframes rise{0%{opacity:0;transform:translateY(12px)}}@media (width<=720px){.modes{grid-template-columns:1fr}.cards{flex-direction:column;display:flex}.cards article{grid-template-columns:auto 1fr auto;align-items:center;min-height:0;display:grid}.cards small,.cards strong{grid-column:2/-1}.prompt{margin-top:1.5rem}.facts div{grid-template-columns:1fr}.facts span,.facts small{grid-column:1}}@media (prefers-reduced-motion:reduce){*{transition-duration:.001ms!important;animation-duration:.001ms!important}}