:root{--bg-gradient: linear-gradient(135deg, #4e7cff 0%, #3b82f6 100%);--text-color: #333;--header-text: white;--card-bg: white;--card-shadow: rgba(0, 0, 0, .2);--game-card-bg: linear-gradient(135deg, #f5f7fa 0%, #c3cfe2 100%);--game-card-text: #333;--game-card-subtext: #666;--btn-bg: #6366f1;--btn-hover: #4f46e5;--install-btn-bg: white;--install-btn-text: #6366f1;--footer-text: white;--game-title-color: #776e65;--game-instructions-color: #776e65;--score-box-bg: #bbada0;--score-label-color: #eee4da;--score-value-color: white;--game-btn-bg: #8f7a66;--grid-container-bg: #bbada0;--grid-cell-bg: rgba(238, 228, 218, .35);--winning-bg: #fef3c7;--message-bg: rgba(238, 228, 218, .95);--message-text: #776e65}[data-theme=dark]{--bg-gradient: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--text-color: #f1f5f9;--header-text: #f1f5f9;--card-bg: #1e293b;--card-shadow: rgba(0, 0, 0, .4);--game-card-bg: linear-gradient(135deg, #334155 0%, #1e293b 100%);--game-card-text: #f1f5f9;--game-card-subtext: #94a3b8;--btn-bg: #818cf8;--btn-hover: #6366f1;--install-btn-bg: #334155;--install-btn-text: #f1f5f9;--footer-text: #94a3b8;--game-title-color: #f1f5f9;--game-instructions-color: #94a3b8;--score-box-bg: #334155;--score-label-color: #94a3b8;--score-value-color: white;--game-btn-bg: #475569;--grid-container-bg: #334155;--grid-cell-bg: rgba(255, 255, 255, .1);--winning-bg: #065f46;--message-bg: rgba(15, 23, 42, .95);--message-text: #f1f5f9}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;background:var(--bg-gradient);min-height:100vh;color:var(--text-color)}#app{max-width:800px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column}.app-header{text-align:center;padding:2rem 1rem;color:var(--header-text)}.app-header h1{font-size:2.5rem;margin-bottom:.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.subtitle{font-size:1.1rem;opacity:.9}.theme-toggle{position:absolute;top:1rem;right:1rem;background:#fff3;border:none;color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;transition:background .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:100}.theme-toggle:hover{background:#ffffff4d}[data-theme=dark] .theme-toggle{background:#0003;color:#f1f5f9}.game-container{flex:1;padding:1rem;position:relative}.menu-screen{background:var(--card-bg);border-radius:20px;padding:2rem;box-shadow:0 10px 40px var(--card-shadow)}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.game-card{background:var(--game-card-bg);border-radius:15px;padding:2rem;text-align:center;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;border:2px solid transparent}.game-card:not(.disabled):hover{transform:translateY(-5px);box-shadow:0 10px 25px var(--card-shadow);border-color:#6366f1}.game-card.disabled{opacity:.5;cursor:not-allowed}.game-icon{font-size:4rem;margin-bottom:1rem}.game-card h2{color:var(--game-card-text);margin-bottom:.5rem;font-size:1.5rem}.game-card p{color:var(--game-card-subtext);font-size:.9rem}.game-view{background:var(--card-bg);border-radius:20px;padding:2rem;box-shadow:0 10px 40px var(--card-shadow)}.game-view.hidden,.menu-screen.hidden{display:none}.back-button{background:var(--btn-bg);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:10px;font-size:1rem;cursor:pointer;margin-bottom:1.5rem;transition:background .3s ease}.back-button:hover{background:var(--btn-hover)}#game-content{min-height:300px}.app-footer{text-align:center;padding:1.5rem;color:var(--footer-text)}.app-footer p{margin-bottom:1rem;opacity:.9}.install-button{background:var(--install-btn-bg);color:var(--install-btn-text);border:none;padding:1rem 2rem;border-radius:25px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 5px 15px #0003}.install-button:hover{transform:translateY(-2px);box-shadow:0 7px 20px #0000004d}.install-button.hidden{display:none}.deploy-info{margin-top:1.5rem;font-size:.7rem;opacity:.7;display:flex;flex-direction:column;gap:.3rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}#deploy-hash{font-weight:700}.game-2048{max-width:500px;margin:0 auto}.game-header-2048{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.title-container h2{font-size:3rem;color:var(--game-title-color);margin:0}.game-instructions{color:var(--game-instructions-color);font-size:.9rem;margin-top:.5rem}.scores-container{display:flex;gap:.75rem}.score-box{background:var(--score-box-bg);padding:.75rem 1.25rem;border-radius:5px;text-align:center;min-width:80px}.score-label{color:var(--score-label-color);font-size:.75rem;font-weight:700}.score-value{color:var(--score-value-color);font-size:1.5rem;font-weight:700;margin-top:.25rem}.game-controls{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.game-button{background:var(--game-btn-bg);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:5px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .3s ease}.game-button:hover{opacity:.9}.controls-hint{color:var(--game-instructions-color);font-size:.9rem}.desktop-hint{display:inline}.mobile-hint{display:none}.grid-container{background:var(--grid-container-bg);border-radius:10px;padding:10px;position:relative;width:100%;max-width:420px;margin:0 auto}.grid-background{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:10px}.grid-cell{background:var(--grid-cell-bg);border-radius:5px;aspect-ratio:1}.grid-tiles{position:absolute;inset:10px;display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);gap:10px}.tile{border-radius:5px;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;transition:all .15s ease-in-out}.tile-2{background:#eee4da;color:#776e65}.tile-4{background:#ede0c8;color:#776e65}.tile-8{background:#f2b179;color:#f9f6f2}.tile-16{background:#f59563;color:#f9f6f2}.tile-32{background:#f67c5f;color:#f9f6f2}.tile-64{background:#f65e3b;color:#f9f6f2}.tile-128{background:#edcf72;color:#f9f6f2;font-size:1.75rem}.tile-256{background:#edcc61;color:#f9f6f2;font-size:1.75rem}.tile-512{background:#edc850;color:#f9f6f2;font-size:1.75rem}.tile-1024{background:#edc53f;color:#f9f6f2;font-size:1.5rem}.tile-2048{background:#edc22e;color:#f9f6f2;font-size:1.5rem}.game-message{position:absolute;inset:0;background:var(--message-bg);border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:100}.game-message p{font-size:3rem;font-weight:700;color:var(--message-text);margin-bottom:1.5rem}.game-over p{color:#8f7a66}.game-won p{color:#f9b641}@media(max-width:600px){.app-header h1{font-size:2rem}.games-grid{grid-template-columns:1fr}.menu-screen,.game-view{padding:1.5rem}.desktop-hint{display:none}.mobile-hint{display:inline}.title-container h2{font-size:2rem}.game-header-2048{flex-direction:column}.tile{font-size:1.5rem}.tile-128,.tile-256,.tile-512{font-size:1.25rem}.tile-1024,.tile-2048{font-size:1rem}.game-message p{font-size:2rem}}.virtual-controls{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:1.5rem;padding:1rem}.control-row{display:flex;gap:.5rem;justify-content:center}.arrow-btn{background:var(--game-btn-bg);color:#fff;border:none;border-radius:8px;width:60px;height:60px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 8px #0003;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.arrow-btn:active{transform:scale(.95);box-shadow:0 2px 4px #0003}.arrow-btn:hover{opacity:.9}.arrow-btn svg{pointer-events:none}@media(min-width:601px){.virtual-controls{display:none}}@media(max-width:600px){.arrow-btn{width:70px;height:70px}}.game-tictactoe{max-width:500px;margin:0 auto}.game-header-tictactoe{text-align:center;margin-bottom:1.5rem}.game-header-tictactoe h2{font-size:2.5rem;color:var(--game-title-color);margin:0 0 .5rem}.settings-container{margin-bottom:1.5rem}.setting-item{display:flex;flex-direction:column;align-items:center;gap:.5rem}.setting-item label{font-size:.95rem;font-weight:700;color:var(--game-instructions-color)}.grid-size-slider{width:100%;max-width:300px;height:6px;border-radius:5px;background:var(--grid-cell-bg);outline:none;-webkit-appearance:none;appearance:none}.grid-size-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#3b82f6;cursor:pointer}.grid-size-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#3b82f6;cursor:pointer;border:none}.mode-selector{display:flex;gap:.5rem;margin-bottom:1.5rem;justify-content:center}.mode-button{background:var(--grid-cell-bg);color:var(--game-instructions-color);border:2px solid transparent;padding:.75rem 1.5rem;border-radius:8px;font-size:.95rem;font-weight:700;cursor:pointer;transition:all .3s ease}.mode-button:hover{background:var(--score-box-bg);color:#fff}.mode-button.active{background:#3b82f6;color:#fff;border-color:#3b82f6}.scoreboard{display:flex;justify-content:space-around;gap:1rem;margin-bottom:1.5rem}.score-item{background:var(--grid-cell-bg);padding:1rem;border-radius:10px;text-align:center;flex:1;box-shadow:0 2px 8px var(--card-shadow)}.player-label{font-size:.9rem;color:var(--game-instructions-color);font-weight:700;margin-bottom:.5rem}.player-score{font-size:2rem;color:#3b82f6;font-weight:700}.game-status{text-align:center;font-size:1.5rem;font-weight:700;color:var(--game-title-color);margin-bottom:1.5rem}.current-player{display:inline-block;padding:.25rem .75rem;border-radius:5px;font-size:1.75rem}.current-player.X{color:#3b82f6;background:#3b82f61a}.current-player.O{color:#ef4444;background:#ef44441a}.tictactoe-board{display:grid;gap:10px;max-width:600px;margin:0 auto 1.5rem;aspect-ratio:1}.tictactoe-board[style*="grid-template-columns: repeat(3"]{max-width:400px}.tictactoe-board[style*="grid-template-columns: repeat(4"],.tictactoe-board[style*="grid-template-columns: repeat(5"]{max-width:500px}.tictactoe-board[style*="grid-template-columns: repeat(6"],.tictactoe-board[style*="grid-template-columns: repeat(7"],.tictactoe-board[style*="grid-template-columns: repeat(8"],.tictactoe-board[style*="grid-template-columns: repeat(9"],.tictactoe-board[style*="grid-template-columns: repeat(10"]{max-width:600px}.cell{background:var(--grid-cell-bg);border-radius:10px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px var(--card-shadow);aspect-ratio:1}.cell:not(.filled):hover{background:var(--score-box-bg);transform:scale(1.05)}.cell.filled{cursor:not-allowed}.cell.winning{background:var(--winning-bg);animation:pulse .5s ease-in-out}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.mark{font-size:4rem;font-weight:700;animation:popIn .3s ease-out}.tictactoe-board[style*="repeat(6"] .mark,.tictactoe-board[style*="repeat(7"] .mark{font-size:2.5rem}.tictactoe-board[style*="repeat(8"] .mark,.tictactoe-board[style*="repeat(9"] .mark,.tictactoe-board[style*="repeat(10"] .mark{font-size:2rem}.mark.X{color:#3b82f6}.mark.O{color:#ef4444}@keyframes popIn{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.game-controls-tictactoe{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.game-button-secondary{background:var(--grid-cell-bg);color:var(--game-instructions-color);border:none;padding:.75rem 1.5rem;border-radius:5px;font-size:1rem;font-weight:700;cursor:pointer;transition:background .3s ease}.game-button-secondary:hover{background:var(--score-box-bg);color:#fff}@media(max-width:600px){.game-header-tictactoe h2{font-size:2rem}.mode-selector{flex-direction:column;gap:.5rem}.mode-button{padding:.65rem 1rem;font-size:.9rem}.scoreboard{flex-direction:column;gap:.75rem}.game-status{font-size:1.25rem}.mark{font-size:3rem}.tictactoe-board{max-width:300px}}body.fullscreen-game{overflow:hidden}body.fullscreen-game .app-header,body.fullscreen-game .app-footer{display:none}body.fullscreen-game #app{max-width:100%;padding:0}body.fullscreen-game .game-container{padding:0;height:100vh;display:flex;flex-direction:column}body.fullscreen-game .game-view{flex:1;border-radius:0;padding:1rem;box-shadow:none;display:flex;flex-direction:column;height:100%;overflow:auto}body.fullscreen-game .back-button{position:sticky;top:0;z-index:200;width:fit-content;margin-bottom:1rem;box-shadow:0 2px 8px #0003}body.fullscreen-game #game-content{flex:1;display:flex;flex-direction:column;justify-content:center;min-height:0}body.fullscreen-game .game-2048,body.fullscreen-game .game-tictactoe{max-width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}body.fullscreen-game .theme-toggle{position:fixed}