.game-container{flex-direction:column;gap:2rem;width:100%;max-width:500px;margin:0 auto;display:flex}.game-header{flex-direction:column;align-items:flex-end;display:flex}.game-stats{justify-content:space-between;gap:1.5rem;width:100%;display:flex}.stat-box{background:var(--bg-card);border-radius:var(--radius-md);border:1px solid var(--border-color);box-shadow:0 0 20px #a855f70d, var(--shadow-sm);flex-direction:column;flex-grow:1;align-items:center;padding:1rem 2rem;display:flex;position:relative}.score-addition{color:var(--accent-cyan);opacity:0;pointer-events:none;font-size:2rem;font-weight:700;position:absolute;bottom:-1rem;right:2rem}@keyframes score-anim{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}.score-anim-active{animation:.6s ease-in score-anim}.stat-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:1.2rem;font-weight:600}.stat-value{font-size:2.8rem;font-family:var(--font-display);color:var(--text-primary);font-weight:700}.game-board-wrapper{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);touch-action:none;box-shadow:0 0 30px #22d3ee0d, var(--shadow-md);padding:12px;position:relative}.game-board{aspect-ratio:1;grid-template-columns:repeat(4,1fr);gap:12px;width:100%;display:grid;position:relative}.grid-cell{background:var(--bg-input);border-radius:8px;box-shadow:inset 0 2px 5px #0003}.tile-container{z-index:2;position:absolute;inset:0}.tile{font-family:var(--font-display);border-radius:8px;justify-content:center;align-items:center;width:calc(25% - 9px);height:calc(25% - 9px);font-weight:800;transition:transform .12s ease-in-out;display:flex;position:absolute;top:0;left:0}.tile-inner{border-radius:8px;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s cubic-bezier(.175,.885,.32,1.275) appear;display:flex;box-shadow:inset 0 1px 1px #fff3,0 4px 10px #0000004d}@keyframes appear{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.tile-merged .tile-inner{animation:.2s cubic-bezier(.175,.885,.32,1.275) pop}.tile-2 .tile-inner{color:#a1a1aa;background:#2a2f3a;font-size:3.5rem}.tile-4 .tile-inner{color:#f4f4f5;background:#374151;font-size:3.5rem}.tile-8 .tile-inner{color:#fff;background:linear-gradient(135deg,#1e3a8a,#3b82f6);font-size:3.5rem}.tile-16 .tile-inner{color:#fff;background:linear-gradient(135deg,#312e81,#6366f1);font-size:3rem}.tile-32 .tile-inner{color:#fff;background:linear-gradient(135deg,#4c1d95,#8b5cf6);font-size:3rem;box-shadow:0 0 15px #8b5cf666}.tile-64 .tile-inner{color:#fff;background:linear-gradient(135deg,#701a75,#d946ef);font-size:3rem;box-shadow:0 0 20px #d946ef80}.tile-128 .tile-inner{color:#fff;background:linear-gradient(135deg,#831843,#f43f5e);font-size:2.5rem;box-shadow:0 0 25px #f43f5e99}.tile-256 .tile-inner{color:#fff;background:linear-gradient(135deg,#9a3412,#f97316);font-size:2.5rem;box-shadow:0 0 30px #f9731699}.tile-512 .tile-inner{color:#fff;background:linear-gradient(135deg,#064e3b,#10b981);font-size:2.5rem;box-shadow:0 0 30px #10b981b3}.tile-1024 .tile-inner{color:#fff;background:linear-gradient(135deg,#164e63,#06b6d4);font-size:2rem;box-shadow:0 0 35px #06b6d4cc}.tile-2048 .tile-inner{color:#fff;background:linear-gradient(135deg,gold,#ff8c00);font-size:2rem;box-shadow:0 0 40px #ffd700e6}.tile-super .tile-inner{color:#fff;background:linear-gradient(135deg,#000,#333);border:2px solid gold;font-size:2rem;box-shadow:0 0 50px gold}.game-message{z-index:100;text-align:center;backdrop-filter:blur(8px);background:#0a0c10cc;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.game-message h2{background:var(--gradient-hero);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:2rem;font-size:5rem;font-weight:800}@media (width<=500px){.game-board{gap:8px}.game-board-wrapper{padding:8px}.tile{width:calc(25% - 6px);height:calc(25% - 6px)}.tile-inner{font-size:2rem!important}.game-message h2{font-size:3.5rem}}
