:root{--bg: #0d0d1a;--panel: #15142a;--border: #262640;--text: #ffffff;--dim: #8a88a6;--accent: #6c63ff;--accent-2: #00e5ff;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;overscroll-behavior:none}#app{height:100svh;height:100dvh}.game-root{position:relative;height:100%;display:flex;flex-direction:column;max-width:520px;margin:0 auto;overflow:hidden}.hud{display:flex;align-items:flex-end;justify-content:space-between;padding:calc(10px + var(--safe-top)) 18px 8px;gap:8px;min-height:64px}.hud-left{display:flex;flex-direction:column}.hud-score{font-size:30px;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.hud-pb{font-size:12px;font-weight:600;color:#00ff9d;min-height:14px}.hud-combo{font-size:22px;font-weight:700;color:var(--accent)}.hud-right{display:flex;align-items:center;gap:12px}.hud-streak{font-size:14px;font-weight:700;color:#f90}.icon-btn{width:34px;height:34px;border:none;background:transparent;display:flex;align-items:center;justify-content:center;gap:4px;cursor:pointer}.icon-btn span{width:4px;height:16px;border-radius:1px;background:var(--dim)}.board{flex:1;width:100%;display:block;touch-action:none;background:var(--bg)}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:24px;background:#0d0d1aeb;text-align:center}.landing-title{font-size:44px;font-weight:800;letter-spacing:1px;margin:0}.landing-tag{margin:-6px 0 2px;color:var(--dim);font-size:16px}.landing-theme{color:var(--accent-2);font-size:13px;font-weight:600;min-height:16px}.landing-hint{color:var(--dim);font-size:13px;max-width:280px;margin:4px 0 0}.landing-legal{color:var(--dim);font-size:12px;text-decoration:none;margin-top:18px;opacity:.7}.landing-legal:hover{opacity:1}.overlay-title{font-size:26px;font-weight:700;letter-spacing:1px;margin:0}.btn{border:none;border-radius:12px;padding:14px 34px;font-size:16px;font-weight:700;letter-spacing:1px;cursor:pointer;font-family:inherit}.btn-primary{background:var(--accent);color:#fff}.btn-ghost{background:transparent;color:var(--dim);padding:8px 20px;font-size:13px}.btn:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}.go-inner{display:flex;flex-direction:column;align-items:center;gap:14px;width:100%;max-width:320px}.go-stats{width:100%;display:flex;flex-direction:column;gap:6px}.go-row{display:flex;justify-content:space-between;padding:8px 12px;background:var(--panel);border-radius:8px;font-size:14px}.go-k{color:var(--dim)}.go-v{font-weight:700;font-variant-numeric:tabular-nums}.share-note{font-size:12px;color:var(--accent-2);min-height:14px}.modal-backdrop{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;padding:24px}.modal{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:20px;width:100%;max-width:360px;display:flex;flex-direction:column;gap:12px}.modal-title{margin:0;font-size:18px}.modal-empty{color:var(--dim);font-size:14px;margin:0}.lb-list{display:flex;flex-direction:column;gap:4px;max-height:46vh;overflow-y:auto}.lb-row{display:grid;grid-template-columns:44px 1fr auto;gap:8px;padding:7px 8px;border-radius:6px;background:#ffffff08;font-size:13px;font-variant-numeric:tabular-nums}.lb-rank{color:var(--dim)}.lb-score{font-weight:700}.lb-chains{color:var(--dim)}.lb-me{font-size:13px;color:var(--accent-2);margin:0;text-align:center}[hidden]{display:none!important}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}