*{padding:0;margin:0;box-sizing:border-box;font-family:Montserrat,sans-serif;font-optical-sizing:auto;font-style:normal}:root{--tile-empty:#1e293b;--tile-2:#334155;--tile-4:#475569;--tile-8:#1e3a5f;--tile-16:#1d4ed8;--tile-32:#1e40af;--tile-64:#312e81;--tile-128:#4338ca;--tile-256:#5b21b6;--tile-512:#6b21a8;--tile-1024:#86198f;--tile-2048:#9d174d;--tile-super:linear-gradient(135deg,#9d174d,#6b21a8,#312e81);--text-light:#f8fafc;--text-muted:#cbd5e1}body{overflow:hidden}.main{display:flex;top:0;left:0;width:100%;height:100svh;flex-direction:column;gap:10px;align-items:center;justify-content:center;background-color:#0f172a;color:var(--text-light)}.score-container{display:flex;gap:20px;justify-content:space-between}.score{font-size:18px}.game-grid{--tile-size:clamp(64px,21vw,100px);--tile-gap:clamp(6px,2.4vw,10px);display:grid;grid-template-columns:repeat(4,1fr);grid-gap:var(--tile-gap);gap:var(--tile-gap);padding:var(--tile-gap);background-color:#172033;border-radius:20px;position:relative;touch-action:none}.game-item,.grid-cell{font-size:50px;height:var(--tile-size);width:var(--tile-size);display:flex;align-items:center;justify-content:center;background-color:var(--tile-empty);color:var(--text-light);border-radius:10px;transition:all .2s ease-in-out;font-weight:600}.grid-cell{color:transparent;background-color:hsla(0,0%,100%,.35);box-shadow:inset 0 0 8px rgba(0,0,0,.12)}.tile-layer{position:absolute;inset:var(--tile-gap);pointer-events:none}.tile{position:absolute;top:0;left:0;height:var(--tile-size);width:var(--tile-size);z-index:1;transition:transform .23s cubic-bezier(.2,1.18,.32,1);will-change:transform}.tile,.tile-face{transform-origin:center center}.tile-face{height:100%;width:100%;box-shadow:0 1px 2px 0 rgba(60,64,67,.3),0 2px 6px 2px rgba(60,64,67,.15)}.tile-new .tile-face{animation:tile-pop .2s ease-out}.tile-removing{z-index:1}.tile-merged{z-index:2}.tile-merged .tile-face{animation:tile-merge .18s ease-out}@keyframes tile-pop{0%{opacity:0;scale:.6}to{opacity:1;scale:1}}@keyframes tile-merge{0%{scale:1}50%{scale:1.06}to{scale:1}}.two{background-color:var(--tile-2)}.four,.two{color:var(--text-light)}.four{background-color:var(--tile-4)}.eight{background-color:var(--tile-8)}.eight,.sixteen{color:var(--text-light)}.sixteen{background-color:var(--tile-16)}.thirty-two{background-color:var(--tile-32);color:var(--text-light)}.sixty-four{background-color:var(--tile-64);color:var(--text-light)}.one-twenty-eight{background-color:var(--tile-128);color:var(--text-light)}.two-fifty-six{background-color:var(--tile-256);color:var(--text-light)}.five-twelve{background-color:var(--tile-512);color:var(--text-light)}.ten-twenty-four{background-color:var(--tile-1024);color:var(--text-light)}.twenty-forty-eight{background-color:var(--tile-2048);color:var(--text-light);box-shadow:0 0 24px rgba(157,23,77,.55),inset 0 1px 0 hsla(0,0%,100%,.14)}.tile-super{background:var(--tile-super);color:var(--text-light);box-shadow:0 0 28px rgba(107,33,168,.6)}@media (max-width:480px){.game-grid{--tile-size:min(20vw,76px);--tile-gap:7px;border-radius:15px}.game-item{font-size:32px}}@media (max-width:360px){.game-grid{--tile-size:min(19vw,64px);--tile-gap:6px}.game-item{font-size:28px}}