:root{--bg:#0f1115;--panel:#171a21;--board-bg:#1d212b;--cell:#262b37;--text:#e8eaed;--muted:#9aa0ab;--accent:#f2b01e;--accent-ink:#1a1205;--radius:10px;--gap:10px}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.app{max-width:920px;margin:0 auto;padding:24px 20px 60px}.app-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.brand{flex-direction:column;flex-shrink:0;gap:2px;display:flex}.brand .logo{width:auto;max-width:100%;height:40px;display:block}.brand .tag{color:var(--muted);margin-left:2px;font-size:13px}.auth{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.handle-input{background:var(--panel);color:var(--text);border-radius:var(--radius);border:1px solid #2b3140;min-width:190px;padding:9px 12px;font-size:14px}.handle-input:focus{outline:2px solid var(--accent);border-color:#0000}.who{font-weight:600}.auth-error,.muted{color:var(--muted);font-size:13px}.auth-error{color:#ff8a8a;flex-basis:100%}.btn{background:var(--panel);color:var(--text);border-radius:var(--radius);cursor:pointer;border:1px solid #2b3140;padding:9px 14px;font-size:14px;font-weight:600}.btn:hover{border-color:#3a4252}.btn:disabled,.handle-input:disabled{opacity:.6;cursor:default}.btn.primary{background:var(--accent);color:var(--accent-ink);border-color:#0000}.btn.ghost{background:0 0}.layout{grid-template-columns:minmax(0,1fr) 320px;align-items:start;gap:28px;display:grid}@media (width<=760px){.layout{grid-template-columns:1fr}}.scorebar{align-items:center;gap:12px;margin-bottom:14px;display:flex}.stat{background:var(--panel);border-radius:var(--radius);flex-direction:column;min-width:84px;padding:8px 14px;display:flex}.stat .label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:11px}.stat .value{font-variant-numeric:tabular-nums;font-size:22px;font-weight:700}.scorebar .btn{margin-left:auto}.board-wrap{position:relative}.board{gap:var(--gap);background:var(--board-bg);padding:var(--gap);aspect-ratio:1;touch-action:none;border-radius:14px;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);display:grid}.tile{background:var(--cell);color:var(--text);font-variant-numeric:tabular-nums;border-radius:8px;justify-content:center;align-items:center;font-size:clamp(20px,6vw,36px);font-weight:800;transition:background 90ms;display:flex}.t-empty{background:var(--cell)}.t2{background:#3b4150}.t4{background:#46506b}.t8{color:#1a1205;background:#d9a441}.t16{color:#1a1205;background:#e09238}.t32{color:#fff;background:#e5733a}.t64{color:#fff;background:#e85a3a}.t128{color:#1a1205;background:#edc850;font-size:clamp(18px,5vw,30px)}.t256{color:#1a1205;background:#edc23c;font-size:clamp(18px,5vw,30px)}.t512{color:#1a1205;background:#edbb2e;font-size:clamp(18px,5vw,30px)}.t1024{color:#1a1205;background:#f0b41c;font-size:clamp(16px,4.2vw,26px)}.t2048{background:var(--accent);color:#1a1205;font-size:clamp(16px,4.2vw,26px)}.t-super{color:var(--accent);background:#12131a;font-size:clamp(15px,3.8vw,24px)}.hint{color:var(--muted);text-align:center;margin-top:14px;font-size:13px}.overlay{text-align:center;background:#0f1115db;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex;position:absolute;inset:0}.over-title{margin:0;font-size:28px;font-weight:800}.over-sub{color:var(--muted);margin:0}.submit-note{color:var(--accent);margin:4px 0 8px;font-size:14px}.submit-note.err{color:#ff8a8a}.leaderboard{background:var(--panel);border-radius:14px;padding:16px 16px 8px}.lb-head{justify-content:space-between;align-items:center;margin-bottom:10px;display:flex}.lb-head h2{align-items:center;gap:7px;margin:0;font-size:18px;display:flex}.lb-list-wrap{position:relative}.lb-overlay{pointer-events:none;z-index:1;background:#171a218c;border-radius:8px;animation:1.1s ease-in-out infinite lb-pulse;position:absolute;inset:0}@keyframes lb-pulse{0%,to{opacity:.3}50%{opacity:.8}}.lb-sort{gap:4px;display:flex}.lb-sort button{color:var(--muted);cursor:pointer;background:0 0;border:1px solid #2b3140;border-radius:7px;padding:4px 8px;font-size:12px}.lb-sort button.active{color:var(--accent-ink);background:var(--accent);border-color:#0000}.lb-list{margin:0;padding:0;list-style:none}.lb-list li{border-top:1px solid #232834;grid-template-columns:28px 1fr auto auto;align-items:center;gap:10px;padding:9px 6px;font-size:14px;display:grid}.lb-list li.me{background:#f2b01e1a;border-radius:8px}.lb-rank{color:var(--muted);font-variant-numeric:tabular-nums;text-align:center}.lb-handle{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.lb-score{font-variant-numeric:tabular-nums;font-weight:700}.lb-tile{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;min-width:44px}.lb-empty,.lb-error{color:var(--muted);padding:8px 6px;font-size:14px}.lb-error{color:#ff8a8a}