:root{--bg: #0f1226;--bg-2: #181c3a;--panel: #20264f;--tile: #f4e9d0;--tile-edge: #d8c79a;--ink: #2a2438;--accent: #ffd166;--accent-2: #06d6a0;--selected: #ffd166;--danger: #ef476f;--text: #eef0ff;--muted: #9aa0c8;--dl: #4cc9f0;--tl: #4361ee;--dw: #f9844a;--tw: #f94144}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%}body{background:radial-gradient(circle at 50% 0%,var(--bg-2),var(--bg));color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;user-select:none;-webkit-user-select:none;overflow:hidden}#app{height:100vh;display:flex;align-items:center;justify-content:center}.screen{width:100%;max-width:380px;height:100%;padding:24px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;animation:fade-in .25s ease}.screen-game{justify-content:flex-start;gap:12px;padding-top:16px;transition:filter .2s ease}.screen-game.blurred .board,.screen-game.blurred .hud{filter:blur(8px) brightness(.6);pointer-events:none}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}}.logo{font-size:44px;font-weight:800;letter-spacing:-1px}.logo-drop{color:var(--accent)}.logo-words{color:var(--accent-2)}.splash-tagline,.final-label{color:var(--muted);letter-spacing:2px;text-transform:uppercase;font-size:13px}.btn{font:inherit;font-weight:700;border:none;border-radius:14px;padding:14px 18px;cursor:pointer;color:var(--ink);background:var(--accent);transition:transform .08s ease,opacity .2s ease;width:100%}.btn:active{transform:scale(.97)}.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--panel)}.btn-toggle{width:auto;padding:10px 22px}.btn-icon{width:46px;height:46px;border-radius:12px;padding:0;background:var(--panel);color:var(--text);font-size:14px}.btn-soon{background:var(--panel);color:var(--muted);position:relative;cursor:not-allowed}.soon-tag{position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:10px;text-transform:uppercase;letter-spacing:1px;background:var(--bg);padding:2px 6px;border-radius:6px}.menu{width:100%;display:flex;flex-direction:column;gap:10px}.hud{width:100%;display:flex;flex-direction:column;gap:8px}.hud-bar{display:flex;align-items:center;gap:12px}.hud-stat{flex:1;background:var(--panel);border-radius:12px;padding:6px 12px;display:flex;flex-direction:column}.hud-stat label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:1px}.hud-value{font-size:22px;font-weight:800}.hud-value.low{color:var(--danger)}.hud-word{height:30px;text-align:center;font-size:20px;font-weight:800;letter-spacing:3px;color:var(--accent);opacity:0;transition:opacity .15s ease}.hud-word.active{opacity:1}.board{position:relative;margin:6px auto 0;touch-action:none}.tile{position:absolute;left:0;top:0;border-radius:12px;background:linear-gradient(180deg,var(--tile),var(--tile-edge));color:var(--ink);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:26px;box-shadow:0 3px #00000040;transition:transform .18s cubic-bezier(.34,1.2,.64,1),box-shadow .1s ease;will-change:transform}.tile-value{position:absolute;right:5px;bottom:3px;font-size:11px;font-weight:700;opacity:.65}.tile-badge{position:absolute;left:4px;top:3px;font-size:10px;font-weight:800;color:#fff;padding:1px 4px;border-radius:5px}.bonus-dl{outline:2px solid var(--dl)}.bonus-dl .tile-badge{background:var(--dl)}.bonus-tl{outline:2px solid var(--tl)}.bonus-tl .tile-badge{background:var(--tl)}.bonus-dw{outline:2px solid var(--dw)}.bonus-dw .tile-badge{background:var(--dw)}.bonus-tw{outline:2px solid var(--tw)}.bonus-tw .tile-badge{background:var(--tw)}.tile.selected{background:linear-gradient(180deg,#fff0b8,var(--selected));box-shadow:0 0 0 4px #ffd16680,0 3px #00000040;z-index:5}.tile.burst{transition:transform .18s ease,opacity .18s ease;transform-origin:center;opacity:0;z-index:6}.tile.burst.selected{transform:scale(1.4)}.tile.shake{animation:shake .35s ease}@keyframes shake{0%,to{margin-left:0}20%{transform:translate(-4px) rotate(-3deg)}40%{transform:translate(4px) rotate(3deg)}60%{transform:translate(-3px) rotate(-2deg)}80%{transform:translate(3px) rotate(2deg)}}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#080a198c;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.card{background:var(--bg-2);border:1px solid var(--panel);border-radius:20px;padding:24px;width:86%;max-width:320px;display:flex;flex-direction:column;gap:10px;text-align:center}.pause-stats{display:flex;flex-direction:column;gap:4px;color:var(--muted);margin-bottom:6px}.scores{width:100%;text-align:center}.scores h2{font-size:14px;color:var(--muted);text-transform:uppercase;letter-spacing:1px;margin:0 0 8px}.scores-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.scores-list li{display:flex;justify-content:space-between;background:var(--panel);padding:8px 14px;border-radius:10px}.scores-pts{font-weight:800;color:var(--accent)}.scores-date{color:var(--muted);font-size:13px}.scores-empty{color:var(--muted)}.final-score{font-size:64px;font-weight:800;color:var(--accent);line-height:1}.badge-new{color:var(--accent-2);font-weight:800}h1{margin:0;font-size:28px}.settings-row{width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--panel);padding:14px 18px;border-radius:14px}.hud-player{text-align:center;font-weight:800;letter-spacing:1px;color:var(--accent-2);text-transform:uppercase;font-size:14px}.toast{position:absolute;top:8px;left:50%;transform:translate(-50%,-8px);background:#080a19e6;color:var(--accent);border:1px solid var(--panel);padding:8px 16px;border-radius:999px;font-weight:700;font-size:14px;pointer-events:none;opacity:0;transition:opacity .2s ease,transform .2s ease;z-index:30}.toast.show{opacity:1;transform:translate(-50%)}.overlay-countdown{background:#080a1980;flex-direction:column}.countdown-num{font-size:120px;font-weight:800;color:var(--accent);animation:pop .5s ease}@keyframes pop{0%{transform:scale(.4);opacity:0}}.countdown-pause{position:absolute;top:16px;right:16px}.handoff-player{font-size:40px;font-weight:800;color:var(--accent-2)}.handoff-sub{color:var(--muted)}.screen-stats,.screen-howto{justify-content:flex-start;overflow-y:auto;gap:14px;padding-top:28px}.stats-meta{color:var(--muted)}.scores-rank{color:var(--muted);font-size:13px}.word-text{font-weight:800;letter-spacing:1px}.howto-body{width:100%;text-align:left;color:var(--text);line-height:1.5}.howto-body h2{color:var(--accent);font-size:16px;margin:16px 0 4px}.howto-body p,.howto-body ul{margin:4px 0;font-size:14px;color:var(--muted)}.howto-body b{color:var(--text)}.howto-body ul{padding-left:20px}.screen-versus{justify-content:flex-start;overflow-y:auto;gap:12px;padding-top:28px}.versus-scores{display:flex;width:100%;gap:12px}.versus-col{flex:1;background:var(--panel);border-radius:14px;padding:12px;text-align:center}.versus-label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:1px}.versus-pts{font-size:34px;font-weight:800;color:var(--accent)}.versus-words{display:flex;width:100%;gap:12px;align-items:flex-start}.versus-wordcol{flex:1}.cancelled-words{color:var(--danger);font-weight:700;line-height:1.6}