*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--bg0:#1b1030;--bg1:#2a1a3a;--card:hsla(0,0%,100%,.06);--line:hsla(0,0%,100%,.12);--txt:#f4ecff;--muted:#b9a9d6;--accent:#ffd56b}body,html{height:100%}body{background:radial-gradient(120% 80% at 50% -10%,#3a2156 0,var(--bg1) 45%,var(--bg0) 100%);color:var(--txt);font-family:ui-rounded,SF Pro Rounded,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior:none;touch-action:manipulation}.app{max-width:480px;margin:0 auto;padding:16px 14px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px;min-height:100dvh}.title{text-align:center}.title h1{font-size:30px;letter-spacing:-.5px}.title h1 span{color:var(--accent)}.title p{color:var(--muted);font-size:13px;margin-top:2px}.menu{display:flex;flex-direction:column;gap:18px;padding-top:24px}.mode-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.mode-card{display:flex;flex-direction:column;gap:4px;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:16px 14px;color:var(--txt);font-family:inherit;cursor:pointer;transition:transform .08s,border-color .15s}.mode-card:active{transform:scale(.97)}.mode-card:hover{border-color:var(--accent)}.mode-icon{font-size:28px}.mode-card-name{font-size:18px;font-weight:800}.mode-card-blurb{font-size:12px;color:var(--muted);line-height:1.3}.hud{display:flex;flex-direction:column;gap:10px}.hud-top{display:flex;align-items:center;justify-content:space-between}.mode-name{font-weight:800;font-size:16px}.icon-btn{width:38px;height:38px;border-radius:12px;background:var(--card);border:1px solid var(--line);color:var(--txt);font-size:18px;font-weight:800;cursor:pointer}.icon-btn:active{transform:scale(.94)}.stat-warn .stat-value{color:#ff6b6b}.level-bar{height:8px;border-radius:999px;background:var(--card);border:1px solid var(--line);overflow:hidden}.level-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#7bdff2,#ff9f43);transition:width .35s ease}.stats{display:flex;gap:8px}.stat{flex:1 1;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:8px 10px;text-align:center}.stat-big{flex:1.6 1}.stat-value{font-size:20px;font-weight:800}.stat-big .stat-value{font-size:26px;color:var(--accent)}.stat-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.5px}.toast-slot{height:34px;display:flex;justify-content:center;align-items:center}.toast{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(90deg,#ff9f43,#ff6b9d);color:#fff;padding:6px 14px;border-radius:999px;font-weight:800;box-shadow:0 6px 20px rgba(255,107,157,.4);animation:pop .28s ease}.toast-word{letter-spacing:1px}.toast-pts{background:hsla(0,0%,100%,.25);border-radius:999px;padding:2px 8px;font-size:13px}.toast-chain{font-size:11px;letter-spacing:1px}@keyframes pop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08)}to{transform:scale(1);opacity:1}}.found-bar{display:flex;gap:6px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding:2px 2px 4px;min-height:30px;align-items:center;scrollbar-width:none;-webkit-overflow-scrolling:touch;-webkit-mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 14px),transparent);mask-image:linear-gradient(90deg,transparent,#000 14px,#000 calc(100% - 14px),transparent)}.found-bar::-webkit-scrollbar{display:none}.found-bar .chip{flex:0 0 auto}.found-empty{font-size:12px;color:var(--muted);opacity:.6;padding-left:12px}.found{display:flex;flex-wrap:wrap;gap:6px;min-height:24px;justify-content:center}.chip{font-size:12px;background:var(--card);border:1px solid var(--line);padding:3px 9px;border-radius:999px;color:var(--muted)}.chip b{color:var(--accent)}.board-wrap{display:flex;justify-content:center;margin-top:2px}.board-canvas{touch-action:none;border-radius:18px;background:rgba(0,0,0,.18);box-shadow:inset 0 0 0 1px var(--line),0 16px 40px rgba(0,0,0,.35)}.controls{display:flex;gap:10px;justify-content:center;align-items:center}.controls button{display:inline-flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--line);color:var(--txt);font-family:inherit;font-weight:700;font-size:14px;padding:9px 16px;border-radius:12px;cursor:pointer}.controls button:active:not(:disabled){transform:scale(.96)}.shuffle-btn:disabled{opacity:.4;cursor:default}.shuffle-count{min-width:22px;height:22px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--accent);color:#2a1a3a;font-size:13px;font-weight:800}.shuffle-btn:disabled .shuffle-count{background:var(--muted)}.shuffle-hint{font-size:12px;color:var(--muted)}.overlay{position:fixed;inset:0;background:rgba(15,8,30,.72);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:10;animation:fade .2s ease}@keyframes fade{0%{opacity:0}}.result-card{background:linear-gradient(180deg,#2f1d4a,#221538);border:1px solid var(--line);border-radius:22px;padding:28px 30px;text-align:center;width:min(86vw,340px);box-shadow:0 24px 60px rgba(0,0,0,.5);animation:pop .28s ease}.result-title{font-size:20px;font-weight:800}.result-score{font-size:52px;font-weight:900;color:var(--accent);margin-top:8px}.result-sub{color:var(--muted);font-size:13px;margin-bottom:20px}.result-actions{display:flex;gap:10px;justify-content:center}.result-actions button{flex:1 1;background:var(--card);border:1px solid var(--line);color:var(--txt);font-family:inherit;font-weight:800;font-size:15px;padding:12px;border-radius:14px;cursor:pointer}.result-actions .primary{background:linear-gradient(90deg,#ff9f43,#ff6b9d);border:none;color:#fff}.result-actions button:active{transform:scale(.96)}