.g2048-page{--g2048-gap: 8px;--g2048-radius: 6px;--g2048-grid-padding: 8px;--g2048-cell-size: clamp(64px, 18vw, 100px);--g2048-bg: rgba(10, 14, 39, .55);--g2048-border: rgba(5, 217, 232, .12);--g2048-text: #e0e0ff;--g2048-text-dim: #8888aa;--g2048-neon-cyan: #05d9e8;--g2048-neon-pink: #ff2a6d;--g2048-neon-purple: #d300c5;--g2048-neon-green: #39ff14;min-width:0;min-height:100vh;padding:clamp(16px,3vw,36px);font-family:var(--cyber-font-body);color:var(--cyber-text-primary);display:flex;flex-direction:column;align-items:center}.g2048-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;width:100%;max-width:calc(var(--g2048-cell-size) * 4 + var(--g2048-gap) * 3 + var(--g2048-grid-padding) * 2);margin-bottom:12px}.g2048-title{margin:0;font-family:var(--cyber-font-display);font-size:clamp(1.8rem,5vw,2.8rem);font-weight:700;color:var(--cyber-text-primary);text-shadow:0 0 20px rgba(5,217,232,.3);letter-spacing:.04em;line-height:1}.g2048-tagline{margin:4px 0 0;font-size:.78rem;color:var(--cyber-text-dim)}.g2048-tagline-mobile{display:none}.g2048-scores{display:flex;gap:8px}.g2048-score-box{display:flex;flex-direction:column;align-items:center;min-width:72px;padding:8px 14px;border:1px solid var(--g2048-border);border-radius:var(--g2048-radius);background:var(--g2048-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.g2048-score-label{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--cyber-electric-blue);line-height:1}.g2048-score-value{font-family:var(--cyber-font-display);font-size:1.25rem;font-weight:700;color:var(--cyber-text-primary);line-height:1.4;font-variant-numeric:tabular-nums}.g2048-info-bar{display:flex;gap:16px;width:100%;max-width:calc(var(--g2048-cell-size) * 4 + var(--g2048-gap) * 3 + var(--g2048-grid-padding) * 2);margin-bottom:8px;justify-content:center}.g2048-info-item{display:flex;align-items:center;gap:6px;padding:4px 12px;border:1px solid var(--g2048-border);border-radius:999px;background:var(--g2048-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.g2048-info-label{font-size:.72rem;font-weight:600;color:var(--cyber-text-dim);text-transform:uppercase;letter-spacing:.06em}.g2048-info-value{font-family:var(--cyber-font-mono);font-size:.85rem;font-weight:700;color:var(--cyber-electric-blue);font-variant-numeric:tabular-nums}.g2048-actions{display:flex;flex-wrap:wrap;gap:8px;width:100%;max-width:calc(var(--g2048-cell-size) * 4 + var(--g2048-gap) * 3 + var(--g2048-grid-padding) * 2);margin-bottom:14px;justify-content:center}.g2048-primary{min-height:40px;border:0;border-radius:4px;padding:0 24px;cursor:pointer;font-family:var(--cyber-font-display);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--cyber-bg-dark);background:var(--cyber-neon-pink);position:relative;overflow:hidden;box-shadow:0 0 20px #ff2a6d4d,0 0 40px #ff2a6d1f;transition:box-shadow .3s,transform .15s;animation:g2048PulseGlow 2.5s ease-in-out infinite;will-change:transform;white-space:nowrap}@keyframes g2048PulseGlow{0%,to{box-shadow:0 0 20px #ff2a6d4d,0 0 40px #ff2a6d1f}50%{box-shadow:0 0 30px #ff2a6d80,0 0 60px #ff2a6d38}}.g2048-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent);transform:translate(-100%);transition:transform .5s;z-index:1}.g2048-primary:hover:before{transform:translate(100%)}.g2048-primary:hover,.g2048-primary:focus-visible{transform:translateY(-2px);box-shadow:0 0 35px #ff2a6d8c,0 0 70px #ff2a6d40}.g2048-primary:active{transform:translateY(0) scale(.97)}.g2048-primary:focus-visible{outline:3px solid rgba(255,42,109,.3);outline-offset:4px}.g2048-secondary{min-height:40px;border:1px solid var(--cyber-electric-blue);border-radius:4px;padding:0 20px;cursor:pointer;font-family:var(--cyber-font-display);font-size:12px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--cyber-electric-blue);background:#05d9e80a;box-shadow:0 0 10px #05d9e81a,inset 0 0 10px #05d9e808;transition:all .3s,transform .15s;will-change:transform;white-space:nowrap}.g2048-secondary:hover,.g2048-secondary:focus-visible{transform:translateY(-2px);background:#05d9e81a;box-shadow:0 0 20px #05d9e838,inset 0 0 14px #05d9e80f}.g2048-secondary:active{transform:translateY(0) scale(.97)}.g2048-secondary:focus-visible{outline:3px solid rgba(5,217,232,.3);outline-offset:4px}.g2048-share-btn{color:var(--cyber-neon-green);border-color:var(--cyber-neon-green);background:#39ff140a;box-shadow:0 0 10px #39ff141a,inset 0 0 10px #39ff1408}.g2048-share-btn:hover,.g2048-share-btn:focus-visible{background:#39ff141a;box-shadow:0 0 20px #39ff1440,inset 0 0 14px #39ff1414}.g2048-grid-wrapper{position:relative;width:calc(var(--g2048-cell-size) * 4 + var(--g2048-gap) * 3 + var(--g2048-grid-padding) * 2);height:calc(var(--g2048-cell-size) * 4 + var(--g2048-gap) * 3 + var(--g2048-grid-padding) * 2);border:1px solid var(--g2048-border);border-radius:var(--g2048-radius);background:radial-gradient(circle at 50% 30%,rgba(5,217,232,.06),transparent 70%),var(--g2048-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 12px 40px #05d9e80f;overflow:hidden}.g2048-grid-bg{position:absolute;inset:0;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--g2048-gap);padding:var(--g2048-grid-padding);pointer-events:none}.g2048-grid-cell-bg{aspect-ratio:1;border-radius:4px;background:#05d9e80a;border:1px solid rgba(5,217,232,.06)}.g2048-grid{position:absolute;inset:0;padding:var(--g2048-grid-padding)}.g2048-tile{position:absolute;display:flex;align-items:center;justify-content:center;border-radius:4px;font-family:var(--cyber-font-display);font-weight:700;font-size:clamp(1.2rem,4vw,1.8rem);color:var(--cyber-text-primary);user-select:none;-webkit-user-select:none;will-change:top,left;z-index:1}.g2048-tile>span{display:block;line-height:1;text-shadow:0 0 6px currentColor}.g2048-tile.t2{background:#05d9e826;color:#e0e0ff}.g2048-tile.t4{background:#05d9e840;color:#e0e0ff}.g2048-tile.t8{background:#05d9e866;color:#fff}.g2048-tile.t16{background:#39ff144d;color:#e0e0ff}.g2048-tile.t32{background:#39ff1473;color:#fff}.g2048-tile.t64{background:#e7b63d59;color:#fff}.g2048-tile.t128{background:#e7b63d8c;color:#fff}.g2048-tile.t256{background:#d300c559;color:#fff}.g2048-tile.t512{background:#d300c58c;color:#fff}.g2048-tile.t1024{background:#ff2a6d73;color:#fff}.g2048-tile.t2048{background:#ff2a6dbf;color:#fff;box-shadow:0 0 20px #ff2a6d66}.g2048-tile.t4096,.g2048-tile.t8192,.g2048-tile.t-super{background:#ff2a6d;color:#fff;box-shadow:0 0 30px #ff2a6d99}.g2048-overlay{position:fixed;inset:0;display:grid;place-items:center;z-index:100;background:#050816b3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:g2048OverlayIn .25s ease-out;padding:24px}.g2048-overlay[hidden]{display:none}@keyframes g2048OverlayIn{0%{opacity:0}to{opacity:1}}.g2048-overlay-card{width:min(380px,calc(100vw - 48px));border-radius:var(--g2048-radius);background:radial-gradient(circle at 80% 20%,rgba(211,0,197,.06),transparent 14rem),var(--g2048-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--g2048-border);box-shadow:0 12px 40px #05d9e814;animation:g2048CardPop .3s cubic-bezier(.34,1.56,.64,1);overflow:hidden}.g2048-overlay-card-win{animation:g2048CardPop .3s cubic-bezier(.34,1.56,.64,1),g2048WinGlow .6s ease-out .3s}@keyframes g2048CardPop{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes g2048WinGlow{0%{box-shadow:0 12px 40px #05d9e814}50%{box-shadow:0 28px 80px #39ff1459,0 0 40px #39ff1426}to{box-shadow:0 12px 40px #05d9e814}}.g2048-overlay-header{display:flex;align-items:center;justify-content:center;height:60px;padding:0 24px;border-bottom:1px solid var(--g2048-border)}.g2048-overlay-header h2{margin:0;font-family:var(--cyber-font-display);font-size:1.2rem;font-weight:700;color:var(--cyber-text-primary);letter-spacing:.03em}.g2048-overlay-header-red{background:linear-gradient(135deg,#f46,#c24)}.g2048-overlay-header-red h2{color:#fff}.g2048-overlay-header-green{background:linear-gradient(135deg,var(--cyber-neon-green) 0%,var(--cyber-electric-blue) 100%)}.g2048-overlay-header-green h2{color:var(--cyber-deep-navy)}.g2048-overlay-body{padding:28px 24px 24px;text-align:center}.g2048-result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:24px}.g2048-result-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 8px;border:1px solid var(--g2048-border);border-radius:var(--g2048-radius);background:#05d9e80a}.g2048-result-item strong{font-family:var(--cyber-font-display);font-size:1.3rem;font-weight:700;color:var(--cyber-electric-blue);line-height:1}.g2048-result-item span{font-size:.72rem;font-weight:600;color:var(--cyber-text-dim);text-transform:uppercase;letter-spacing:.05em}.g2048-win-sub{font-size:1rem;color:var(--cyber-text-secondary);margin:0 0 20px}.g2048-win-sub strong{color:var(--cyber-neon-green);font-size:1.4rem}.g2048-overlay-actions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.g2048-instructions{display:flex;flex-wrap:wrap;gap:12px 20px;justify-content:center;width:100%;max-width:calc(var(--g2048-cell-size) * 4 + var(--g2048-gap) * 3 + var(--g2048-grid-padding) * 2);margin-top:14px;padding:0;font-size:.82rem;color:var(--cyber-text-dim)}.g2048-instruction-item{display:flex;align-items:center;gap:6px;margin:0;padding:6px 14px;border:1px solid var(--g2048-border);border-radius:999px;background:var(--g2048-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.g2048-instruction-icon{font-size:1rem;line-height:1;flex-shrink:0}.g2048-instruction-desktop{display:flex}.g2048-instruction-mobile{display:none}@media(max-width:520px){.g2048-page{--g2048-cell-size: calc((100vw - 56px - var(--g2048-gap) * 3 - var(--g2048-grid-padding) * 2) / 4);padding:12px}.g2048-header{flex-direction:column;align-items:center;text-align:center}.g2048-tagline{display:none}.g2048-tagline-mobile{display:block}.g2048-instruction-desktop{display:none}.g2048-instruction-mobile{display:flex}.g2048-actions{gap:6px}.g2048-primary,.g2048-secondary{font-size:11px;padding:0 14px;min-height:36px}.g2048-tile{font-size:clamp(.9rem,5vw,1.3rem)}}.g2048-achievement-toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%) translateY(20px);background:var(--cyber-surface);border:1px solid var(--cyber-neon-pink);border-radius:8px;padding:12px 20px;display:flex;align-items:center;gap:10px;opacity:0;transition:all .3s;z-index:100;box-shadow:0 0 20px var(--cyber-glow-pink)}.g2048-achievement-toast.show{opacity:1;transform:translate(-50%) translateY(0)}.g2048-achievement-toast span{font-size:1.5rem}.g2048-achievement-toast strong{font-family:var(--cyber-font-display);color:var(--cyber-neon-pink);font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}.g2048-achievement-toast small{color:var(--cyber-text-secondary);font-size:.75rem}[data-cyber-theme=light] .g2048-page{--g2048-bg: rgba(255, 255, 255, .75);--g2048-border: rgba(11, 143, 160, .14);--g2048-text: #14142e;--g2048-text-dim: #808098}[data-cyber-theme=light] .g2048-title{color:#14142e;text-shadow:0 0 20px rgba(11,143,160,.15)}[data-cyber-theme=light] .g2048-tagline{color:#808098}[data-cyber-theme=light] .g2048-score-box{background:#ffffffd9;border-color:#0b8fa024}[data-cyber-theme=light] .g2048-score-label{color:#0b8fa0}[data-cyber-theme=light] .g2048-score-value{color:#14142e}[data-cyber-theme=light] .g2048-info-item{background:#ffffffd9;border-color:#0b8fa024}[data-cyber-theme=light] .g2048-info-value{color:#0b8fa0}[data-cyber-theme=light] .g2048-grid-wrapper{background:radial-gradient(circle at 50% 30%,rgba(11,143,160,.06),transparent 70%),#ffffffd9;border-color:#0b8fa024;box-shadow:0 12px 40px #0b8fa00f}[data-cyber-theme=light] .g2048-grid-cell-bg{background:#0b8fa00a;border-color:#0b8fa014}[data-cyber-theme=light] .g2048-instruction-item{background:#ffffffd9;border-color:#0b8fa024;color:#808098}[data-cyber-theme=light] .g2048-tile.t2{background:#0b8fa01f;color:#14142e}[data-cyber-theme=light] .g2048-tile.t4{background:#0b8fa038;color:#14142e}[data-cyber-theme=light] .g2048-tile.t8{background:#0b8fa061;color:#fff}[data-cyber-theme=light] .g2048-tile.t16{background:#39b41e4d;color:#14142e}[data-cyber-theme=light] .g2048-tile.t32{background:#39b41e73;color:#fff}[data-cyber-theme=light] .g2048-tile.t64{background:#c8a03259;color:#fff}[data-cyber-theme=light] .g2048-tile.t128{background:#c8a0328c;color:#fff}[data-cyber-theme=light] .g2048-tile.t256{background:#b400aa4d;color:#fff}[data-cyber-theme=light] .g2048-tile.t512{background:#b400aa80;color:#fff}[data-cyber-theme=light] .g2048-tile.t1024{background:#e61e5a66;color:#fff}[data-cyber-theme=light] .g2048-tile.t2048{background:#e61e5ab3;color:#fff;box-shadow:0 0 20px #e61e5a59}[data-cyber-theme=light] .g2048-tile.t4096,[data-cyber-theme=light] .g2048-tile.t8192,[data-cyber-theme=light] .g2048-tile.t-super{background:#e61e5a;color:#fff;box-shadow:0 0 30px #e61e5a80}[data-cyber-theme=light] .g2048-overlay{background:#f0f2f8bf}[data-cyber-theme=light] .g2048-overlay-card{background:radial-gradient(circle at 80% 20%,rgba(180,0,170,.04),transparent 14rem),#ffffffeb;border-color:#0b8fa024;box-shadow:0 12px 40px #0b8fa014}[data-cyber-theme=light] .g2048-result-item{background:#0b8fa00a;border-color:#0b8fa01a}[data-cyber-theme=light] .g2048-result-item strong{color:#0b8fa0}[data-cyber-theme=light] .g2048-result-item span{color:#808098}[data-cyber-theme=light] .g2048-win-sub{color:#505068}[data-cyber-theme=light] .g2048-win-sub strong{color:#2e8b2e}[data-cyber-theme=light] .g2048-overlay-header h2{color:#fff}