:root{color-scheme:dark;--ink:#faf7ff;--muted:#b8afc7;--accent:#9147ff;--accent-soft:#d5a7ff;--panel:#15111ce8;--line:#ffffff1c;--correct:#4d9b63;--present:#c49a3b;--absent:#3a3540}*{box-sizing:border-box}body{margin:0;min-height:100vh;color:var(--ink);font:15px Inter,ui-sans-serif,system-ui,sans-serif;background:#09070e}body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(circle at 75% 8%,#632ca055,transparent 34rem),radial-gradient(circle at 8% 80%,#2937822e,transparent 30rem)}body[data-mode=star]{--accent:#58b8d8;--accent-soft:#99e6ff;--correct:#288d86;--present:#c58c38}body[data-mode=tanks]{--accent:#a49768;--accent-soft:#e2d6a9;--correct:#697d42;--present:#a87935;background:#0a0b08}a{color:inherit}.wrap{width:min(1360px,calc(100% - 2rem));margin:auto}nav{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.nav-links{display:flex;align-items:center;gap:1.15rem}.nav-links>a,.games-menu>summary{font:900 1.2rem/1 Inter,ui-sans-serif,system-ui,sans-serif;letter-spacing:-.04em;text-decoration:none}.nav-links>a.active{color:var(--accent-soft)}.games-menu{position:relative}.games-menu>summary{display:flex;gap:.3rem;cursor:pointer;list-style:none}.games-menu>summary::-webkit-details-marker{display:none}.games-dropdown{position:absolute;z-index:20;top:calc(100% + .7rem);left:0;display:grid;min-width:190px;padding:.4rem;border:1px solid #ffffff20;border-radius:.65rem;background:#15111cf5;box-shadow:0 18px 45px #000}.games-dropdown a{padding:.65rem;text-decoration:none;border-radius:.35rem;font-weight:800}.games-dropdown a:hover{background:#ffffff12}#site-account{display:flex;gap:.55rem}.account-button,dialog button{padding:.55rem .7rem;border:1px solid #ffffff20;border-radius:.5rem;background:#18121f;color:#fff;text-decoration:none;cursor:pointer;font-weight:750}main{width:min(760px,100%);margin:auto;padding-bottom:3rem}header{text-align:center;padding:2.25rem 0 1.15rem}header>span{color:var(--accent-soft);text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;font-weight:900}h1{margin:.3rem 0;font-size:clamp(2.7rem,7vw,4.6rem);line-height:.95;letter-spacing:-.06em}header p{margin:.5rem;color:var(--muted)}.mode-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin:0 auto 1rem}.mode-picker button{padding:.75rem .5rem;border:1px solid var(--line);border-radius:.65rem;background:#15111c;color:var(--muted);font-weight:850;cursor:pointer}.mode-picker button.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 23%,#15111c);color:#fff}.game-shell{position:relative;padding:1rem;border:1px solid var(--line);border-radius:1rem;background:var(--panel);box-shadow:0 24px 70px #0007}.game-top{display:flex;justify-content:space-between;min-height:30px;color:var(--muted);font-size:.75rem;font-weight:800}.icon-button{width:28px;height:28px;padding:0;border:1px solid var(--line);border-radius:50%;background:transparent;color:#fff;font-weight:900;cursor:pointer}#message{height:1.7rem;text-align:center;font-weight:850;color:var(--accent-soft)}.board{display:grid;grid-template-rows:repeat(6,1fr);gap:5px;width:min(350px,82vw);margin:.15rem auto 1.2rem}.row{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.tile{display:grid;place-items:center;aspect-ratio:1;border:2px solid #ffffff25;border-radius:.25rem;font-size:clamp(1.35rem,5vw,2rem);font-weight:950;text-transform:uppercase}.tile.filled{border-color:#ffffff65;animation:pop .11s}.tile.reveal{animation:flip .5s}.tile.correct,.key.correct,.example .correct{background:var(--correct);border-color:var(--correct);color:white}.tile.present,.key.present,.example .present{background:var(--present);border-color:var(--present);color:white}.tile.absent,.key.absent{background:var(--absent);border-color:var(--absent);color:#ddd}.row.shake{animation:shake .32s}.keyboard{display:grid;gap:6px;max-width:610px;margin:auto}.key-row{display:flex;justify-content:center;gap:5px}.key{height:48px;min-width:0;flex:1;max-width:46px;padding:0;border:0;border-radius:.35rem;background:#68616f;color:#fff;font-weight:900;cursor:pointer}.key.wide{max-width:70px;font-size:.72rem}.actions{display:flex;align-items:center;justify-content:center;gap:1rem;min-height:3rem;margin-top:.65rem}.actions button,#result-share{padding:.7rem 1rem;border:0;border-radius:.5rem;background:var(--accent);color:white;font-weight:900;cursor:pointer}.actions span{color:var(--muted);font-size:.78rem}.fan-note{color:#81798c;text-align:center;font-size:.68rem;line-height:1.5}dialog{width:min(450px,calc(100% - 2rem));border:1px solid #ffffff25;border-radius:1rem;background:#15111c;color:#fff;padding:1.5rem}dialog::backdrop{background:#050308dd}dialog h2{margin-top:0}.dialog-close{float:right}.dialog-actions{display:flex;justify-content:flex-end;gap:.6rem;margin-top:1.2rem}.danger{border-color:#8b403b;background:#401c20;color:#ffb5ae}.example{display:flex;gap:5px}.example span{display:grid;place-items:center;width:36px;height:36px;border:2px solid #ffffff25;font-weight:900}#result-grid{font:1.3rem/1.3 ui-monospace,monospace;letter-spacing:.1rem;white-space:pre-wrap}@keyframes pop{50%{transform:scale(1.08)}}@keyframes flip{50%{transform:rotateX(90deg)}}@keyframes shake{25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@media(max-width:760px){nav{height:auto;min-height:64px;gap:.5rem}.nav-links{gap:.48rem;flex-wrap:wrap}.nav-links>a,.games-menu>summary{font-size:.76rem}#site-account{display:none}header{padding-top:1.5rem}.mode-picker button{font-size:.75rem}.game-shell{padding:.7rem}.key{height:44px}.key-row{gap:3px}.keyboard{gap:4px}}