:root{--bg:#0b0d10;--bg-lift:#14171c;--bg-lift-2:#1b1f26;--line:#262b33;--line-soft:#1e222a;--ink:#e8eaee;--ink-dim:#9aa2af;--ink-faint:#6b7280;--spotify:#1db954;--piano:#e0674a;--spy:#b8619b;--mafia:#8f6ad6;--alibi:#5b8fc9;--profiler:#4fa6a0;--poetry:#7a8f6b;--haggle:#c9963f;--wordle:#d9a441;--connections:#7c6cf0;--trivia:#3fa7d6;--accent:var(--connections);--ok:#4ade80;--warn:#fbbf24;--bad:#f87171;--r-sm:8px;--r:12px;--r-lg:18px;--font:ui-sans-serif,-apple-system,"Segoe UI",Roboto,Inter,system-ui,sans-serif;--mono:ui-monospace,"SF Mono",SFMono-Regular,Menlo,monospace}@media(prefers-color-scheme:light){:root{--bg:#f7f8fa;--bg-lift:#fff;--bg-lift-2:#f0f2f5;--line:#dfe3e9;--line-soft:#e9ecf1;--ink:#12151a;--ink-dim:#545c69;--ink-faint:#8b93a1}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased;background-image:radial-gradient(58rem 30rem at 12% -8%,rgba(124,108,240,.13),transparent 60%),radial-gradient(48rem 26rem at 92% 2%,rgba(29,185,84,.09),transparent 62%);background-attachment:fixed}.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}.shell{max-width:780px;margin:0 auto;padding:3.5rem 1.25rem 5rem}.hero{text-align:center;margin-bottom:2.25rem}.hero-mark{font-size:2.2rem;line-height:1;margin-bottom:.75rem}.hero h1{font-size:clamp(1.9rem,5vw,2.6rem);letter-spacing:-.03em;margin:0 0 .6rem;font-weight:680}.lede{margin:0 auto;max-width:34rem;color:var(--ink-dim);font-size:1.02rem}.roster{display:grid;grid-template-columns:repeat(auto-fit,minmax(168px,1fr));gap:.6rem;margin-bottom:1.75rem}.agent-card{text-align:left;background:var(--bg-lift);border:1px solid var(--line-soft);border-radius:var(--r);padding:.8rem .85rem;cursor:pointer;font:inherit;color:inherit;transition:border-color .16s,transform .16s,background .16s}.agent-card:hover{border-color:var(--tint);transform:translateY(-2px)}.agent-card .name{display:flex;align-items:center;gap:.45rem;font-weight:620;font-size:.92rem;margin-bottom:.18rem}.agent-card .dot{width:7px;height:7px;border-radius:50%;background:var(--tint);flex:none}.agent-card .blurb{color:var(--ink-faint);font-size:.8rem;line-height:1.4}.agent-card-off{opacity:.5;cursor:default}.agent-card-off:hover{border-color:var(--line-soft);transform:none}.agent-card-off .agent-off-note{margin-top:.45rem;font-size:.68rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-faint)}.ask{margin-bottom:1.5rem}.ask-row{display:flex;align-items:flex-end;gap:.5rem;background:var(--bg-lift);border:1px solid var(--line);border-radius:var(--r-lg);padding:.55rem .55rem .55rem .95rem;transition:border-color .16s,box-shadow .16s}.ask-row:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent)}#prompt{flex:1;border:0;outline:0;resize:none;background:transparent;color:var(--ink);font:inherit;line-height:1.5;padding:.5rem 0;max-height:8rem}#prompt::placeholder{color:var(--ink-faint)}#send{flex:none;width:38px;height:38px;border-radius:50%;border:0;cursor:pointer;display:grid;place-items:center;background:var(--accent);color:#fff;transition:opacity .16s,transform .16s}#send:hover:not(:disabled){transform:scale(1.06)}#send:disabled{opacity:.35;cursor:not-allowed}.ask-opts{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-top:.7rem}.ask-opts[hidden]{display:none}.opts-label{font-size:.8rem;color:var(--ink-faint)}.seg{display:inline-flex;border:1px solid var(--line-soft);border-radius:999px;padding:2px;background:var(--bg-lift)}.seg-btn{border:0;background:transparent;color:var(--ink-dim);font:inherit;font-size:.78rem;font-weight:550;padding:.28rem .7rem;border-radius:999px;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s}.seg-btn:hover:not([disabled]){color:var(--ink)}.seg-btn[aria-checked="true"]{background:var(--spotify);color:#04120a;font-weight:650}.seg-btn[disabled]{opacity:.4;cursor:not-allowed}.opts-note{flex-basis:100%;margin:0;font-size:.74rem;color:var(--ink-faint);line-height:1.45}@media(max-width:620px){.ask-opts{gap:.4rem}.opts-label{flex-basis:100%}.seg{flex-wrap:wrap;width:100%;border-radius:var(--r);gap:2px}.seg-btn{flex:1 1 calc(50% - 3px);border-radius:var(--r-sm);text-align:center}}.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.7rem}.chip{border:1px solid var(--line-soft);background:transparent;color:var(--ink-dim);border-radius:999px;padding:.3rem .7rem;font:inherit;font-size:.8rem;cursor:pointer;transition:border-color .16s,color .16s}.chip:hover{border-color:var(--tint,var(--accent));color:var(--ink)}.trace-wrap{background:var(--bg-lift);border:1px solid var(--line-soft);border-radius:var(--r);margin-bottom:1.25rem;overflow:hidden}.trace-toggle{width:100%;display:flex;align-items:center;gap:.55rem;background:transparent;border:0;color:var(--ink-dim);font:inherit;font-size:.85rem;padding:.7rem .9rem;cursor:pointer}.trace-toggle .chev{margin-left:auto;transition:transform .18s}.trace-toggle[aria-expanded="false"] .chev{transform:rotate(-90deg)}.spark{width:8px;height:8px;border-radius:50%;flex:none;background:var(--accent)}.spark.busy{animation:pulse 1.1s ease-in-out infinite}.spark.done{background:var(--ok)}.spark.err{background:var(--bad)}@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}.trace{list-style:none;margin:0;padding:0 .9rem .8rem;font-family:var(--mono);font-size:.76rem;color:var(--ink-faint);max-height:15rem;overflow-y:auto}.trace[hidden]{display:none}.trace li{padding:.15rem 0;display:flex;gap:.5rem}.trace li .tag{color:var(--ink-dim);flex:none}.trace li .body{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trace li.head{color:var(--ink);padding-top:.5rem;font-family:var(--font);font-size:.84rem;font-weight:600}.trace li.fail .tag,.trace li.fail .body{color:var(--bad)}.stage:empty{display:none}.panel{background:var(--bg-lift);border:1px solid var(--line-soft);border-radius:var(--r-lg);padding:1.25rem;margin-bottom:1rem;border-top:2px solid var(--tint,var(--accent));animation:rise .3s ease both}@keyframes rise{from{opacity:0;transform:translateY(8px)}}.panel-head{display:flex;align-items:center;gap:.5rem;margin-bottom:.3rem}.panel-head .who{font-size:.74rem;text-transform:uppercase;letter-spacing:.09em;color:var(--tint,var(--accent));font-weight:700}.again{margin-left:auto;border:1px solid var(--line);background:var(--bg-lift);color:var(--ink-dim);border-radius:999px;padding:.22rem .7rem;font:inherit;font-size:.74rem;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s}.again:hover:not(:disabled){border-color:var(--tint,var(--accent));color:var(--ink)}.again:disabled{opacity:.45;cursor:default}.panel h2{margin:0 0 .4rem;font-size:1.25rem;letter-spacing:-.02em}.panel .intro{color:var(--ink-dim);margin:0 0 1rem;font-size:.95rem}.panel .meta{color:var(--ink-faint);font-size:.8rem}.pill{display:inline-block;font-size:.7rem;font-weight:600;padding:.12rem .5rem;border-radius:999px;background:var(--bg-lift-2);color:var(--ink-dim);border:1px solid var(--line-soft)}.bio{border-left:2px solid var(--spotify);background:color-mix(in srgb,var(--spotify) 7%,transparent);border-radius:0 var(--r-sm) var(--r-sm) 0;padding:.7rem .9rem;margin:.9rem 0}.bio p{margin:0;font-size:.9rem;line-height:1.6;color:var(--ink-dim)}.bio-world{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--spotify);font-weight:700;margin-bottom:.3rem}.panel h2.slug{font-family:var(--mono);font-size:1.1rem;letter-spacing:-.01em}.tracks{list-style:none;margin:0 0 1rem;padding:0}.tracks li{display:flex;align-items:baseline;gap:.6rem;padding:.42rem .55rem;border-radius:var(--r-sm);font-size:.9rem}.tracks li:nth-child(odd){background:color-mix(in srgb,var(--bg-lift-2) 55%,transparent)}.tracks .n{color:var(--ink-faint);font-family:var(--mono);font-size:.74rem;width:1.6rem;flex:none}.tracks .who{font-weight:600}.tracks .ttl{color:var(--ink-dim)}.tracks .yr{margin-left:auto;color:var(--ink-faint);font-size:.76rem;font-family:var(--mono);flex:none}.tracks a{color:inherit;text-decoration:none}.tracks a:hover .ttl{color:var(--spotify)}.tracks li.iffy .ttl::after{content:" ~";color:var(--warn)}.open-spotify{display:inline-flex;align-items:center;gap:.45rem;background:var(--spotify);color:#04120a;font-weight:650;padding:.5rem .9rem;border-radius:999px;text-decoration:none;font-size:.88rem}.missing{color:var(--warn);font-size:.8rem;margin-top:.6rem}.poem{background:var(--bg-lift-2);border-left:2px solid var(--poetry);border-radius:0 var(--r-sm) var(--r-sm) 0;padding:1.1rem 1.3rem;margin:1rem 0}.poem-title{margin:0 0 .8rem;font-size:1.02rem;font-weight:650;letter-spacing:-.01em}.poem-body{max-height:30rem;overflow-y:auto}.verse{margin:0;font-size:.96rem;line-height:1.65;color:var(--ink);white-space:pre-wrap;font-family:Georgia,"Iowan Old Style","Times New Roman",serif}.verse.gap{height:.8rem}.case-brief{background:var(--bg-lift-2);border-left:2px solid var(--alibi);border-radius:0 var(--r-sm) var(--r-sm) 0;padding:.7rem .9rem;margin:.9rem 0}.case-crime{font-weight:650;font-size:.96rem;margin-bottom:.2rem}.case-where{font-size:.8rem;color:var(--ink-faint)}.statements{display:grid;gap:.55rem;margin-bottom:.9rem}.statement{background:var(--bg-lift-2);border:1px solid var(--line-soft);border-radius:var(--r);padding:.7rem .85rem;transition:border-color .16s}.statement.picked{border-color:var(--alibi)}.statement-head{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.35rem}.claim{font-family:var(--mono);font-size:.72rem;color:var(--ink-faint);background:var(--bg-lift);border-radius:999px;padding:.12rem .5rem}.statement .btn.small{margin-left:auto}.stall{background:var(--bg-lift-2);border-left:2px solid var(--haggle);border-radius:0 var(--r-sm) var(--r-sm) 0;padding:.75rem .9rem;margin:.9rem 0}.stall-blurb{font-size:.92rem;color:var(--ink-dim);line-height:1.5;margin-bottom:.35rem}.stall-price{font-weight:700;font-size:1.02rem}.thread{display:grid;gap:.5rem;margin-bottom:.9rem}.bubble{border-radius:var(--r);padding:.55rem .8rem;max-width:85%;background:var(--bg-lift-2);border:1px solid var(--line-soft);animation:rise .25s ease both}.bubble.you{justify-self:end;background:color-mix(in srgb,var(--haggle) 14%,transparent)}.bubble-who{font-size:.68rem;text-transform:uppercase;letter-spacing:.07em;color:var(--ink-faint);font-weight:700;margin-right:.4rem}.bubble-amount{font-weight:750;font-size:.95rem}.bubble-line{margin:.25rem 0 0;font-size:.89rem;line-height:1.5;color:var(--ink-dim)}.task{background:var(--bg-lift-2);border:1px solid var(--line-soft);border-radius:var(--r);padding:1rem;margin:.9rem 0}.task-title{margin:0 0 .5rem;font-size:1rem}.task-prompt{margin:0 0 .8rem;font-size:.93rem;line-height:1.6;color:var(--ink-dim)}.task-paradigm{margin:.7rem 0 0;font-family:var(--mono);font-size:.68rem;color:var(--ink-faint)}.ladder{display:grid;gap:.35rem;margin-bottom:.8rem}.ladder-row{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;font-size:.82rem}.ladder-n{font-family:var(--mono);font-size:.7rem;color:var(--ink-faint);width:1rem;flex:none}.ladder-text{flex:1 1 16rem;color:var(--ink-dim);font-family:var(--mono);font-size:.72rem}.ladder .seg-btn[aria-checked="true"]{background:var(--profiler);color:#fff}.reading{border:1px solid var(--line-soft);border-radius:var(--r);padding:.75rem .9rem;margin-bottom:.6rem;background:var(--bg-lift-2)}.reading-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.4rem;flex-wrap:wrap}.conf{font-family:var(--mono);font-size:.68rem;font-weight:700;color:var(--profiler);text-transform:uppercase;letter-spacing:.05em}.conf-n{font-family:var(--mono);font-size:.66rem;color:var(--ink-faint)}.vote{margin-left:auto;display:flex;gap:.3rem}.thumb{border:1px solid var(--line);background:var(--bg-lift);color:var(--ink-faint);border-radius:6px;width:26px;height:24px;cursor:pointer;font-size:.7rem}.thumb:hover:not(:disabled){color:var(--ink);border-color:var(--profiler)}.thumb.up{background:var(--ok);color:#05210f;border-color:transparent}.thumb.down{background:var(--bad);color:#fff;border-color:transparent}.thumb:disabled{cursor:default}.reading-text{margin:0 0 .4rem;font-size:.93rem;line-height:1.6}.reading-basis{margin:0;font-family:var(--mono);font-size:.72rem;line-height:1.55;color:var(--ink-faint)}.caveat{margin-top:1rem;padding:.7rem .9rem;border-left:2px solid var(--warn);background:color-mix(in srgb,var(--warn) 8%,transparent);border-radius:0 var(--r-sm) var(--r-sm) 0}.caveat p{margin:0;font-size:.8rem;line-height:1.55;color:var(--ink-dim)}.lesson{margin-top:1rem;border:1px solid var(--line-soft);border-radius:var(--r);background:var(--bg-lift-2);overflow:hidden}.lesson-head{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;padding:.6rem .85rem;border-bottom:1px solid var(--line-soft)}.lesson-title{font-weight:650;font-size:.88rem}.lesson-seg{margin-left:auto}.lesson-seg .seg-btn[aria-checked="true"]{background:var(--accent);color:#fff}.lesson-body{padding:.7rem .85rem}.lesson-body p{margin:0 0 .55rem;font-size:.9rem;line-height:1.6;color:var(--ink-dim)}.lesson-body p:last-child{margin-bottom:0}.lesson-body.tech p{font-family:var(--mono);font-size:.78rem;line-height:1.65}.bargain{border-collapse:collapse;margin:.6rem 0 .4rem;font-size:.8rem;width:100%}.bargain th{text-align:left;font-weight:500;color:var(--ink-faint);padding:.18rem .8rem .18rem 0;white-space:nowrap}.bargain td{font-family:var(--mono);color:var(--ink-dim);padding:.18rem 0}.bargain td.good{color:var(--ok);font-weight:700}.bargain td.meh{color:var(--warn);font-weight:700}.mood{font-weight:700;font-size:.74rem;text-transform:uppercase;letter-spacing:.06em;padding:.1rem .45rem;border-radius:999px;margin-right:.1rem}.mood.m4{background:color-mix(in srgb,var(--ok) 22%,transparent);color:var(--ok)}.offer-input{flex:0 1 8rem;min-width:0;background:var(--bg-lift);border:1px solid var(--line);border-radius:999px;padding:.45rem .9rem;font:inherit;font-size:.9rem;color:var(--ink)}.offer-input:focus{outline:0;border-color:var(--haggle)}.mafia-setting{font-size:.92rem;color:var(--ink-dim);font-style:italic;border-left:2px solid var(--mafia);padding:.1rem 0 .1rem .8rem;margin:.8rem 0}.phase-bar{display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap;border-radius:var(--r-sm);padding:.6rem .9rem;margin-bottom:.8rem;background:var(--bg-lift-2)}.phase-bar.night{background:linear-gradient(90deg,#171a2b,#1d2138);color:#cdd3f0}.phase-bar.day{background:linear-gradient(90deg,#fff6e4,#ffeecd);color:#4a3a1c}.phase-bar.over{background:var(--bg-lift-2)}.phase-name{font-weight:750;font-size:1rem}.phase-hint{font-size:.82rem;opacity:.8}@media(prefers-color-scheme:dark){.phase-bar.day{background:linear-gradient(90deg,#3a3320,#4a3f24);color:#f4e6c6}}.phase-bits{margin-left:auto;font-family:var(--mono);font-size:.7rem;opacity:.75}.pmaf{font-family:var(--mono);font-size:.7rem;font-weight:700;padding:.08rem .38rem;border-radius:999px;background:var(--bg-lift);color:var(--ink-dim);border:1px solid var(--line-soft)}.pmaf.sure{background:var(--bad);color:#fff;border-color:transparent}.pmaf.clear{background:color-mix(in srgb,var(--ok) 22%,transparent);color:var(--ok);border-color:transparent}.board{display:grid;gap:.5rem;margin-bottom:.8rem}.player{background:var(--bg-lift-2);border:1px solid var(--line-soft);border-radius:var(--r);padding:.6rem .8rem;transition:opacity .2s,border-color .2s}.player.dead{opacity:.45}.player.you{border-color:var(--mafia);background:color-mix(in srgb,var(--mafia) 8%,transparent)}.player-head{display:flex;align-items:center;gap:.5rem}.player-name{font-weight:650;font-size:.92rem}.player-line{margin:.35rem 0 .15rem;font-size:.9rem;line-height:1.5;color:var(--ink-dim)}.player-vote{margin:0;font-size:.74rem;font-family:var(--mono);color:var(--ink-faint)}.tag{font-size:.64rem;font-weight:750;text-transform:uppercase;letter-spacing:.06em;padding:.1rem .42rem;border-radius:999px;background:var(--bg-lift);color:var(--ink-faint);border:1px solid var(--line-soft)}.tag.mafia{background:var(--bad);color:#fff;border-color:transparent}.tag.clean{background:var(--ok);color:#05210f;border-color:transparent}.tag.doctor{background:var(--trivia);color:#fff;border-color:transparent}.tag.villager{background:var(--bg-lift)}.tag.detective{background:var(--mafia);color:#fff;border-color:transparent}.btn.small{margin-left:auto;padding:.2rem .65rem;font-size:.74rem}.record{margin-top:.6rem;font-size:.84rem}.record summary{cursor:pointer;color:var(--ink-faint);font-size:.8rem}.record-list{margin:.5rem 0 0;padding-left:1.2rem;color:var(--ink-dim)}.record-list li{padding:.1rem 0}.spy-brief{display:flex;flex-direction:column;gap:.2rem;background:var(--bg-lift-2);border-radius:var(--r-sm);padding:.7rem .9rem;margin:.9rem 0;border-left:2px solid var(--spy)}.spy-brief-label{font-size:.68rem;text-transform:uppercase;letter-spacing:.09em;color:var(--ink-faint);font-weight:700}.spy-word{font-size:1.35rem;letter-spacing:-.02em}.room{display:grid;gap:.55rem;margin-bottom:.9rem}.suspect{background:var(--bg-lift-2);border:1px solid var(--line-soft);border-radius:var(--r);padding:.7rem .85rem;transition:border-color .18s,background .18s}.suspect-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.35rem}.suspect-name{font-weight:680;font-size:.92rem}.btn.accuse{margin-left:auto;padding:.2rem .7rem;font-size:.74rem;border-color:var(--line);color:var(--ink-dim)}.btn.accuse:hover:not(:disabled){border-color:var(--spy);color:var(--ink)}.suspect-line{margin:0 0 .3rem;font-size:.92rem;line-height:1.5;color:var(--ink-dim)}.suspect-line.later{padding-left:.6rem;border-left:2px solid var(--line);color:var(--ink);animation:rise .3s ease both}.suspect.was-spy{border-color:var(--bad);background:color-mix(in srgb,var(--bad) 12%,transparent)}.suspect.wrongly-accused{border-color:var(--warn)}.spy-ask{flex:1 1 14rem;min-width:0;background:var(--bg-lift);border:1px solid var(--line);border-radius:999px;padding:.45rem .9rem;font:inherit;font-size:.88rem;color:var(--ink)}.spy-ask:focus{outline:0;border-color:var(--spy)}.spy-ask:disabled{opacity:.45}.verdict{border-radius:var(--r-sm);padding:.8rem 1rem;margin-top:.9rem;border-left:2px solid var(--ok);background:color-mix(in srgb,var(--ok) 10%,transparent)}.verdict.bad{border-left-color:var(--bad);background:color-mix(in srgb,var(--bad) 10%,transparent)}.verdict strong{display:block;margin-bottom:.3rem}.verdict p{margin:0;font-size:.86rem;color:var(--ink-dim)}.piano-wrap{margin:1rem 0 .8rem;overflow-x:auto;overflow-y:hidden;user-select:none;-webkit-user-select:none;touch-action:manipulation;display:flex;justify-content:center}.piano-inner{position:relative;flex:none;border-radius:var(--r-sm);overflow:hidden;background:#0a0c10}.fall-lane{position:relative;overflow:hidden;background:linear-gradient(#0a0c10 0%,#0e1219 55%,#151a22 100%)}.hitline{position:absolute;left:0;right:0;bottom:0;height:3px;z-index:3;background:linear-gradient(90deg,transparent,var(--piano),transparent);box-shadow:0 0 14px 2px color-mix(in srgb,var(--piano) 55%,transparent)}.fnote{position:absolute;top:0;left:0;border-radius:4px;background:linear-gradient(180deg,#ff9f86,var(--piano));box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);will-change:transform;display:flex;align-items:flex-end;justify-content:center}.fnote.black{background:linear-gradient(180deg,#b06cf5,#7c4bd0)}.fnote-key{font-family:var(--mono);font-size:.95rem;font-weight:800;color:rgba(0,0,0,.72);line-height:1;padding-bottom:4px;pointer-events:none;text-transform:uppercase}.fnote.black .fnote-key{color:rgba(255,255,255,.92)}.fnote-name{position:absolute;top:4px;left:0;right:0;text-align:center;font-family:var(--mono);font-size:.55rem;font-weight:700;color:rgba(0,0,0,.42);pointer-events:none}.fnote.perfect{background:linear-gradient(180deg,#86f0ac,var(--ok))}.fnote.good{background:linear-gradient(180deg,#ffe08a,var(--wordle))}.fnote.missed{background:linear-gradient(180deg,#4a2b2b,#3a2020);opacity:.5}.piano{position:relative;padding:0 0 6px;background:#101318}.keys-white{display:flex;gap:2px}.wkey{flex:none;height:108px;border:0;padding:0;background:linear-gradient(#fff,#e7eaef);border-radius:0 0 5px 5px;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;transition:background .06s}.bkey{position:absolute;top:0;z-index:2;height:66px;border:0;border-radius:0 0 4px 4px;cursor:pointer;padding:0;background:linear-gradient(#2b3038,#14171c);transition:background .06s}.wkey.down,.wkey:active{background:linear-gradient(#ffd9cf,var(--piano))}.bkey.down,.bkey:active{background:linear-gradient(#b84a32,var(--piano))}.wkey.sounding{background:linear-gradient(#fff0cc,#f7da61)}.bkey.sounding{background:linear-gradient(#c9a23c,#a3801f)}.key-letter{position:absolute;bottom:20px;left:0;right:0;text-align:center;font-family:var(--mono);font-size:.78rem;font-weight:700;color:#6b7280;pointer-events:none}.key-letter.dark{bottom:6px;color:rgba(255,255,255,.62);font-size:.68rem}.wkey{position:relative}.bkey{display:flex;align-items:flex-end;justify-content:center}.octave-label{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:.52rem;color:#b6bcc6;font-family:var(--mono);pointer-events:none}.judge{height:1.3rem;font-weight:700;font-size:.9rem;opacity:0;transition:opacity .12s;margin-top:.3rem}.judge.show{opacity:1}.judge.ok{color:var(--ok)}.judge.meh{color:var(--wordle)}.judge.bad{color:var(--bad)}.speed{border:1px solid var(--line);background:var(--bg-lift-2);color:var(--ink);border-radius:999px;padding:.4rem .6rem;font:inherit;font-size:.82rem;font-weight:600;cursor:pointer}.swap{border-left:2px solid var(--warn);background:color-mix(in srgb,var(--warn) 10%,transparent);border-radius:0 var(--r-sm) var(--r-sm) 0;padding:.6rem .8rem;margin:.8rem 0;font-size:.85rem;color:var(--ink-dim)}.swap b{color:var(--ink)}.wboard{display:grid;gap:5px;justify-content:center;margin:1rem 0}.wrow{display:grid;grid-template-columns:repeat(5,52px);gap:5px}.wcell{width:52px;height:52px;display:grid;place-items:center;border:2px solid var(--line);border-radius:6px;font-size:1.5rem;font-weight:700;text-transform:uppercase;background:transparent;transition:transform .1s}.wcell.filled{border-color:var(--ink-faint);animation:pop .1s ease}@keyframes pop{50%{transform:scale(1.08)}}.wcell.correct{background:var(--ok);border-color:var(--ok);color:#05210f}.wcell.present{background:var(--wordle);border-color:var(--wordle);color:#241a04}.wcell.absent{background:var(--bg-lift-2);border-color:var(--bg-lift-2);color:var(--ink-faint)}.kbd{display:grid;gap:5px;justify-items:center;margin-top:1rem}.krow{display:flex;gap:4px}.key{min-width:30px;height:44px;padding:0 .45rem;border-radius:5px;border:0;background:var(--bg-lift-2);color:var(--ink);font:inherit;font-size:.8rem;font-weight:650;text-transform:uppercase;cursor:pointer}.key.wide{min-width:52px;font-size:.68rem}.key.correct{background:var(--ok);color:#05210f}.key.present{background:var(--wordle);color:#241a04}.key.absent{background:#33383f;color:var(--ink-faint)}.hint-box{background:var(--bg-lift-2);border-radius:var(--r-sm);padding:.65rem .85rem;font-size:.88rem;color:var(--ink-dim);margin-bottom:.5rem}.hint-box b{color:var(--ink);font-weight:620}.info-ledger{width:100%;border-collapse:collapse;margin-top:1rem;font-family:var(--mono);font-size:.74rem}.info-ledger[hidden]{display:none}.info-ledger th{text-align:left;font-weight:600;color:var(--ink-faint);padding:.2rem .5rem .35rem 0;border-bottom:1px solid var(--line-soft);text-transform:uppercase;letter-spacing:.06em;font-size:.64rem}.info-ledger td{padding:.25rem .5rem .25rem 0;color:var(--ink-dim)}.info-ledger td.good{color:var(--ok)}.info-ledger td.meh{color:var(--warn)}.cgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:1rem 0}.ctile{aspect-ratio:5 / 3;border-radius:var(--r-sm);border:0;background:var(--bg-lift-2);color:var(--ink);font:inherit;font-size:clamp(.62rem,2.2vw,.8rem);font-weight:650;letter-spacing:.01em;cursor:pointer;padding:.2rem;transition:transform .1s,background .16s;display:grid;place-items:center;text-align:center}.ctile:hover{transform:translateY(-1px)}.ctile.sel{background:var(--ink-dim);color:var(--bg)}.cband{border-radius:var(--r-sm);padding:.55rem .7rem;margin-bottom:6px;text-align:center;color:#10131a}.cband .lbl{font-weight:750;font-size:.8rem}.cband .mem{font-size:.78rem;opacity:.85}.d3{background:#6aa9f5}.crow-actions{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.btn{border:1px solid var(--line);background:var(--bg-lift-2);color:var(--ink);border-radius:999px;padding:.45rem .95rem;font:inherit;font-size:.85rem;font-weight:600;cursor:pointer}.btn:disabled{opacity:.4;cursor:not-allowed}.btn.primary{background:var(--accent);border-color:var(--accent);color:#fff}.lives{margin-left:auto;color:var(--ink-faint);font-size:.82rem}.shake{animation:shake .34s}@keyframes shake{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}.q{border-top:1px solid var(--line-soft);padding:.9rem 0}.q:first-of-type{border-top:0}.q .qtext{font-weight:600;margin-bottom:.55rem;display:flex;gap:.5rem}.q .qtext .n{color:var(--ink-faint);font-family:var(--mono);font-size:.8rem;flex:none}.choices{display:grid;gap:.35rem}.choice{text-align:left;border:1px solid var(--line-soft);background:transparent;color:var(--ink);border-radius:var(--r-sm);padding:.5rem .75rem;font:inherit;font-size:.89rem;cursor:pointer;transition:border-color .14s,background .14s}.choice:hover:not(:disabled){border-color:var(--trivia)}.choice:disabled{cursor:default}.choice.right{background:color-mix(in srgb,var(--ok) 18%,transparent);border-color:var(--ok)}.choice.wrong{background:color-mix(in srgb,var(--bad) 15%,transparent);border-color:var(--bad)}.why{font-size:.84rem;color:var(--ink-dim);margin-top:.5rem;padding-left:.2rem}.score{font-weight:650}.err{border-left:2px solid var(--bad);background:color-mix(in srgb,var(--bad) 8%,transparent);padding:.75rem 1rem;border-radius:var(--r-sm);color:var(--ink-dim);font-size:.9rem}.foot{text-align:center;color:var(--ink-faint);font-size:.76rem;margin-top:2rem}@media(max-width:480px){.wrow{grid-template-columns:repeat(5,46px)}.wcell{width:46px;height:46px;font-size:1.3rem}.shell{padding-top:2.25rem}}.tiles-hud{display:flex;align-items:baseline;gap:.8rem;margin:.2rem 0 .6rem;font-family:var(--mono,monospace)}.tiles-score{font-size:1.6rem;font-weight:700;color:var(--ink)}.tiles-speed{font-size:.75rem;color:var(--ink-faint)}.tiles-board{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;height:340px;overflow:hidden;background:var(--bg-lift);border:1px solid var(--line-soft);border-radius:var(--r);touch-action:manipulation;user-select:none}.tiles-lane{position:relative;border-right:1px solid var(--line-soft)}.tiles-lane:last-child{border-right:0}.tiles-lane.lit{background:color-mix(in srgb,var(--tint) 14%,transparent)}.tiles-key{position:absolute;bottom:6px;left:0;right:0;text-align:center;font-family:var(--mono,monospace);font-size:.7rem;color:var(--ink-faint);pointer-events:none}.tiles-tile{position:absolute;left:6%;width:88%;height:54px;border-radius:6px;background:linear-gradient(180deg,color-mix(in srgb,var(--tint) 85%,#000 0%),color-mix(in srgb,var(--tint) 55%,#000 15%));animation:tiles-fall var(--fall,900ms) linear forwards;will-change:transform}@keyframes tiles-fall{from{transform:translateY(-60px)}to{transform:translateY(300px)}}.tiles-tile.hit{background:var(--good);opacity:.35;transition:opacity .14s}.tiles-tile.miss{background:var(--bad);opacity:.5;transition:opacity .2s}.tiles-line{position:absolute;left:0;right:0;top:300px;height:2px;background:color-mix(in srgb,var(--ink) 35%,transparent);pointer-events:none}.tiles-report{margin-top:1rem}.tiles-report:empty{margin:0}@media(prefers-reduced-motion:reduce){.tiles-tile.hit,.tiles-tile.miss{transition:none}}