:root{--bg:#12141c;--bg-2:#181b25;--elev:#222633;--line:#32384a;--text:#f3efe6;--muted:#9aa1b4;--gold:#e8c27a;--gold-2:#f0d5a0;--green:#3dba7a;--green-dim:#1f6b45;--yellow:#e2b93b;--yellow-dim:#8a6e16;--red:#e05d5d;--red-dim:#8a3030;--tile:#252a38;--shadow:0 18px 50px #00000059;--radius:14px;--sans:"Outfit", system-ui, sans-serif;--serif:"Fraunces", Georgia, serif}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{font-family:var(--sans);color:var(--text);background:radial-gradient(1200px 600px at 50% -10%, #e8c27a1f, transparent 55%), radial-gradient(800px 500px at 100% 100%, #3dba7a14, transparent 50%), var(--bg);-webkit-font-smoothing:antialiased;margin:0}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.app{max-width:520px;min-height:100svh;padding:16px 16px calc(20px + env(safe-area-inset-bottom));margin:0 auto}.home,.game-shell{flex-direction:column;min-height:calc(100svh - 32px);display:flex}.home-hero{text-align:center;padding:36px 8px 20px}.eyebrow{color:var(--gold);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:11px;font-weight:600}h1{font-family:var(--serif);letter-spacing:-.03em;margin:0;font-size:clamp(42px,10vw,64px);font-weight:600}h1 strong{color:var(--gold);font-weight:700}.tagline{max-width:26rem;color:var(--muted);margin:14px auto 0;line-height:1.5}.home-demo{justify-content:center;align-items:center;gap:6px;margin-top:28px;display:flex}.home-demo .tile{flex:0 0 48px;width:48px;height:48px;font-size:22px;line-height:1}.mode-grid{gap:12px;margin-top:32px;display:grid}.mode-card{text-align:left;background:var(--elev);border:1px solid var(--line);border-radius:18px;gap:6px;padding:18px 18px 16px;transition:transform .15s,border-color .15s;display:grid}.mode-card:hover{border-color:var(--gold);transform:translateY(-2px)}.mode-card.featured{background:linear-gradient(180deg, #2a2418 0%, var(--elev) 70%);border-color:#e8c27a66}.mode-kicker{color:var(--gold);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:600}.mode-card strong{font-family:var(--serif);font-size:28px}.mode-card span,.mode-card em{color:var(--muted);font-style:normal}.home-links{justify-content:center;gap:18px;margin-top:auto;padding-top:28px;display:flex}.game-header{align-items:center;gap:8px;padding:4px 0 14px;display:flex}.brand-mini{cursor:pointer;font-family:var(--serif);align-items:baseline;gap:4px;font-size:22px;display:flex}.brand-mini strong{color:var(--gold)}.brand-mini em{font-style:normal;font-family:var(--sans);color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-left:6px;font-size:11px}.header-actions{align-items:center;gap:4px;margin-left:auto;display:flex}.icon-btn,.text-btn{background:0 0;border:0;border-radius:10px}.icon-btn{width:36px;height:36px;color:var(--text);justify-content:center;align-items:center;display:inline-flex}.icon-btn:hover,.text-btn:hover{background:#ffffff0f}.text-btn{color:var(--muted);align-items:center;gap:6px;padding:8px 10px;font-size:13px;display:inline-flex}.board{gap:8px;width:min(100%,420px);margin:4px auto 16px;display:grid}.board-row{grid-template-columns:repeat(5,1fr) auto;align-items:center;gap:6px;display:grid}.help-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tile{aspect-ratio:1;border:2px solid var(--line);background:var(--tile);text-transform:uppercase;-webkit-user-select:none;user-select:none;border-radius:10px;place-items:center;font-size:clamp(18px,5vw,26px);font-weight:700;transition:transform 80ms,background .15s,border-color .15s;display:grid}.tile.next{border-color:var(--gold);box-shadow:inset 0 0 0 1px #e8c27a40}.tile.small{flex:0 0 42px;width:42px;height:42px;font-size:18px;line-height:1}.tile.filled{border-color:#4b5368;animation:.12s pop}.tile.blank{color:var(--muted)}.tile.red{background:var(--red-dim);border-color:var(--red)}.tile.yellow{background:var(--yellow-dim);border-color:var(--yellow)}.tile.green{background:var(--green-dim);border-color:var(--green)}.tile.invalid{background:var(--red-dim);border-color:var(--red);color:#ffd5d5;-webkit-text-decoration:line-through #ffb4b4;text-decoration:line-through #ffb4b4;text-decoration-thickness:2px}.counts{opacity:.28;grid-template-columns:repeat(3,28px);gap:4px;margin-left:4px;display:grid}.counts.show{opacity:1}.count{text-align:center;color:#111;border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;width:28px;min-width:28px;height:28px;min-height:28px;padding:0;font-size:13px;font-weight:700;line-height:1;display:flex}.count.green{background:var(--green)}.count.yellow{background:var(--yellow)}.count.red{background:var(--red)}.board-row.shake{animation:.45s shake}.keyboard{gap:7px;margin-top:auto;padding-top:8px;display:grid}.kb-row{justify-content:center;gap:5px;display:flex}.key{text-transform:uppercase;background:#2d3344;border:0;border-radius:8px;flex:1;min-width:0;height:50px;font-size:15px;font-weight:600}.key:hover:not(:disabled){background:#3a4156}.key:disabled{opacity:.45;cursor:default}.key.used{opacity:.38;color:#8b93a7;background:#1e222e}.key.used:hover:not(:disabled){opacity:.7;background:#2a3142}.key.wide{text-transform:none;flex:1.6;font-size:12px}.key.icon-key{justify-content:center;align-items:center;display:inline-flex}.key.accent{color:var(--gold);background:#3a3324}.key.enter{background:var(--gold);color:#1b160d}.toast{background:var(--text);color:#111;box-shadow:var(--shadow);z-index:20;border-radius:999px;padding:10px 16px;font-weight:600;position:fixed;top:18%;left:50%;transform:translate(-50%)}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:30;background:#080a10b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal-card{background:var(--bg-2);border:1px solid var(--line);width:min(100%,440px);max-height:min(88svh,720px);box-shadow:var(--shadow);border-radius:20px;padding:18px 18px 22px;overflow:auto}.modal-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.modal-head h2,.modal-body h3{font-family:var(--serif);margin:0}.modal-body{color:#d7d3c8;gap:12px;margin-top:12px;line-height:1.5;display:grid}.modal-body p{margin:0}.help-legend{gap:8px;margin:0;padding:0;list-style:none;display:grid}.help-legend li{align-items:center;gap:10px;display:flex}.help-legend .count{width:28px;height:28px}.help-example{background:var(--elev);border-radius:14px;padding:12px}.help-example p{color:var(--muted);margin:10px 0 0;font-size:14px}.muted{color:var(--muted);font-size:14px}.center{text-align:center}.stats-grid{text-align:center;grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.stats-grid strong{font-size:26px;font-family:var(--serif);display:block}.stats-grid span{color:var(--muted);font-size:12px}.dist{gap:6px;display:grid}.dist-row{grid-template-columns:16px 1fr;align-items:center;gap:8px;display:grid}.dist-bar-track{background:#1b1f2a;border-radius:6px;overflow:hidden}.dist-bar{min-height:18px;color:var(--text);background:#343b4e;justify-content:flex-end;align-items:center;padding:0 8px;font-size:12px;display:flex}.dist-bar.filled{background:var(--gold);color:#1b160d}.result-word{text-align:center;font-size:18px}.share-preview{white-space:pre-wrap;background:#151821;border-radius:12px;padding:12px;font-size:14px;line-height:1.6}.result-actions{gap:8px;display:grid}.btn{border:1px solid var(--line);background:var(--elev);border-radius:12px;padding:12px 14px;font-weight:600}.btn.primary{background:var(--gold);color:#1b160d;border-color:#0000}.btn.ghost{background:0 0}@keyframes pop{0%{transform:scale(1.08)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}@media (width<=420px){.key{height:46px;font-size:13px}.counts{grid-template-columns:repeat(3,24px)}.count{width:24px;min-width:24px;height:24px;min-height:24px;font-size:12px}.restart-label{display:none}}