:root{--bg:#0f1115;--surface:#171a21;--text:#e8eaf0;--muted:#9aa3b2;--accent:#ffb648;--radius:12px;--maxw:960px}*{box-sizing:border-box}html{color-scheme:dark}body{background:var(--bg);color:var(--text);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.6}.skip-link{background:var(--accent);color:#000;z-index:10;padding:.5rem 1rem;position:absolute;top:0;left:-9999px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link:focus{left:0}.site-header,main,.site-footer{max-width:var(--maxw);margin:0 auto;padding:0 1rem}.site-header{justify-content:space-between;align-items:center;gap:1rem;padding-top:.75rem;padding-bottom:.75rem;display:flex}.brand{color:var(--text);font-size:1.15rem;font-weight:700;text-decoration:none}.lang-nav{flex-wrap:wrap;gap:.5rem;display:flex}.lang-nav a{color:var(--muted);border-radius:6px;padding:.15rem .4rem;font-size:.8rem;text-decoration:none}.lang-nav a[aria-current=page]{background:var(--surface);color:var(--accent)}h1{margin:.5rem 0 .25rem;font-size:clamp(1.6rem,4vw,2.2rem)}.tagline{color:var(--muted);margin-top:0}.game-stage{background:var(--surface);border-radius:var(--radius);margin:1rem 0;overflow:hidden}.game-root{width:100%;height:100%}.more-games ul{gap:.5rem;padding:0;list-style:none;display:grid}.more-games a{color:var(--accent)}.prose h2{margin-top:2rem}.prose p,.faq p{max-width:70ch}.faq details{background:var(--surface);border-radius:var(--radius);margin:.5rem 0;padding:.6rem 1rem}.faq summary{cursor:pointer;font-weight:600}.site-footer{color:var(--muted);border-top:1px solid #262a33;margin-top:3rem;padding-top:1rem;padding-bottom:2rem;font-size:.85rem}.site-footer a{color:var(--muted)}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.hm{flex-direction:column;gap:.75rem;padding:1rem;display:flex}.hm-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.hm-cat-label{color:var(--muted);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.hm-cat{background:var(--bg);color:var(--text);border:1px solid #6b7280;border-radius:8px;padding:.35rem .5rem;font-size:1rem}.hm-streak{color:var(--muted);font-size:.95rem}.hm-streak b{color:var(--accent)}.hm-board{justify-content:center;align-items:center;gap:1rem;display:flex}.hm-figure{flex-shrink:0;width:min(180px,44vw);height:auto}.hm-gallows line{stroke:#4a5160;stroke-width:6px;stroke-linecap:round}.hm-part{stroke:var(--accent);stroke-width:5px;stroke-linecap:round;fill:none;opacity:0;transition:opacity .25s}.hm-part.is-on{opacity:1}.hm-side{min-width:0}.hm-cat-chip{color:var(--text);margin:0 0 .35rem;font-weight:600}.hm-left{color:var(--muted);margin:0;font-size:.9rem}.hm-word{flex-wrap:wrap;justify-content:center;gap:.3rem;min-height:2.6rem;display:flex}.hm-tile{border-bottom:3px solid #6b7280;justify-content:center;align-items:center;width:clamp(1.5rem,7vw,2.1rem);height:2.4rem;font-size:clamp(1.1rem,5vw,1.5rem);font-weight:700;display:inline-flex}.hm-word.is-long{gap:.2rem}.hm-word.is-long .hm-tile{width:clamp(1.1rem,5.5vw,1.8rem);font-size:clamp(.9rem,4.2vw,1.3rem)}.hm-tile.is-on{border-bottom-color:var(--accent)}.hm-tile.is-miss{color:#ff7a7a;border-bottom-color:#ff7a7a}.hm-msg{text-align:center;min-height:1.5rem;margin:0;font-weight:600}.hm-msg.is-won{color:#7ede9a}.hm-msg.is-lost{color:#ff7a7a}.hm-kb{grid-template-columns:repeat(7,1fr);gap:.3rem;width:100%;max-width:420px;margin:0 auto;display:grid}.hm-key{background:var(--bg);min-height:44px;color:var(--text);cursor:pointer;border:1px solid #6b7280;border-radius:8px;padding:0;font-size:1rem;font-weight:600}.hm-key:hover:not([aria-disabled=true]){border-color:var(--accent)}.hm-key[aria-disabled=true]{cursor:default;opacity:.85}.hm-key.is-hit{color:#7ede9a;background:#1d3a28;border-color:#2f7a4a}.hm-key.is-miss{color:#ff9d9d;opacity:.85;background:#3a1d1d;border-color:#7a2f2f}.hm-new{background:var(--accent);color:#1a1a10;cursor:pointer;border:0;border-radius:8px;align-self:center;padding:.6rem 1.6rem;font-size:1rem;font-weight:700}.hm-new:hover{filter:brightness(1.08)}
