@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&family=Outfit:wght@700;900&display=swap";:root{--bg-dark:#0a0a14;--glass-bg:rgba(20,20,35,.4);--glass-border:rgba(255,255,255,.29);--glass-blur:blur(12px);--grid-bg:rgba(255,255,255,.03);--text-main:#fff;--text-dim:#8b8ba7;--c-cyan:#00f0ff;--c-magenta:#ff003c;--c-purple:#b300ff;--c-green:#0f6;--c-yellow:#fcee0a}body{background-color:var(--bg-dark);min-height:100vh;color:var(--text-main);background-image:radial-gradient(circle at 15%,rgba(0,240,255,.08),transparent 25%),radial-gradient(circle at 85% 30%,rgba(255,0,60,.08),transparent 25%);-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;margin:0;font-family:Inter,sans-serif;display:-ms-flexbox;display:flex;overflow:hidden}.ambient-orb{filter:blur(80px);z-index:-1;opacity:.5;border-radius:50%;position:absolute}.ambient-orb.orb-1{background:var(--c-cyan);width:400px;height:400px;animation:10s ease-in-out infinite alternate float;top:-100px;left:-100px}.ambient-orb.orb-2{background:var(--c-purple);width:500px;height:500px;animation:14s ease-in-out infinite alternate-reverse float;bottom:-150px;right:-100px}@keyframes float{0%{transform:translate(0)}to{transform:translate(50px,30px)}}.container{z-index:1;-ms-flex-direction:column;flex-direction:column;width:390px;display:-ms-flexbox;display:flex}.game-header{-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:end;align-items:flex-end;margin-bottom:30px;display:-ms-flexbox;display:flex}.logo-box h1{background:linear-gradient(90deg, var(--c-cyan), #fff);-webkit-text-fill-color:transparent;text-shadow:0 0 20px rgba(0,240,255,.4);background-clip:text;margin:0;font-family:Outfit,sans-serif;font-size:60px;font-weight:900;line-height:1}.logo-box .subtitle{letter-spacing:4px;color:var(--c-magenta);text-shadow:0 0 10px rgba(255,0,60,.8);margin:0;font-size:10px;font-weight:700}.controls{-ms-flex-direction:row;flex-direction:row;-ms-flex-align:end;align-items:flex-end;gap:12px;height:60px;display:-ms-flexbox;display:flex}.info-box{background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-sizing:border-box;border-radius:8px;-ms-flex-direction:column;flex-direction:column;-ms-flex-align:center;align-items:center;width:100px;padding:8px 10px;display:-ms-flexbox;display:flex;box-shadow:0 8px 32px rgba(0,0,0,.3)}.info-box .info-label{color:var(--text-dim);letter-spacing:1px;font-size:10px;font-weight:700}.info-box .game-score{color:var(--c-cyan);text-shadow:0 0 10px rgba(0,240,255,.5);font-family:Outfit,sans-serif;font-size:24px;font-weight:700}.button{border:1px solid var(--c-cyan);color:var(--c-cyan);letter-spacing:1px;cursor:pointer;text-transform:uppercase;box-sizing:border-box;background:0 0;border-radius:8px;width:100px;height:100%;padding:10px;font-family:Inter,sans-serif;font-size:14px;font-weight:700;transition:all .3s;box-shadow:0 0 10px rgba(0,240,255,.2),inset 0 0 10px rgba(0,240,255,.1)}.button:hover{background:var(--c-cyan);color:var(--bg-dark);box-shadow:0 0 20px rgba(0,240,255,.6),inset 0 0 10px rgba(255,255,255,.5)}.button.restart{border-color:var(--c-magenta);color:var(--c-magenta);box-shadow:0 0 10px rgba(255,0,60,.2),inset 0 0 10px rgba(255,0,60,.1)}.button.restart:hover{background:var(--c-magenta);color:var(--bg-dark);box-shadow:0 0 20px rgba(255,0,60,.6)}.game-field-wrapper{background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:12px;padding:10px;position:relative;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.5),inset 0 0 20px rgba(255,255,255,.02)}.game-field{border-spacing:10px;border-collapse:separate}.field-cell{background:var(--grid-bg);border-radius:8px;width:80px;height:80px;box-shadow:inset 0 0 10px rgba(0,0,0,.5)}.tiles-container{pointer-events:none;width:calc(100% - 20px);height:calc(100% - 20px);position:absolute;top:10px;left:10px}.tile{color:#fff;width:80px;height:80px;transform:translate(calc(10px + var(--c) * 90px), calc(10px + var(--r) * 90px));pointer-events:none;background:0 0;border-radius:8px;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;font-family:Outfit,sans-serif;font-size:32px;font-weight:900;transition:transform .15s cubic-bezier(.2,.8,.2,1);display:-ms-flexbox;display:flex;position:absolute;top:0;left:0}.tile:before{content:"";border-radius:inherit;z-index:-1;opacity:.9;position:absolute;top:0;bottom:0;left:0;right:0}.tile--2{text-shadow:0 0 8px #00f0ff;font-size:32px}.tile--2:before{background:linear-gradient(135deg,rgba(0,240,255,.2),rgba(0,85,255,.8));border:1px solid rgba(0,240,255,.6);box-shadow:0 0 15px rgba(0,240,255,.4),inset 0 0 10px rgba(0,85,255,.5)}.tile--4{text-shadow:0 0 8px #b300ff;font-size:32px}.tile--4:before{background:linear-gradient(135deg,rgba(179,0,255,.2),rgba(68,0,255,.8));border:1px solid rgba(179,0,255,.6);box-shadow:0 0 15px rgba(179,0,255,.4),inset 0 0 10px rgba(68,0,255,.5)}.tile--8{text-shadow:0 0 8px #ff003c;font-size:32px}.tile--8:before{background:linear-gradient(135deg,rgba(255,0,60,.2),rgba(136,0,255,.8));border:1px solid rgba(255,0,60,.6);box-shadow:0 0 15px rgba(255,0,60,.4),inset 0 0 10px rgba(136,0,255,.5)}.tile--16{text-shadow:0 0 8px #ff00a0;font-size:32px}.tile--16:before{background:linear-gradient(135deg,rgba(255,0,160,.2),rgba(255,0,60,.8));border:1px solid rgba(255,0,160,.6);box-shadow:0 0 15px rgba(255,0,160,.4),inset 0 0 10px rgba(255,0,60,.5)}.tile--32{text-shadow:0 0 8px #ff5e00;font-size:32px}.tile--32:before{background:linear-gradient(135deg,rgba(255,94,0,.2),rgba(255,0,60,.8));border:1px solid rgba(255,94,0,.6);box-shadow:0 0 15px rgba(255,94,0,.4),inset 0 0 10px rgba(255,0,60,.5)}.tile--64{text-shadow:0 0 8px #ffae00;font-size:32px}.tile--64:before{background:linear-gradient(135deg,rgba(255,174,0,.2),rgba(255,94,0,.8));border:1px solid rgba(255,174,0,.6);box-shadow:0 0 15px rgba(255,174,0,.4),inset 0 0 10px rgba(255,94,0,.5)}.tile--128{text-shadow:0 0 8px #fcee0a;font-size:26px}.tile--128:before{background:linear-gradient(135deg,rgba(252,238,10,.2),rgba(255,174,0,.8));border:1px solid rgba(252,238,10,.6);box-shadow:0 0 15px rgba(252,238,10,.4),inset 0 0 10px rgba(255,174,0,.5)}.tile--256{text-shadow:0 0 8px #0f6;font-size:26px}.tile--256:before{background:linear-gradient(135deg,rgba(0,255,102,.2),rgba(0,160,255,.8));border:1px solid rgba(0,255,102,.6);box-shadow:0 0 15px rgba(0,255,102,.4),inset 0 0 10px rgba(0,160,255,.5)}.tile--512{text-shadow:0 0 8px #00f0ff;font-size:26px}.tile--512:before{background:linear-gradient(135deg,rgba(0,240,255,.2),rgba(0,255,102,.8));border:1px solid rgba(0,240,255,.6);box-shadow:0 0 15px rgba(0,240,255,.4),inset 0 0 10px rgba(0,255,102,.5)}.tile--1024{text-shadow:0 0 8px #fff;font-size:22px}.tile--1024:before{background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(0,240,255,.8));border:1px solid rgba(255,255,255,.6);box-shadow:0 0 15px rgba(255,255,255,.4),inset 0 0 10px rgba(0,240,255,.5)}.tile--1024{text-shadow:0 0 15px #fff}.tile--2048{text-shadow:0 0 8px #fff;font-size:22px}.tile--2048:before{background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,0,160,.8));border:1px solid rgba(255,255,255,.6);box-shadow:0 0 15px rgba(255,255,255,.4),inset 0 0 10px rgba(255,0,160,.5)}.tile--2048{text-shadow:0 0 20px #fff}.tile--2048:before{border-width:2px;animation:2s infinite pulse-bg}@keyframes pulse-bg{0%,to{filter:brightness()}50%{filter:brightness(1.3)}}@keyframes appear{0%{transform:translate(calc(10px + var(--c) * 90px), calc(10px + var(--r) * 90px)) scale(0);opacity:0}to{transform:translate(calc(10px + var(--c) * 90px), calc(10px + var(--r) * 90px)) scale(1);opacity:1}}.tile.is-new{animation:.2s cubic-bezier(.17,.89,.32,1.27) .15s backwards appear}@keyframes pop{0%{transform:translate(calc(10px + var(--c) * 90px), calc(10px + var(--r) * 90px)) scale(1);filter:brightness()}50%{transform:translate(calc(10px + var(--c) * 90px), calc(10px + var(--r) * 90px)) scale(1.15);filter:brightness(1.5)}to{transform:translate(calc(10px + var(--c) * 90px), calc(10px + var(--r) * 90px)) scale(1);filter:brightness()}}.tile.is-merged{z-index:10;animation:.2s ease-in-out .15s backwards pop}.message-overlay{backdrop-filter:blur(8px);z-index:20;text-align:center;border-radius:inherit;background:rgba(10,10,20,.85);-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;animation:.3s fade-in;display:-ms-flexbox;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.message-overlay h2{text-transform:uppercase;letter-spacing:2px;margin:0 0 10px;font-family:Outfit,sans-serif;font-size:32px}.message-overlay p{color:var(--text-dim);margin:0;font-size:14px}.message-overlay.hidden{display:none}.neon-text.cyan{color:#fff;text-shadow:0 0 10px var(--c-cyan), 0 0 20px var(--c-cyan)}.neon-text.magenta{color:#fff;text-shadow:0 0 10px var(--c-magenta), 0 0 20px var(--c-magenta)}.neon-text.red{color:#fff;text-shadow:0 0 10px red,0 0 20px red}@keyframes fade-in{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=2048-game.0524840c.css.map */