:root{--bg: #faf8ef;--text: #776e65;--muted: #a89c8f;--board: #bbada0;--cell: rgba(238, 228, 218, .35);--tan: #8f7a66;--tan-d: #7c6957;--gold: #edc22e;--panel: #ffffff;--line: #e9e1d4;font-family:gg sans,Clear Sans,Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}#root{min-height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden}.screen,.app{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:16px 12px}.panel,.card{width:100%;max-width:360px;margin:auto;background:var(--panel);border:1px solid var(--line);border-radius:20px;padding:28px 22px;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center;box-shadow:0 16px 40px #7864502e;animation:rise .4s ease both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.ttLogo{display:block;filter:drop-shadow(0 8px 16px rgba(120,100,80,.25))}.gameTitle{font-size:46px;font-weight:900;letter-spacing:2px;margin:6px 0 12px;color:var(--text)}.neonTitle{font-size:40px;font-weight:900;letter-spacing:4px;margin:6px 0 12px;color:var(--text)}.neonTitle--sm{font-size:30px;letter-spacing:3px}.subtitle{margin:0 0 8px;color:var(--muted);font-size:12px;letter-spacing:2px;text-transform:uppercase}.footer{margin:14px 0 0;color:#c3b8a8;font-size:11px;letter-spacing:3px}.hint{color:var(--muted);font-size:12px;text-align:center;margin-top:12px;max-width:90vw}.playBtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;border:none;border-radius:12px;padding:14px 24px;font-family:inherit;font-size:18px;font-weight:800;letter-spacing:1px;color:#f9f6f2;cursor:pointer;background:var(--tan);box-shadow:0 5px 0 var(--tan-d),0 8px 14px #78645040;transition:filter .12s,transform .05s,box-shadow .05s}.playBtn:hover{filter:brightness(1.05)}.playBtn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--tan-d)}.menuBtn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #d8cdbd;background:#f6f2e7;color:var(--text);border-radius:12px;padding:13px 22px;font-family:inherit;font-weight:800;letter-spacing:1px;cursor:pointer}.menuBtn:hover{background:#efe8d8}.menuBtn--sm{padding:9px 16px;font-size:13px;border-radius:10px}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;font-size:13px;font-weight:600;border:1px solid var(--line);background:#f7f3ea}.pillDot{width:8px;height:8px;border-radius:50%;background:currentColor}.pill--ok{color:#6ba53f}.pill--wait{color:#d0a63c}.pill--dev{color:var(--tan)}.pill--err{color:#d64020}.pill--wait .pillDot{animation:blink 1s ease-in-out infinite}@keyframes blink{50%{opacity:.25}}.infoBox{margin-top:12px;padding:12px;background:#f7f3ea;border:1px solid var(--line);border-radius:10px;font-size:13px;display:flex;flex-direction:column;gap:6px;text-align:left}.errCode{font-family:ui-monospace,monospace;font-size:11px;color:#d64020;word-break:break-word}.devTitle{color:var(--tan);font-weight:700}.devText{color:#8a7d6d;line-height:1.5}.playWrap{--boardw: min(92vw, 56vh, 460px);display:flex;flex-direction:column;align-items:center;gap:12px}.hud{width:var(--boardw);display:flex;justify-content:space-between;align-items:center;gap:10px}.brandMini{font-size:34px;font-weight:900;letter-spacing:1px;color:#fff;background:var(--gold);border-radius:10px;padding:6px 14px;box-shadow:0 4px #d4a920}.scores{display:flex;gap:8px}.scoreBox{display:flex;flex-direction:column;align-items:center;min-width:74px;background:var(--board);border-radius:8px;padding:6px 12px;color:#fff}.scoreLabel{font-size:10px;font-weight:800;letter-spacing:1px;color:#eee4da}.scoreNum{font-size:22px;font-weight:900;font-variant-numeric:tabular-nums}.boardWrap{position:relative}.g2048board{--pad: 2.5%;--gap: 2.5%;--cellsize: calc((100% - 2 * var(--pad) - 3 * var(--gap)) / 4);--step: calc(var(--cellsize) + var(--gap));position:relative;width:var(--boardw);aspect-ratio:1;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:var(--gap);padding:var(--pad);background:var(--board);border-radius:10px;box-shadow:0 12px 30px #7864504d}.gcell{background:var(--cell);border-radius:8px}.tileLayer{position:absolute;top:0;right:0;bottom:0;left:0}.tile{position:absolute;width:var(--cellsize);height:var(--cellsize);left:calc(var(--pad) + var(--c) * var(--step));top:calc(var(--pad) + var(--r) * var(--step));display:flex;align-items:center;justify-content:center;border-radius:8px;font-weight:800;line-height:1;transition:left .11s ease,top .11s ease}.tile span{font-size:clamp(20px,7.6vmin,46px)}.d3 span{font-size:clamp(16px,6.2vmin,38px)}.d4 span{font-size:clamp(13px,5vmin,30px)}.tile-super span{font-size:clamp(11px,4.2vmin,26px)}.tile-2{background:#eee4da;color:#776e65}.tile-4{background:#ede0c8;color:#776e65}.tile-8{background:#f2b179;color:#f9f6f2}.tile-16{background:#f59563;color:#f9f6f2}.tile-32{background:#f67c5f;color:#f9f6f2}.tile-64{background:#f65e3b;color:#f9f6f2}.tile-128{background:#edcf72;color:#f9f6f2;box-shadow:0 0 18px #edc85059}.tile-256{background:#edcc61;color:#f9f6f2;box-shadow:0 0 20px #edc85073}.tile-512{background:#edc850;color:#f9f6f2;box-shadow:0 0 22px #edc8508c}.tile-1024{background:#edc53f;color:#f9f6f2;box-shadow:0 0 24px #edc85099}.tile-2048{background:var(--gold);color:#f9f6f2;box-shadow:0 0 28px #edc22ebf}.tile-super{background:#3c3a32;color:#f9f6f2}.tile--new{animation:tileAppear .15s ease}@keyframes tileAppear{0%{transform:scale(0);opacity:0}}.tile--merged{animation:tileBump .16s ease;z-index:2}@keyframes tileBump{50%{transform:scale(1.18)}}.boardOverlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#eee4dac7;border-radius:10px;animation:fadeIn .2s ease}.boardOverlay--win{background:#edc22e8c}@keyframes fadeIn{0%{opacity:0}}.overCard{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px}.ovText{font-size:30px;font-weight:900;letter-spacing:1px;color:var(--text)}.ovText--win{color:#7c5c00}.finalScore{font-size:46px;font-weight:900;color:var(--tan);font-variant-numeric:tabular-nums}.finalSub{color:#8a7d6d;font-size:13px}.overBtns{display:flex;gap:10px;margin-top:8px}.overBtns .playBtn{width:auto;padding:12px 20px;font-size:15px}.controlsRow{display:flex;gap:10px}.lb{width:100%;display:flex;flex-direction:column;gap:3px;background:#f7f3ea;border:1px solid var(--line);border-radius:12px;padding:10px;margin-top:6px}.lb--loading,.lbEmpty{color:var(--muted);font-size:12px;text-align:center}.lbTitle{font-size:12px;letter-spacing:2px;color:#c69a2a;font-weight:800;text-align:center;margin-bottom:4px}.lbRow{display:flex;align-items:center;gap:8px;padding:3px 6px;border-radius:6px;font-size:13px}.lbRow--me{background:#edc22e2e}.lbRank{width:18px;color:#c69a2a;font-weight:800;text-align:center}.lbName{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.lbScore{color:var(--tan);font-weight:800;font-variant-numeric:tabular-nums}