:root{--cell-size: 80px;--cell-gap: 8px;--board-radius: 12px;--blue: #3b82f6;--blue-light: #60a5fa;--blue-bg: rgba(59, 130, 246, .12);--orange: #f97316;--orange-light: #fb923c;--orange-bg: rgba(249, 115, 22, .12);--gold: #f59e0b;--board-bg: #bbada0;--cell-bg: rgba(238, 228, 218, .35);--text-dark: #776e65;--text-light: #f9f6f2;--glass: rgba(255, 255, 255, .08);--glass-border: rgba(255, 255, 255, .15)}.dual-game-board{display:flex;flex-direction:column;align-items:center;padding:1rem 1.5rem 1.5rem;gap:1rem;min-height:calc(100vh - 60px);-webkit-user-select:none;user-select:none}.dual-game-board .game-title{text-align:center;color:#fff;margin-bottom:.5rem}.dual-game-board .game-title h1{font-size:2.2rem;font-weight:800;letter-spacing:-.02em}.dual-game-board .game-title p{font-size:1rem;opacity:.7;margin-top:.25rem}.config-menu{background:var(--glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:1rem;padding:2rem 2.5rem;max-width:540px;width:100%;color:#fff}.config-menu h2{text-align:center;font-size:1.4rem;margin-bottom:1.5rem;font-weight:700}.preset-buttons{display:flex;gap:.75rem;margin-bottom:1.25rem}.preset-btn{flex:1;padding:.9rem .5rem;border:2px solid var(--glass-border);border-radius:.75rem;background:transparent;color:#fff;cursor:pointer;font-size:.95rem;font-weight:600;display:flex;flex-direction:column;align-items:center;gap:.3rem;transition:all .2s}.preset-btn span{font-size:.75rem;opacity:.65;font-weight:400}.preset-btn:hover{background:#ffffff1a;border-color:#ffffff59}.preset-btn.active{background:#ffffff2e;border-color:var(--gold);box-shadow:0 0 12px #f59e0b40}.config-divider{text-align:center;font-size:.8rem;opacity:.5;margin:1rem 0;position:relative}.config-divider:before,.config-divider:after{content:"";position:absolute;top:50%;width:30%;height:1px;background:#fff3}.config-divider:before{left:0}.config-divider:after{right:0}.config-options{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.config-item{display:flex;align-items:center;justify-content:space-between;gap:1rem}.config-item label{font-size:.9rem;opacity:.85}.config-item select{padding:.45rem .75rem;border-radius:.5rem;border:1px solid var(--glass-border);background:#00000040;color:#fff;font-size:.85rem;cursor:pointer;min-width:160px}.config-item select option{background:#1e3c72;color:#fff}.controls-info{display:flex;justify-content:center;gap:3rem;margin-bottom:1.5rem;padding:.75rem;border-radius:.5rem;background:#ffffff0d}.player-control{display:flex;flex-direction:column;align-items:center;gap:.25rem}.player-control .label{font-size:.8rem;opacity:.6}.player-control .keys{font-size:1rem;font-weight:700;letter-spacing:.15em}.player-control.left .keys{color:var(--blue-light)}.player-control.right .keys{color:var(--orange-light)}.start-button{display:block;width:100%;padding:1rem;border:none;border-radius:.75rem;background:linear-gradient(135deg,var(--gold) 0%,#d97706 100%);color:#fff;font-size:1.2rem;font-weight:700;cursor:pointer;letter-spacing:.05em;transition:transform .15s,box-shadow .15s}.start-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f59e0b66}.start-button:active{transform:translateY(0)}.dual-game-board>.controls-hint{display:flex;align-items:center;gap:2rem;margin-top:1rem;color:#fff}.dual-game-board>.controls-hint .player-controls{text-align:center}.dual-game-board>.controls-hint .player-controls h3{font-size:.85rem;opacity:.6;margin-bottom:.25rem}.dual-game-board>.controls-hint .player-controls .keys{font-size:1.1rem;font-weight:700;letter-spacing:.2em}.dual-game-board>.controls-hint .player-controls.left .keys{color:var(--blue-light)}.dual-game-board>.controls-hint .player-controls.right .keys{color:var(--orange-light)}.dual-game-board>.controls-hint .vs{font-size:1.5rem;font-weight:800;opacity:.5}.game-hud{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:960px;padding:.6rem 1rem;background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:.75rem}.hud-left{display:flex;gap:.5rem}.hud-btn{padding:.4rem .9rem;border:1px solid var(--glass-border);border-radius:.5rem;background:transparent;color:#fff;font-size:.85rem;cursor:pointer;transition:background .15s}.hud-btn:hover{background:#ffffff1f}.hud-btn:disabled{opacity:.35;cursor:default}.hud-center{display:flex;flex-direction:column;align-items:center;gap:.15rem}.timer{display:flex;flex-direction:column;align-items:center}.timer-label{font-size:.65rem;text-transform:uppercase;letter-spacing:.1em;color:#ffffff80}.timer-value{font-size:1.6rem;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}.timer.warning .timer-value{color:#fbbf24}.timer.urgent .timer-value{color:#ef4444;animation:timer-pulse .5s ease-in-out infinite alternate}@keyframes timer-pulse{0%{opacity:1;transform:scale(1)}to{opacity:.7;transform:scale(1.08)}}.status-text{font-size:.7rem;color:#ffffff8c}.status-text.finished{color:var(--gold);font-weight:600}.hud-right{display:flex;align-items:center}.help-hint{display:flex;align-items:center;gap:.35rem;opacity:.5;font-size:.75rem;color:#fff}.help-hint .key{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border:1px solid rgba(255,255,255,.3);border-radius:4px;font-size:.7rem;font-weight:700}.score-bar-wrapper{width:100%;max-width:960px;height:6px;border-radius:3px;background:#ffffff1a;overflow:hidden;position:relative}.score-bar-fill{position:absolute;top:0;height:100%;border-radius:3px;transition:width .4s ease,left .4s ease}.score-bar-fill.left{left:0;background:linear-gradient(90deg,var(--blue),var(--blue-light))}.score-bar-fill.right{right:0;background:linear-gradient(90deg,var(--orange-light),var(--orange))}.game-arena{display:flex;align-items:flex-start;justify-content:center;gap:1.25rem;width:100%;max-width:960px;flex:1}.player-area{flex:1;max-width:420px;display:flex;flex-direction:column;align-items:center}.vs-divider{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;padding-top:3rem;min-width:50px}.vs-text{font-size:1.5rem;font-weight:900;color:#ffffff40;letter-spacing:.05em}.vs-divider .timer-display{font-size:.85rem;color:#ffffff4d;font-variant-numeric:tabular-nums}.player-board{width:100%;padding:1rem;border-radius:1rem;background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:2px solid var(--glass-border);transition:box-shadow .4s,border-color .4s}.player-board.left{border-color:#3b82f64d}.player-board.right{border-color:#f973164d}.player-board.left.leading{box-shadow:0 0 24px #3b82f659;border-color:var(--blue)}.player-board.right.leading{box-shadow:0 0 24px #f9731659;border-color:var(--orange)}.player-board.winner{border-color:var(--gold)!important;box-shadow:0 0 30px #f59e0b80!important;animation:winner-glow 1.5s ease-in-out infinite alternate}@keyframes winner-glow{0%{box-shadow:0 0 20px #f59e0b66}to{box-shadow:0 0 40px #f59e0bb3}}.player-board.loser{opacity:.55;filter:grayscale(.3)}.player-board.dead{opacity:.45}.player-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.player-title{display:flex;align-items:center;gap:.5rem}.player-indicator{width:10px;height:10px;border-radius:50%}.player-indicator.left{background:var(--blue)}.player-indicator.right{background:var(--orange)}.player-name{font-size:.95rem;font-weight:700;color:#fff}.dead-badge{font-size:.65rem;background:#ef4444;color:#fff;padding:.1rem .4rem;border-radius:.25rem;font-weight:600}.score-display{display:flex;gap:.75rem}.current-score,.best-score{display:flex;flex-direction:column;align-items:center;padding:.25rem .6rem;border-radius:.4rem;background:#0003;min-width:55px}.current-score .label,.best-score .label{font-size:.55rem;text-transform:uppercase;letter-spacing:.08em;color:#ffffff80}.current-score .value{font-size:1.1rem;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}.best-score .value{font-size:.85rem;font-weight:600;color:#fff9;font-variant-numeric:tabular-nums}.score-pop{position:absolute;top:-.25rem;right:.5rem;font-size:1rem;font-weight:800;pointer-events:none;animation:score-float .8s ease-out forwards;z-index:10}.player-board.left .score-pop{color:var(--blue-light)}.player-board.right .score-pop{color:var(--orange-light)}@keyframes score-float{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}.game-board{position:relative;border-radius:var(--board-radius);overflow:hidden}.game-board.disabled{pointer-events:none}.board-grid{display:grid;gap:var(--cell-gap);padding:var(--cell-gap);background:var(--board-bg);border-radius:var(--board-radius);position:relative}.board-cell{width:var(--cell-size);height:var(--cell-size);border-radius:6px;background:var(--cell-bg)}.tiles-container{position:absolute;top:0;left:0;right:0;bottom:0;padding:var(--cell-gap);pointer-events:none}.tile{position:absolute;width:var(--cell-size);height:var(--cell-size);border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:800;transition:transform .12s ease-in-out;z-index:1}.tile.tile-new{animation:tile-appear .18s ease-out}.tile.tile-merged{animation:tile-merge .2s ease-out;z-index:2}@keyframes tile-appear{0%{transform:var(--tile-pos) scale(0);opacity:0}to{transform:var(--tile-pos) scale(1);opacity:1}}@keyframes tile-merge{0%{transform:var(--tile-pos) scale(1)}40%{transform:var(--tile-pos) scale(1.25)}to{transform:var(--tile-pos) scale(1)}}.tile-2{background:#eee4da;color:var(--text-dark);font-size:1.6rem}.tile-4{background:#ede0c8;color:var(--text-dark);font-size:1.6rem}.tile-8{background:#f2b179;color:var(--text-light);font-size:1.6rem}.tile-16{background:#f59563;color:var(--text-light);font-size:1.5rem}.tile-32{background:#f67c5f;color:var(--text-light);font-size:1.5rem}.tile-64{background:#f65e3b;color:var(--text-light);font-size:1.5rem}.tile-128{background:#edcf72;color:var(--text-light);font-size:1.35rem;box-shadow:0 0 15px 2px #edcf724d}.tile-256{background:#edcc61;color:var(--text-light);font-size:1.35rem;box-shadow:0 0 15px 2px #edcc6159}.tile-512{background:#edc850;color:var(--text-light);font-size:1.35rem;box-shadow:0 0 20px 3px #edc85066}.tile-1024{background:#edc53f;color:var(--text-light);font-size:1.15rem;box-shadow:0 0 20px 3px #edc53f73}.tile-2048{background:#edc22e;color:var(--text-light);font-size:1.15rem;box-shadow:0 0 30px 5px #edc22e8c}.tile-super{background:#3c3a32!important;color:var(--text-light)!important;font-size:1rem;box-shadow:0 0 30px 5px #f3d77466}.dead-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000073;border-radius:var(--board-radius);display:flex;align-items:center;justify-content:center;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dead-text{font-size:1.4rem;font-weight:800;color:#ef4444;text-transform:uppercase;letter-spacing:.1em}.controls-footer{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:960px;padding:.5rem 1rem;color:#fff6;font-size:.75rem}.control-hint{display:flex;align-items:center;gap:.4rem}.control-hint .keys{font-weight:700;letter-spacing:.1em}.control-hint.left .keys{color:var(--blue-light)}.control-hint.right .keys{color:var(--orange-light)}.status-hint{opacity:.6}.player-board>.controls-hint{display:flex;align-items:center;justify-content:center;gap:.4rem;margin-top:.6rem;font-size:.75rem;color:#ffffff59}.player-board>.controls-hint .keys{font-weight:700;letter-spacing:.12em}.player-board.left>.controls-hint .keys{color:#3b82f680}.player-board.right>.controls-hint .keys{color:#f9731680}.game-over-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;align-items:center;justify-content:center;background:#0000008c;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:overlay-in .3s ease-out}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.result-panel{background:linear-gradient(145deg,#1e293b,#0f172a);border:1px solid rgba(255,255,255,.15);border-radius:1.25rem;padding:2.5rem 3rem;text-align:center;color:#fff;min-width:380px;animation:panel-pop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes panel-pop{0%{opacity:0;transform:scale(.85)}to{opacity:1;transform:scale(1)}}.result-title{font-size:1.8rem;font-weight:800;margin-bottom:1.5rem}.final-scores{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-bottom:2rem}.final-scores .score{display:flex;flex-direction:column;align-items:center;gap:.3rem;padding:1rem 1.5rem;border-radius:.75rem;background:#ffffff0f;min-width:100px}.final-scores .score .label{font-size:.75rem;opacity:.5;text-transform:uppercase;letter-spacing:.05em}.final-scores .score .value{font-size:1.8rem;font-weight:800;font-variant-numeric:tabular-nums}.final-scores .score.left .value{color:var(--blue-light)}.final-scores .score.right .value{color:var(--orange-light)}.final-scores .score.winner{border:2px solid var(--gold);box-shadow:0 0 16px #f59e0b4d}.final-scores .vs{font-size:1rem;font-weight:800;opacity:.3}.action-buttons{display:flex;gap:.75rem;justify-content:center}.btn-primary{padding:.75rem 2rem;border:none;border-radius:.6rem;background:linear-gradient(135deg,var(--gold) 0%,#d97706 100%);color:#fff;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .15s,box-shadow .15s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 4px 16px #f59e0b66}.btn-secondary{padding:.75rem 2rem;border:1px solid var(--glass-border);border-radius:.6rem;background:transparent;color:#fff;font-size:1rem;cursor:pointer;transition:background .15s}.btn-secondary:hover{background:#ffffff1a}.countdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.countdown-number{font-size:8rem;font-weight:900;color:#fff;text-shadow:0 0 40px rgba(255,255,255,.4);animation:countdown-pop .9s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes countdown-pop{0%{opacity:0;transform:scale(2.5)}30%{opacity:1;transform:scale(1)}90%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}.countdown-go{font-size:6rem;font-weight:900;color:var(--gold);text-shadow:0 0 60px rgba(245,158,11,.6);animation:go-pop .6s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes go-pop{0%{opacity:0;transform:scale(3)}50%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.2)}}.paused-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;display:flex;align-items:center;justify-content:center;background:#0006;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.paused-text{font-size:2.5rem;font-weight:800;color:#fff;opacity:.7;animation:paused-pulse 2s ease-in-out infinite}@keyframes paused-pulse{0%,to{opacity:.5}50%{opacity:.9}}.player-board.input-flash.left{box-shadow:0 0 20px #3b82f680}.player-board.input-flash.right{box-shadow:0 0 20px #f9731680}.confetti-container{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:101;overflow:hidden}.confetti-piece{position:absolute;width:10px;height:10px;top:-10px;opacity:0;animation:confetti-fall linear forwards}@keyframes confetti-fall{0%{opacity:1;transform:translateY(0) rotate(0)}to{opacity:0;transform:translateY(100vh) rotate(720deg)}}@media (max-width: 900px){:root{--cell-size: 60px;--cell-gap: 6px}.game-arena{gap:.75rem}.vs-divider{min-width:35px}.vs-text{font-size:1.1rem}.config-menu{padding:1.5rem}.preset-buttons{flex-direction:column}.result-panel{min-width:300px;padding:1.5rem 2rem}}@media (max-width: 700px){:root{--cell-size: 50px;--cell-gap: 5px}.game-hud{flex-wrap:wrap;gap:.5rem}.hud-right{display:none}.player-name{font-size:.8rem}.current-score .value{font-size:.95rem}.timer-value{font-size:1.3rem}}:root{--sp-cell-size: 100px;--sp-cell-gap: 10px}.single-game{display:flex;flex-direction:column;align-items:center;padding:1.5rem;gap:1.25rem;min-height:calc(100vh - 60px);-webkit-user-select:none;user-select:none}.sp-header{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;max-width:460px}.sp-title-row{display:flex;align-items:center;justify-content:space-between;width:100%}.sp-title{font-size:3rem;font-weight:900;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.25);letter-spacing:-.03em}.sp-back{padding:.4rem .9rem;border:1px solid rgba(255,255,255,.2);border-radius:.5rem;background:transparent;color:#fff;font-size:.85rem;cursor:pointer;transition:background .15s}.sp-back:hover{background:#ffffff1f}.sp-new-game{padding:.5rem 1rem;border:none;border-radius:.5rem;background:#ffffff26;color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;transition:background .15s,transform .1s}.sp-new-game:hover{background:#ffffff40}.sp-new-game:active{transform:scale(.97)}.sp-scores{display:flex;gap:.75rem}.sp-score-box{display:flex;flex-direction:column;align-items:center;padding:.4rem 1.2rem;border-radius:.5rem;background:#ffffff1a;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-width:90px}.sp-score-label{font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;color:#ffffff80}.sp-score-value{font-size:1.4rem;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}.sp-score-pop{position:absolute;top:-.5rem;right:.4rem;font-size:1.1rem;font-weight:800;color:#fbbf24;pointer-events:none;animation:score-float .8s ease-out forwards;z-index:10}.sp-board-wrapper{position:relative;border-radius:14px;overflow:hidden;box-shadow:0 8px 32px #0000004d}.sp-board-wrapper .board-grid{background:#bbada0;border-radius:14px}.sp-cell{width:var(--sp-cell-size)!important;height:var(--sp-cell-size)!important;border-radius:8px}.sp-tile{border-radius:8px;font-size:2rem}.sp-tile.tile-2,.sp-tile.tile-4,.sp-tile.tile-8,.sp-tile.tile-16{font-size:2.2rem}.sp-tile.tile-32,.sp-tile.tile-64{font-size:2rem}.sp-tile.tile-128,.sp-tile.tile-256,.sp-tile.tile-512{font-size:1.8rem}.sp-tile.tile-1024,.sp-tile.tile-2048{font-size:1.5rem}.sp-tile.tile-super{font-size:1.3rem}.sp-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;border-radius:14px;z-index:20;animation:overlay-in .35s ease-out}.sp-overlay.sp-win{background:#edc22e80;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sp-overlay.sp-gameover{background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sp-overlay-content{text-align:center;color:#fff}.sp-overlay-content h2{font-size:2.5rem;font-weight:900;margin-bottom:.5rem;text-shadow:0 2px 10px rgba(0,0,0,.3)}.sp-overlay-content p{font-size:1rem;opacity:.85;margin-bottom:1.25rem}.sp-overlay-buttons{display:flex;gap:.6rem;justify-content:center}.sp-hint{font-size:.85rem;color:#fff6;text-align:center}.sp-hint strong{color:#fff9}@media (max-width: 520px){:root{--sp-cell-size: 70px;--sp-cell-gap: 8px}.sp-title{font-size:2.2rem}.sp-tile.tile-2,.sp-tile.tile-4{font-size:1.7rem}.sp-tile.tile-128,.sp-tile.tile-256{font-size:1.4rem}.sp-tile.tile-1024{font-size:1.1rem}}@media (max-width: 380px){:root{--sp-cell-size: 58px;--sp-cell-gap: 6px}}*{box-sizing:border-box;margin:0;padding:0}.app{min-height:100vh;display:flex;flex-direction:column}.app.dual-mode{background:linear-gradient(135deg,#1e3c72,#2a5298)}.main-menu{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;text-align:center}.game-title{font-size:5rem;font-weight:700;color:#fff;text-shadow:0 4px 6px rgba(0,0,0,.3);margin-bottom:.5rem}.game-subtitle{font-size:1.5rem;color:#ffffffe6;margin-bottom:3rem}.mode-selection{display:flex;gap:2rem;margin-bottom:3rem;flex-wrap:wrap;justify-content:center}.mode-btn{display:flex;flex-direction:column;align-items:center;padding:2rem 3rem;border:none;border-radius:1rem;cursor:pointer;transition:all .3s ease;background:#fff;box-shadow:0 4px 15px #0003;min-width:200px}.mode-btn:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000004d}.mode-btn.single-player{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.mode-btn.dual-player{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.mode-btn .icon{font-size:3rem;margin-bottom:1rem}.mode-btn .title{font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.mode-btn .desc{font-size:.9rem;opacity:.9}.menu-footer{margin-top:2rem}.menu-footer .hint{color:#fffc;font-size:1rem}.game-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 2rem;background:#0003;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-header h2{color:#fff;font-size:1.5rem}.back-btn{padding:.5rem 1rem;border:none;border-radius:.5rem;background:#fff3;color:#fff;cursor:pointer;transition:background .2s}.back-btn:hover{background:#ffffff4d}.spacer{width:80px}.single-player-mode{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.mode-header{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.mode-header h2{color:#fff}.placeholder{text-align:center;color:#ffffffb3;margin-bottom:2rem}.switch-mode-btn{padding:1rem 2rem;border:none;border-radius:.5rem;background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff;font-size:1rem;cursor:pointer;transition:transform .2s}.switch-mode-btn:hover{transform:scale(1.05)}.game-main{flex:1;display:flex;flex-direction:column;overflow:hidden}@media (max-width: 768px){.game-title{font-size:3rem}.mode-selection{flex-direction:column;gap:1rem}.mode-btn{min-width:250px;padding:1.5rem 2rem}.game-header{padding:.5rem 1rem}.game-header h2{font-size:1.2rem}.spacer{width:60px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}#root{min-height:100vh}