:root{--ink: #22242c;--paper: #f6f4ee;--accent: #e8843c;--accent2: #57c979;--danger: #ff5d5d;--panel: #2d3340;--font: "Segoe UI", system-ui, -apple-system, sans-serif}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;overflow:hidden;background:#14161d;font-family:var(--font);overscroll-behavior:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}#stage{position:relative;height:100%;display:flex;align-items:center;justify-content:center}#game{touch-action:none;border-radius:6px}.hidden{display:none!important}#hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}#watchtag{position:absolute;top:12px;left:50%;transform:translate(-50%);background:var(--danger);color:#fff;padding:6px 14px;border-radius:999px;font-size:14px;border:2px solid var(--ink);box-shadow:0 3px #0006;pointer-events:auto;cursor:pointer;white-space:nowrap}#live{position:absolute;right:10px;top:10px;display:flex;flex-direction:column;gap:6px;pointer-events:auto;max-width:46%}.livechip{display:flex;align-items:center;gap:7px;background:#22242ce6;color:#fff;border:2px solid #4a5164;border-radius:10px;padding:5px 9px;font-size:13px;cursor:pointer;box-shadow:0 3px #0006}.livechip:hover{border-color:var(--accent)}.livechip .dot{width:8px;height:8px;border-radius:50%;background:var(--accent2);flex:none;animation:pulse 1.2s infinite}.livechip .sc{margin-left:auto;color:var(--accent);font-weight:700}.livechip .nm{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@keyframes pulse{50%{opacity:.3}}#sheet{position:absolute;left:50%;bottom:0;transform:translate(-50%);width:min(94vw,420px);max-height:88%;overflow-y:auto;background:var(--panel);color:var(--paper);border:3px solid var(--ink);border-bottom:none;border-radius:18px 18px 0 0;box-shadow:0 -6px 24px #00000080;padding:18px 16px 22px}#sheet h1{font-family:Impact,"Arial Black",var(--font);font-size:34px;text-align:center;letter-spacing:1px;transform:skew(-7deg);background:linear-gradient(180deg,#fff3c4,#ffc21f 42%,#ff6a12 72%,#e01e0f);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;filter:drop-shadow(0 2px 0 #241109) drop-shadow(0 0 7px rgba(224,30,15,.35))}#sheet h2{font-size:18px;color:var(--accent);margin:12px 0 6px}#sheet .sub{text-align:center;opacity:.85;font-size:14px;margin-top:2px}.btnrow{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}button.btn{flex:1 1 40%;font-family:var(--font);font-weight:600;font-size:16px;padding:11px 10px;background:var(--accent);color:#fff;border:3px solid var(--ink);border-radius:12px;box-shadow:0 4px 0 var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none}button.btn:active{transform:translateY(3px);box-shadow:0 1px 0 var(--ink)}button.btn.green{background:var(--accent2);color:var(--ink)}button.btn.dim{background:#5b6274;color:#fff}button.btn.wide{flex-basis:100%}.modes{display:flex;gap:8px;margin-top:10px}.modebtn{flex:1;text-align:center;background:#232833;border:3px solid #4a5164;border-radius:12px;padding:10px 4px;cursor:pointer;color:var(--paper)}.modebtn .nm{font-weight:700;font-size:15px}.modebtn .bs{font-size:12px;opacity:.75;margin-top:2px}.modebtn.active{border-color:var(--accent2);background:#263127}.card{margin:12px auto 0;background:#232833;border:3px solid #4a5164;border-radius:14px;padding:12px;display:flex;align-items:center;gap:14px}.card .medal{width:58px;height:58px;flex:none;display:flex;align-items:center;justify-content:center;font-size:38px}.card .nums{flex:1}.card .row{display:flex;justify-content:space-between;font-size:15px;padding:2px 0}.card .row b{color:var(--accent);font-size:20px}.newbest{color:var(--accent2);text-align:center;margin-top:8px;font-size:16px;font-weight:700;animation:pulse 1s infinite}.board{margin-top:8px}.brow{display:flex;gap:8px;padding:6px 8px;border-radius:8px;font-size:15px;align-items:center}.brow:nth-child(odd){background:#ffffff0d}.brow .rk{width:26px;color:var(--accent);font-weight:700}.brow .nm{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.brow .sc{font-weight:700}.brow.me{outline:2px solid var(--accent)}.skins{display:flex;gap:8px;margin-top:8px;flex-wrap:wrap}.skin{width:76px;text-align:center;background:#232833;border:3px solid #4a5164;border-radius:12px;padding:8px 4px;cursor:pointer;font-size:12px;color:var(--paper)}.skin.active{border-color:var(--accent2)}.skin.locked{opacity:.45;cursor:default}.skin canvas{width:44px;height:44px}#toasts{position:absolute;bottom:100px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center;pointer-events:none}.toast{background:var(--ink);color:var(--paper);border:2px solid var(--accent);border-radius:10px;padding:8px 14px;font-size:14px;animation:rise 2.6s forwards}@keyframes rise{0%{opacity:0;transform:translateY(8px)}10%,80%{opacity:1;transform:none}to{opacity:0}}