.game-shell{flex:1;display:flex;align-items:center;justify-content:center;padding:clamp(14px,3vh,28px) 16px;touch-action:none;overscroll-behavior:none}.game-inner{width:min(92vw,440px);display:flex;flex-direction:column;gap:clamp(12px,2.4vh,18px)}.game-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.title-col{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.back{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px;font-weight:500;padding:7px 13px;border:1px solid var(--glass-border);border-radius:999px;background:var(--glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:color .15s,background .15s,border-color .15s}.back:hover{color:var(--text);background:var(--glass-hover);border-color:#6c5ce799}.g2048-title{font-size:clamp(30px,9vw,44px);font-weight:900;letter-spacing:-.02em;line-height:1;background:linear-gradient(to right,var(--secondary),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent}.scores{display:flex;gap:10px}.score-box{background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:12px;padding:7px 14px;text-align:center;min-width:72px}.score-label{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.score-val{font-size:19px;font-weight:700}.controls{display:flex;align-items:center;justify-content:space-between;gap:12px}.hint{color:var(--muted);font-size:13px;font-weight:300}.board-wrap{position:relative;width:min(100%,56vh);aspect-ratio:1 / 1;margin:0 auto;touch-action:none}.board{width:100%;height:100%;--gap: clamp(8px, 2.4%, 12px);display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:var(--gap);background:var(--glass);border:1px solid var(--glass-border);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--radius);padding:var(--gap);touch-action:none;user-select:none;-webkit-user-select:none}.cell{border-radius:10px;background:#ffffff0a;display:grid;place-items:center;font-weight:800;font-size:clamp(18px,6.5vmin,34px);color:#fff;transition:background .12s ease}.cell[data-v="0"]{color:transparent}.cell[data-v="2"]{background:#ffffff12}.cell[data-v="4"]{background:#ffffff1f}.cell[data-v="8"]{background:#4a4a86}.cell[data-v="16"]{background:#5a4fb0}.cell[data-v="32"]{background:#6c5ce7}.cell[data-v="64"]{background:#8579ec}.cell[data-v="128"]{background:#a29bfe;color:#1a1340;font-size:clamp(16px,5.5vmin,30px)}.cell[data-v="256"]{background:#6bd6d6;color:#07333a;font-size:clamp(16px,5.5vmin,30px)}.cell[data-v="512"]{background:#2ec9cb;color:#07333a;font-size:clamp(16px,5.5vmin,30px)}.cell[data-v="1024"]{background:#00cec9;color:#07333a;font-size:clamp(13px,4.6vmin,26px)}.cell[data-v="2048"]{background:linear-gradient(135deg,var(--primary),var(--accent));color:#fff;box-shadow:0 0 28px #00cec98c;font-size:clamp(13px,4.6vmin,26px)}.cell[data-v="4096"]{background:#5ee0dc;color:#07333a;font-size:clamp(13px,4.6vmin,26px)}.cell.pop{animation:pop .14s ease}@keyframes pop{0%{transform:scale(.6)}to{transform:scale(1)}}.overlay{position:absolute;inset:0;display:none;place-items:center;background:#0f0c29b8;border-radius:var(--radius);text-align:center;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.overlay.show{display:grid}.overlay-inner{display:flex;flex-direction:column;gap:14px;align-items:center;padding:16px}.overlay-msg{font-size:28px;font-weight:800}.ov-score{font-size:24px;font-weight:800;color:var(--accent)}.ov-submit{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.ov-name{background:var(--glass);border:1px solid var(--glass-border);border-radius:10px;padding:9px 12px;color:var(--text);font:inherit;font-size:14px;width:150px}.ov-rank{color:var(--secondary);font-weight:700;font-size:15px}.ov-rank:empty{display:none}.ov-actions{display:flex;gap:10px}.ctrl-btns{display:flex;gap:8px}