.game-container{max-width:560px}.score-row{display:flex;justify-content:center;gap:16px;margin:20px 0;flex-wrap:wrap}.score-box{background:linear-gradient(135deg,#635bff0f,#8b5cf60a);border:1px solid rgba(99,91,255,.15);border-radius:12px;padding:14px 28px;color:#425466;font-size:.95rem;box-shadow:0 2px 8px #0a25400a;transition:all .2s ease}.score-box:hover{border-color:#635bff4d;box-shadow:0 4px 16px #635bff1a;transform:translateY(-2px)}.score-box b{color:var(--indigo);font-size:1.4rem;font-weight:700;font-variant-numeric:tabular-nums}.board{position:relative;overflow:hidden;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;width:100%;max-width:460px;margin:0 auto;padding:16px;background:linear-gradient(145deg,#f8fafc,#f1f5f9);border:2px solid rgba(99,91,255,.2);border-radius:24px;container-type:inline-size;box-shadow:0 4px 16px #0a25400f,0 12px 40px #635bff14,inset 0 1px #fffc}.cell{aspect-ratio:1/1;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:34px;font-size:clamp(22px,14cqi,44px);font-weight:800;background:#fff;color:#8898aa;border:1px solid rgba(99,91,255,.08);transition:all .15s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0a25400a}.cell.v2{background:linear-gradient(145deg,#f8fafc,#f1f5f9);color:#425466;border-color:#635bff1f}.cell.v4{background:linear-gradient(145deg,#635bff1f,#635bff14);color:#0a2540;border-color:#635bff33}.cell.v8{background:linear-gradient(145deg,#635bff38,#635bff2e);color:#0a2540;border-color:#635bff4d;box-shadow:0 4px 12px #635bff1f}.cell.v16{background:linear-gradient(145deg,#635bff73,#635bff59);color:#fff;border-color:#635bff66;box-shadow:0 4px 16px #635bff2e}.cell.v32{background:linear-gradient(145deg,#635bffa6,#635bff8c);color:#fff;border-color:#635bff80;box-shadow:0 6px 20px #635bff40}.cell.v64{background:linear-gradient(145deg,#635bff,#5b51e6);color:#fff;border-color:#fff3;box-shadow:0 6px 24px #635bff59}.cell.v128{background:linear-gradient(145deg,#635bff,#4f46e5);color:#fff;border-color:#ffffff40;box-shadow:0 8px 28px #635bff66;font-size:26px;font-size:clamp(18px,11cqi,30px)}.cell.v256{background:linear-gradient(145deg,#4f46e5,#3b82f6);color:#fff;border-color:#ffffff4d;box-shadow:0 8px 32px #4f46e573;font-size:26px;font-size:clamp(18px,11cqi,30px)}.cell.v512{background:linear-gradient(145deg,#3b82f6,#2563eb);color:#fff;border-color:#ffffff59;box-shadow:0 10px 36px #3b82f680;font-size:26px;font-size:clamp(18px,11cqi,30px)}.cell.v1024{background:linear-gradient(145deg,#2563eb,#1d4ed8);color:#fff;border-color:#fff6;box-shadow:0 12px 40px #2563eb8c;font-size:22px;font-size:clamp(15px,9cqi,24px)}.cell.v2048{background:linear-gradient(145deg,#1d4ed8,#1e40af);color:#fff;border-color:#ffffff73;box-shadow:0 0 24px #635bff66,0 12px 44px #1d4ed899;font-size:22px;font-size:clamp(15px,9cqi,24px);animation:glow-pulse 2s ease-in-out infinite}@keyframes glow-pulse{0%,to{box-shadow:0 0 24px #635bff66,0 12px 44px #1d4ed899}50%{box-shadow:0 0 32px #635bff99,0 16px 52px #1d4ed8b3}}.cell.pop{transform:scale(1.08);transition:transform .1s cubic-bezier(.4,0,.2,1)}.controls{margin-top:28px}.btn{background:linear-gradient(180deg,#635bff,#4f46e5);color:#fff;border:none;border-radius:12px;padding:12px 28px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px #635bff4d;transition:all .2s ease}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #635bff66}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:2px solid rgba(99,91,255,.5);outline-offset:2px}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#fafafcf2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:24px;z-index:10;opacity:0;pointer-events:none;transition:opacity .3s cubic-bezier(.4,0,.2,1)}.overlay.show{opacity:1;pointer-events:auto}.overlay h2{color:#0a2540;font-size:2rem;font-weight:700;margin-bottom:12px;background:linear-gradient(135deg,#635bff,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.overlay p{color:#425466;font-size:1.1rem;margin-bottom:20px}.overlay .btn{background:linear-gradient(135deg,#635bff,#4f46e5);color:#fff;border:none;padding:14px 32px;box-shadow:0 4px 16px #635bff4d}.overlay .btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #635bff66}@media(max-width:480px){.board{gap:8px;padding:10px}}@media(prefers-reduced-motion:reduce){.cell,.btn{transition:none}.cell.v2048{animation:none}}