:root{--bg-app: #0f172a;--bg-mid: #1e293b;--bg-card: #1e2a45;--bg-card-2: #283b5c;--border-soft: #334155;--text-light: #f1f5f9;--text-mid: #94a3b8;--text-dim: #64748b;--accent: #06b6d4;--accent-2: #22d3ee;--mint: #4ade80;--gold: #fbbf24;--rose: #f43f5e;--tile-base: #f1efe6;--tile-dark: #2a3441}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;overscroll-behavior:none;touch-action:none;background:var(--bg-app);color:var(--text-light);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}button{font-family:inherit;cursor:pointer}.hud{position:fixed;top:0;right:0;bottom:0;left:0;z-index:6;pointer-events:none;padding:env(safe-area-inset-top,14px) 14px env(safe-area-inset-bottom,14px);display:flex;flex-direction:column;justify-content:space-between}.hud-top{display:flex;align-items:center;gap:10px;pointer-events:auto}.hud-center-stack{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}.hud-level-chip{background:linear-gradient(180deg,var(--accent-2),var(--accent));color:#04222a;font-size:11px;font-weight:900;letter-spacing:1.6px;padding:5px 14px;border-radius:11px;border:2px solid #064e58;box-shadow:0 2px #06363c,0 4px 8px #06b6d466;white-space:nowrap}.hud-progress{display:flex;flex-direction:column;align-items:center;gap:4px;background:#1e2a45d9;border:2px solid var(--border-soft);border-radius:12px;padding:5px 16px 7px;box-shadow:0 3px #00000080,inset 0 1px #ffffff14}.hud-progress-bar{width:180px;height:6px;background:#00000080;border-radius:3px;overflow:hidden}.hud-progress-fill{height:100%;background:var(--mint);border-radius:3px;box-shadow:0 0 8px var(--mint);transition:width .4s ease}.hud-progress-text{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:900;color:var(--text-light)}.hud-time{color:var(--accent-2);font-size:11px;letter-spacing:1.5px}.icon-btn{width:46px;height:46px;border-radius:12px;background:linear-gradient(180deg,#334155,var(--bg-card));border:2px solid var(--border-soft);color:var(--text-light);font-size:22px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 1px #ffffff24,inset 0 -2px #00000040,0 4px #0c1424,0 6px 12px #00000059;position:relative;transition:transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease,border-color .18s ease}.icon-btn:hover{transform:translateY(-1px);border-color:var(--accent-2)}.icon-btn:active{transform:translateY(3px);box-shadow:inset 0 1px #ffffff24,0 1px #0c1424}.hint-btn{background:linear-gradient(180deg,#fde68a 0%,#fcd34d 45%,var(--gold) 100%);color:#3a1a00;border-color:#b45309;box-shadow:inset 0 1px #ffffff8c,inset 0 -2px #78350f59,0 4px #78350f,0 8px 16px #fbbf2480;animation:hintPulse 2s ease-in-out infinite}.hint-btn:hover{transform:translateY(-1px);border-color:#92400e}.hint-btn:active{transform:translateY(3px);box-shadow:inset 0 1px #ffffff8c,0 1px #78350f;animation:none}@keyframes hintPulse{0%,to{box-shadow:inset 0 1px #ffffff8c,inset 0 -2px #78350f59,0 4px #78350f,0 8px 16px #fbbf2480}50%{box-shadow:inset 0 1px #ffffff8c,inset 0 -2px #78350f59,0 4px #78350f,0 10px 22px #fbbf24d9}}.hint-badge{position:absolute;top:-7px;right:-7px;background:var(--rose);color:#fff;font-size:9px;font-weight:900;padding:2px 5px;border-radius:8px;border:1.5px solid #fff;box-shadow:0 2px 4px #0006}.hud-words{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;padding:10px 8px;background:#0f172ad9;border:2px solid var(--border-soft);border-radius:16px;max-height:35vh;overflow-y:auto;pointer-events:none;margin-bottom:4px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.word-chip{background:var(--bg-card-2);color:var(--text-light);font-size:12px;font-weight:900;letter-spacing:1.5px;padding:5px 11px;border-radius:10px;border:1.5px solid var(--border-soft);box-shadow:0 2px #0c1424;transition:all .3s ease}.word-chip.found{background:var(--mint);color:#052e16;border-color:#166534;box-shadow:0 2px #14532d,0 0 12px #4ade8099;text-decoration:line-through;text-decoration-thickness:2px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse at 50% -10%,rgba(6,182,212,.18) 0%,transparent 55%),linear-gradient(180deg,var(--bg-app) 0%,var(--bg-mid) 100%)}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse at 50% -20%,rgba(6,182,212,.28) 0%,transparent 60%),linear-gradient(180deg,var(--bg-app) 0%,var(--bg-mid) 100%)}.splash-grid{margin-bottom:22px;filter:drop-shadow(0 12px 28px rgba(6,182,212,.45))}.splash-icon{width:clamp(220px,65vw,320px);height:auto;display:block;border-radius:32px}.splash-title{font-size:clamp(34px,10vw,52px);font-weight:900;letter-spacing:4px;color:var(--text-light);margin:0;text-shadow:0 3px 0 rgba(0,0,0,.55),0 6px 22px rgba(6,182,212,.55)}.splash-sub{font-size:13px;font-weight:900;letter-spacing:4px;color:var(--accent-2);margin:6px 0 0;text-shadow:0 2px 0 rgba(0,0,0,.45)}.splash-loading{position:absolute;bottom:60px;display:flex;gap:8px}.splash-loading .dot{width:9px;height:9px;border-radius:50%;background:var(--accent);animation:bob 1s infinite ease-in-out;box-shadow:0 0 8px var(--accent)}.splash-loading .dot:nth-child(2){animation-delay:.15s}.splash-loading .dot:nth-child(3){animation-delay:.3s}@keyframes bob{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(-7px);opacity:1}}.menu-title-wrap{text-align:center;margin-bottom:22px}.menu-title{font-size:clamp(32px,10vw,48px);font-weight:900;letter-spacing:4px;margin:0;color:var(--text-light);text-shadow:0 3px 0 rgba(0,0,0,.55),0 6px 22px rgba(6,182,212,.5)}.menu-sub{font-size:12px;font-weight:900;letter-spacing:4px;color:var(--accent-2);margin:6px 0 0;text-shadow:0 2px 0 rgba(0,0,0,.4)}.menu-stat-row{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap;justify-content:center}.menu-stat{min-width:90px;background:var(--bg-card);border:2.5px solid var(--border-soft);border-radius:14px;padding:12px 16px;text-align:center;box-shadow:inset 0 1px #ffffff14,0 4px #0c1424,0 8px 16px #0000004d}.menu-stat-value{font-size:22px;font-weight:900;color:var(--text-light);line-height:1}.menu-stat-value.gold{color:var(--gold)}.menu-stat-of{font-size:12px;opacity:.55;color:var(--text-mid)}.menu-stat-label{font-size:10px;font-weight:800;letter-spacing:2.2px;color:var(--text-mid);margin-top:5px}.menu-hint{margin-top:18px;text-align:center;font-size:13px;color:var(--text-mid);line-height:1.6;max-width:320px}.menu-hint strong{color:var(--accent-2);font-weight:900}.primary-btn{position:relative;background:linear-gradient(180deg,#67e8f9 0%,var(--accent-2) 45%,var(--accent) 100%);color:#04222a;border:3px solid #064e58;font-size:18px;font-weight:900;letter-spacing:3px;padding:16px 36px 19px;border-radius:18px;margin:8px 0;box-shadow:inset 0 2px #ffffff8c,inset 0 -3px #04222a2e,0 7px #06363c,0 13px 22px #06b6d48c,0 0 #06b6d400;text-shadow:0 1px 0 rgba(255,255,255,.55);transition:transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease;overflow:hidden;isolation:isolate;animation:primaryBreathe 2.2s ease-in-out infinite}.primary-btn:before{content:"";position:absolute;inset:3px 3px auto 3px;height:42%;border-radius:14px 14px 28px 28px/14px 14px 50% 50%;background:linear-gradient(180deg,#ffffff8c,#fff0);pointer-events:none}.primary-btn:after{content:"";position:absolute;top:0;left:-80%;width:60%;height:100%;background:linear-gradient(110deg,transparent 0%,rgba(255,255,255,.55) 50%,transparent 100%);transform:skew(-20deg);animation:shineSweep 3.4s ease-in-out infinite;pointer-events:none}@keyframes primaryBreathe{0%,to{box-shadow:inset 0 2px #ffffff8c,inset 0 -3px #04222a2e,0 7px #06363c,0 13px 22px #06b6d48c,0 0 #06b6d400}50%{box-shadow:inset 0 2px #ffffff8c,inset 0 -3px #04222a2e,0 7px #06363c,0 14px 28px #06b6d4bf,0 0 0 6px #06b6d41f}}@keyframes shineSweep{0%{left:-80%}55%{left:130%}to{left:130%}}.primary-btn:hover{transform:translateY(-2px)}.primary-btn:active{transform:translateY(6px);box-shadow:inset 0 2px #ffffff8c,inset 0 -3px #04222a2e,0 1px #06363c,0 2px 6px #06b6d466;animation:none}.secondary-btn{position:relative;background:linear-gradient(180deg,#334155 0%,var(--bg-card-2) 100%);color:var(--text-light);border:2.5px solid var(--border-soft);font-size:14px;font-weight:800;letter-spacing:2px;padding:12px 26px;border-radius:14px;margin:6px;box-shadow:inset 0 1px #ffffff1f,inset 0 -2px #00000040,0 5px #0c1424,0 8px 14px #00000059;text-shadow:0 1px 0 rgba(0,0,0,.55);transition:transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease,border-color .18s ease}.secondary-btn:hover{transform:translateY(-1px);border-color:var(--accent-2)}.secondary-btn:active{transform:translateY(4px);box-shadow:inset 0 1px #ffffff1f,0 1px #0c1424}.pause-card,.end-card,.tutorial-card{position:relative;background:radial-gradient(ellipse at 50% 0%,rgba(6,182,212,.16) 0%,transparent 60%),linear-gradient(180deg,#1e293b 0%,var(--bg-card) 100%);border:3px solid var(--border-soft);border-radius:22px;padding:28px 22px 24px;width:90%;max-width:340px;text-align:center;box-shadow:inset 0 2px #ffffff1a,inset 0 -3px #0000004d,inset 0 0 0 1px #06b6d42e,0 8px #0c1424,0 18px 38px #0000008c,0 0 60px #06b6d42e;overflow:hidden}.pause-card:before,.end-card:before,.tutorial-card:before{content:"";position:absolute;top:0;left:8%;right:8%;height:3px;background:linear-gradient(90deg,transparent,var(--accent-2),transparent);filter:blur(1px);pointer-events:none}.pause-card:after,.end-card:after,.tutorial-card:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,transparent 30%);pointer-events:none}.pause-card>*,.end-card>*,.tutorial-card>*{position:relative;z-index:1}.pause-title{margin:0 0 18px;font-size:28px;font-weight:900;letter-spacing:5px;color:var(--accent-2);text-shadow:0 2px 0 rgba(0,0,0,.55),0 0 18px rgba(34,211,238,.45)}.end-title{margin:0 0 18px;font-size:22px;font-weight:900;letter-spacing:3.5px;color:var(--accent-2);text-shadow:0 3px 0 rgba(0,0,0,.6),0 0 18px rgba(34,211,238,.45)}.end-stars{display:flex;justify-content:center;gap:12px;margin-bottom:14px}.end-star{font-size:52px;color:#ffffff1f;text-shadow:0 3px 0 rgba(0,0,0,.4)}.end-star.lit{color:var(--gold);text-shadow:0 0 18px rgba(251,191,36,.9),0 3px 0 rgba(120,70,0,.55);animation:starBreathe 1.6s ease-in-out infinite}@keyframes starBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.end-coins-earned{display:flex;justify-content:center;align-items:center;gap:8px;margin-bottom:18px;color:var(--gold);font-weight:900}.coin-plus{font-size:18px}.coin-sep{opacity:.5}.coin-total{font-size:12px;color:var(--text-mid)}.end-stats{display:flex;justify-content:center;gap:18px;margin:18px 0}.end-stats .stat{text-align:center}.stat-label{display:block;font-size:10px;font-weight:800;letter-spacing:2px;color:var(--text-mid)}.stat-value{display:block;font-size:22px;font-weight:900;color:var(--text-light)}.stat-value.gold{color:var(--gold)}.end-actions{display:flex;gap:12px;justify-content:center;margin-top:14px}.tutorial-overlay{background:#0f172aa6;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:20}.tutorial-title{margin:0 0 12px;font-size:22px;font-weight:900;letter-spacing:3.5px;color:var(--accent-2);text-shadow:0 2px 0 rgba(0,0,0,.5),0 0 16px rgba(34,211,238,.45)}.tutorial-body{margin:0 0 18px;font-size:14px;line-height:1.55;color:var(--text-mid);white-space:pre-line}.tutorial-dots{display:flex;justify-content:center;gap:7px;margin:14px 0 18px}.tutorial-dot{width:8px;height:8px;border-radius:50%;background:#94a3b840}.tutorial-dot.active{background:var(--accent);box-shadow:0 0 8px var(--accent)}.tutorial-actions{display:flex;gap:10px;justify-content:center}.menu-mini-row{display:flex;gap:10px;margin-top:12px}.mini-btn{position:relative;background:linear-gradient(180deg,#334155 0%,var(--bg-card-2) 100%);border:2px solid var(--border-soft);color:var(--text-light);border-radius:14px;padding:12px 18px;display:flex;flex-direction:column;align-items:center;font-family:inherit;box-shadow:inset 0 1px #ffffff24,inset 0 -2px #00000038,0 5px #0c1424,0 8px 14px #00000059;min-width:120px;transition:transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease,border-color .18s ease}.mini-btn:hover{transform:translateY(-2px)}.mini-btn:active{transform:translateY(4px);box-shadow:inset 0 1px #ffffff24,0 1px #0c1424}.mini-icon{font-size:22px}.mini-label{font-size:11px;font-weight:900;letter-spacing:2px;margin-top:3px;color:var(--text-light)}.mini-best{font-size:9px;font-weight:800;letter-spacing:1.5px;color:var(--gold);margin-top:2px}.mini-btn.ta-btn{background:linear-gradient(180deg,#fb923c,#f97316,#c2410c);border-color:#7c2d12;box-shadow:inset 0 1px #ffdcb48c,inset 0 -2px #4314074d,0 5px #431407,0 9px 18px #f973168c}.mini-btn.ta-btn:active{box-shadow:inset 0 1px #ffdcb48c,0 1px #431407}.mini-btn.themes-btn{background:linear-gradient(180deg,#a78bfa,#8b5cf6,#6d28d9);border-color:#4c1d95;box-shadow:inset 0 1px #e6d7ff8c,inset 0 -2px #2e10654d,0 5px #2e1065,0 9px 18px #8b5cf68c}.mini-btn.themes-btn:active{box-shadow:inset 0 1px #e6d7ff8c,0 1px #2e1065}.themes-screen{padding:env(safe-area-inset-top,14px) 14px env(safe-area-inset-bottom,14px);align-items:stretch;justify-content:flex-start}.themes-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;pointer-events:auto}.themes-back{font-size:24px}.themes-title{flex:1;text-align:center;margin:0;font-size:26px;font-weight:900;letter-spacing:5px;color:var(--text-light);text-shadow:0 2px 0 rgba(0,0,0,.5)}.themes-coins-pill{display:flex;align-items:center;gap:5px;background:linear-gradient(180deg,var(--gold),#d97706);border:2px solid #92400e;border-radius:12px;padding:6px 12px;color:#3a1a00;font-weight:900;box-shadow:0 3px #78350f}.themes-coins-pill .coin-icon,.themes-coins-pill .coin-value{font-size:14px}.themes-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%;max-width:460px;margin:0 auto;overflow-y:auto;padding-bottom:24px;pointer-events:auto}.theme-card{background:var(--bg-card);border:2.5px solid var(--border-soft);border-radius:16px;padding:10px 10px 12px;display:flex;flex-direction:column;align-items:center;gap:8px;box-shadow:inset 0 1px #ffffff14,0 4px #0c1424}.theme-card.active{border-color:var(--accent);box-shadow:inset 0 1px #ffffff2e,0 4px #064e58,0 0 0 3px #06b6d473}.theme-preview{width:100%;height:78px;border-radius:10px;padding:8px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 12px #0006}.theme-preview-board{border-radius:6px;padding:6px;border:2px solid;display:grid;grid-template-columns:repeat(2,1fr);gap:3px}.theme-preview-tiles{display:grid;grid-template-columns:repeat(2,1fr);gap:3px}.theme-tile{width:18px;height:18px;border-radius:3px;border:1.5px solid;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:900}.theme-card-name{font-size:13px;font-weight:900;letter-spacing:2px;color:var(--text-light)}.theme-card-btn{width:100%;border:2px solid;border-radius:10px;padding:7px 10px;font-size:11px;font-weight:900;letter-spacing:1.5px;display:flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;box-shadow:inset 0 1px #fff6,inset 0 -2px #0000002e,0 3px #00000059;transition:transform .12s cubic-bezier(.34,1.56,.64,1),box-shadow .18s ease}.theme-card-btn:hover{transform:translateY(-1px)}.theme-card-btn:active{transform:translateY(3px);box-shadow:inset 0 1px #fff6,0 0 #00000059}.theme-card-btn.buy-btn{background:linear-gradient(180deg,#fde68a 0%,var(--gold) 50%,#d97706 100%);border-color:#92400e;color:#3a1a00}.theme-card-btn.buy-btn.disabled,.theme-card-btn.buy-btn:disabled{background:#475569;border-color:#1e293b;color:#fff6;opacity:.7;cursor:not-allowed;transform:none;box-shadow:inset 0 1px #ffffff0d,0 2px #00000040}.theme-card-btn.select-btn{background:linear-gradient(180deg,#67e8f9 0%,var(--accent-2) 50%,var(--accent) 100%);border-color:#064e58;color:#04222a}.theme-card-btn.active-btn{background:linear-gradient(180deg,#bbf7d0,#86efac,#16a34a);border-color:#14532d;color:#052e16;cursor:default;transform:none}.theme-card-btn.active-btn:hover,.theme-card-btn.active-btn:active{transform:none}.ta-chip{background:linear-gradient(180deg,#f97316,#c2410c);color:#fff;font-size:11px;font-weight:900;letter-spacing:2px;padding:4px 14px;border-radius:12px;border:2px solid #7c2d12;box-shadow:0 2px #431407,0 4px 12px #f9731680}.ta-time{font-size:28px;font-weight:900;color:var(--text-light);letter-spacing:1px;text-shadow:0 2px 0 rgba(0,0,0,.55);font-variant-numeric:tabular-nums}.ta-time.danger{color:#ef4444;text-shadow:0 2px 0 rgba(0,0,0,.55),0 0 14px rgba(239,68,68,.7);animation:pulse-warn .6s ease-in-out infinite alternate}@keyframes pulse-warn{0%{transform:scale(1)}to{transform:scale(1.08)}}.ta-unit{font-size:14px;color:var(--text-mid);margin-left:2px}.ta-score-pill{background:#1e2a45d9;border:2px solid var(--border-soft);border-radius:12px;padding:6px 12px;text-align:center;box-shadow:0 3px #00000080}.ta-score-label{font-size:8px;font-weight:800;letter-spacing:2px;color:var(--text-mid)}.ta-score-value{font-size:22px;font-weight:900;color:var(--accent-2);line-height:1}.ta-best{font-size:9px;font-weight:800;letter-spacing:1.5px;color:var(--gold);margin-top:2px}.word-chip-remaining{background:transparent;color:var(--text-mid);font-size:11px;font-weight:800;letter-spacing:1.5px;padding:5px 8px;font-style:italic}.ta-new-best{color:var(--gold);font-size:14px;font-weight:900;letter-spacing:2.5px;margin:0 0 14px;text-shadow:0 0 14px rgba(251,191,36,.7);animation:bob 1s infinite ease-in-out}.overlay button{pointer-events:auto}