.game-header{margin-bottom:1.5rem}.game-title-wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.5rem}.game-title{font-size:2rem;font-weight:800;letter-spacing:-.03em}.game-badges{display:flex;gap:.5rem}.badge-tag{background-color:var(--accent-soft);color:var(--accent-primary);font-size:.75rem;font-weight:600;padding:4px 10px;border-radius:var(--radius-full);text-transform:capitalize}.game-toolbar{display:flex;align-items:center;justify-content:space-between;background-color:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-md) var(--radius-md) 0 0;padding:.75rem 1.25rem;gap:1rem;flex-wrap:wrap}.game-stats{display:flex;align-items:center;gap:1.25rem}.stat-item{display:flex;flex-direction:column}.stat-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600}.stat-value{font-size:1.1rem;font-weight:700;color:var(--text-primary);font-family:var(--font-mono)}.game-controls-bar{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap}.difficulty-select{appearance:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;height:38px!important;line-height:38px!important;padding:0 30px 0 12px!important;border-radius:12px!important;border:1px solid var(--border-color, rgba(255, 255, 255, .12))!important;background-color:var(--bg-surface, rgba(30, 41, 59, .85))!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 10px center!important;background-size:14px 14px!important;color:var(--text-primary, #f8fafc)!important;font-family:var(--font-sans)!important;font-weight:650!important;font-size:.85rem!important;cursor:pointer!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;box-shadow:var(--shadow-sm, 0 2px 8px rgba(0, 0, 0, .25))!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;outline:none!important;user-select:none!important}[data-theme=dark] .difficulty-select,html[data-theme=dark] .difficulty-select{background-color:#1e293bd9!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")!important;border:1px solid rgba(255,255,255,.12)!important;color:#f8fafc!important;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 2px 8px #00000040!important}[data-theme=light] .difficulty-select,html[data-theme=light] .difficulty-select{background-color:#fff!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23475569' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")!important;border:1px solid #e2e8f0!important;color:#1e293b!important}.difficulty-select:hover{border-color:var(--accent-primary, #818cf8)!important;transform:translateY(-2px)!important;box-shadow:0 4px 14px #818cf840!important}.difficulty-select option{background-color:#1e293b!important;color:#f8fafc!important;padding:8px 12px!important;font-weight:600!important}[data-theme=light] .difficulty-select option,html[data-theme=light] .difficulty-select option{background-color:#fff!important;color:#1e293b!important}.game-controls-bar .btn{height:38px;line-height:38px;display:inline-flex;align-items:center;justify-content:center;margin:0}.game-viewport{position:relative;background-color:#0b0f19;border:1px solid var(--border-color);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:480px;max-width:100%;overflow:hidden;box-shadow:var(--shadow-md)}.game-viewport canvas{display:block;max-width:100%;height:auto;touch-action:none;border-radius:4px}.game-viewport.fullscreen,.game-viewport:fullscreen,.game-viewport:-webkit-full-screen{position:fixed!important;inset:0!important;z-index:9999!important;border-radius:0!important;height:100vh!important;min-height:100vh!important;width:100vw!important;padding:80px 16px 60px!important;box-sizing:border-box!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:space-evenly!important;background-color:#0b0f19!important}.game-viewport.fullscreen #game-mount-point,.game-viewport:fullscreen #game-mount-point,.game-viewport:-webkit-full-screen #game-mount-point{width:100%!important;height:auto!important;min-height:0!important;display:flex!important;justify-content:center!important;align-items:center!important;flex:0 1 auto!important;box-sizing:border-box!important;overflow:visible!important;margin-top:12px!important;margin-bottom:12px!important}.game-viewport.fullscreen #game-mount-point>div,.game-viewport:fullscreen #game-mount-point>div,.game-viewport:-webkit-full-screen #game-mount-point>div{max-width:min(96vw,840px)!important;width:100%!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;transform:none!important;transform-origin:center center!important;margin:0 auto!important}.game-viewport.fullscreen #game-mount-point>div>div,.game-viewport:fullscreen #game-mount-point>div>div,.game-viewport:-webkit-full-screen #game-mount-point>div>div{max-width:min(94vw,780px)!important}.game-viewport.fullscreen canvas,.game-viewport:fullscreen canvas,.game-viewport:-webkit-full-screen canvas{width:100%!important;max-width:min(94vw,780px)!important;max-height:min(65vh,600px)!important;height:auto!important;object-fit:contain!important;transform:none!important}.fullscreen-floating-controls{display:none!important;position:fixed;top:12px;right:12px;z-index:10000;gap:8px;align-items:center}.game-viewport.fullscreen .fullscreen-floating-controls{display:flex!important}.game-floating-btn{background:#0f172ae6;color:#fff;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:8px 16px;border-radius:var(--radius-full);font-size:.85rem;font-weight:700;cursor:pointer;box-shadow:0 4px 14px #00000080;transition:all .2s ease;display:flex;align-items:center;gap:6px}.game-floating-btn.primary{background:#4f46e5e6;border-color:#6366f199}.game-floating-btn:hover{background:#1e293bf2;border-color:var(--accent-primary);transform:scale(1.05)}.game-floating-btn.primary:hover{background:#4338caf2;border-color:#818cf8}.game-viewport button,#game-mount-point button{color:#fff}.game-pause-overlay{position:absolute;inset:0;background:#0f172ad9;backdrop-filter:blur(6px);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;z-index:20;gap:1rem}.game-pause-overlay h3{font-size:2rem;font-weight:800}.touch-dpad-container{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-top:1rem;margin-bottom:.75rem;user-select:none;-webkit-user-select:none;z-index:25}@media (hover: hover) and (pointer: fine){.touch-dpad-container,#nono-mode-fill,#nono-mode-x,#ms-mode-dig,#ms-mode-flag{display:none!important}}.touch-dpad-container:empty,.touch-dpad-container:not(:has(button)){display:none!important;margin:0!important;padding:0!important;border:none!important;background:none!important}.game-viewport.fullscreen .touch-dpad-container{position:relative!important;bottom:auto!important;left:auto!important;transform:none!important;margin-top:18px!important;margin-bottom:24px!important;background:#0f172ad9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:10px 18px;box-shadow:0 10px 30px #0009;max-width:95vw;z-index:25;flex-shrink:0!important}.game-viewport.fullscreen:has(.touch-dpad-container) canvas,.game-viewport.fullscreen[data-game-id=tetris] canvas{max-height:min(46vh,380px)!important}.game-viewport.fullscreen[data-game-id=helicopter] canvas,.game-viewport.fullscreen[data-game-id=dinosaur] canvas,.game-viewport.fullscreen[data-game-id=snake] canvas,.game-viewport.fullscreen[data-game-id=pacman] canvas,.game-viewport.fullscreen[data-game-id="2048"] canvas{max-height:min(58vh,520px)!important}.game-viewport.fullscreen[data-game-id=memorymatch]{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;overflow-y:auto!important;padding:80px 0!important}.game-viewport.fullscreen[data-game-id=memorymatch] #game-mount-point{display:flex!important;margin:auto 0!important;width:100%!important}.game-viewport.fullscreen[data-game-id=memorymatch] #mm-wrap{padding:0 16px!important}.controls-tetris-wrap{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.85rem;flex-wrap:nowrap}.controls-action-wrap,.controls-connectfour-wrap{display:flex;align-items:center;justify-content:center;gap:.85rem;flex-wrap:wrap}.dpad-cluster{display:flex;flex-direction:column;align-items:center;gap:.25rem}.dpad-row{display:flex;gap:.25rem}.dpad-btn{width:42px;height:42px;border-radius:50%;background-color:#1e293be6;border:1.5px solid rgba(255,255,255,.2);color:#fff;font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 3px 8px #0000004d;touch-action:manipulation;transition:all .15s ease}.dpad-btn:active,.action-btn:active{background-color:var(--accent-primary, #3b82f6);color:#fff;transform:scale(.92);border-color:#fff}.action-cluster{display:flex;flex-direction:column;gap:.35rem}.action-btn{padding:8px 14px;border-radius:10px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);border:1px solid rgba(255,255,255,.3);color:#fff;font-weight:700;font-size:.78rem;letter-spacing:.02em;cursor:pointer;box-shadow:0 3px 8px #3b82f666;touch-action:manipulation;transition:all .15s ease;white-space:nowrap}.action-btn.jump-btn,.action-btn.fly-btn{background:linear-gradient(135deg,#10b981,#047857);box-shadow:0 4px 12px #10b98166;font-size:1rem;padding:14px 28px;border-radius:50px}.action-btn.duck-btn{background:linear-gradient(135deg,#f59e0b,#b45309);box-shadow:0 4px 12px #f59e0b66;font-size:1rem;padding:14px 28px;border-radius:50px}.controls-connectfour-wrap{flex-direction:column;gap:.4rem}.controls-label{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--text-muted, #94a3b8);letter-spacing:.05em}.col-buttons{display:flex;gap:.4rem}.col-btn{width:44px;height:44px;border-radius:8px;font-weight:800;font-size:1.1rem}.game-info-section{margin-top:2rem;display:grid;grid-template-columns:2fr 1fr;gap:2rem}@media (max-width: 768px){.game-toolbar{flex-direction:column;align-items:stretch;padding:.75rem;gap:.75rem}.game-stats{justify-content:space-around;width:100%;border-bottom:1px solid var(--border-subtle);padding-bottom:.5rem}.game-controls-bar{width:100%;justify-content:space-between}.game-controls-bar .btn{flex:1 1 auto;min-width:65px;font-size:.8rem;padding:0 6px;text-align:center;justify-content:center}.game-controls-bar .difficulty-select{flex:1 1 auto;min-width:75px;font-size:.8rem;padding-left:8px!important;padding-right:26px!important;text-align:center;justify-content:center}.game-info-section{grid-template-columns:1fr}}.info-card{background-color:var(--bg-surface);border:1.5px solid var(--border-color);border-radius:var(--radius-md);padding:1.5rem;transition:all .25s cubic-bezier(.4,0,.2,1)}.info-card:hover{border-color:var(--accent-primary);box-shadow:0 8px 20px -4px #4f46e51f}.info-card h3{font-size:1.2rem;font-weight:700;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.shortcuts-list{list-style:none;display:flex;flex-direction:column;gap:.6rem}.shortcut-item{display:flex;align-items:center;justify-content:space-between;font-size:.875rem}.key-badge{background-color:var(--bg-surface-elevated);border:1px solid var(--border-color);padding:2px 8px;border-radius:4px;font-family:var(--font-mono);font-size:.8rem;font-weight:600;color:var(--text-primary)}.leaderboard-table{width:100%;border-collapse:collapse;font-size:.875rem}.leaderboard-table th,.leaderboard-table td{padding:8px 12px;text-align:left;border-bottom:1px solid var(--border-subtle)}.leaderboard-table th{color:var(--text-muted);font-size:.75rem;text-transform:uppercase}.wordle-game-wrapper{display:flex;flex-direction:column;align-items:center;width:100%;max-width:480px;padding:8px;box-sizing:border-box}#wordle-board{display:grid;gap:6px;margin:0 auto 14px!important;width:100%!important;max-width:min(330px,44vh)!important}#wordle-keyboard{display:flex;flex-direction:column;gap:6px;width:100%!important;max-width:500px!important}.game-viewport.fullscreen[data-game-id=wordle],.game-viewport:fullscreen[data-game-id=wordle],.game-viewport:-webkit-full-screen[data-game-id=wordle]{padding:54px 12px 20px!important;justify-content:center!important;overflow-y:hidden!important}.game-viewport.fullscreen[data-game-id=wordle] #game-mount-point,.game-viewport:fullscreen[data-game-id=wordle] #game-mount-point,.game-viewport:-webkit-full-screen[data-game-id=wordle] #game-mount-point{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;margin:0!important}.game-viewport.fullscreen[data-game-id=wordle] .wordle-game-wrapper,.game-viewport:fullscreen[data-game-id=wordle] .wordle-game-wrapper,.game-viewport:-webkit-full-screen[data-game-id=wordle] .wordle-game-wrapper{max-height:100%!important;max-width:min(92vw,500px)!important;justify-content:center!important;padding:0!important}.game-viewport.fullscreen[data-game-id=wordle] #wordle-board,.game-viewport:fullscreen[data-game-id=wordle] #wordle-board,.game-viewport:-webkit-full-screen[data-game-id=wordle] #wordle-board{max-width:min(320px,40vh)!important;margin-bottom:12px!important}.game-viewport.fullscreen[data-game-id=hangman] #hm-canvas,.game-viewport:fullscreen[data-game-id=hangman] #hm-canvas,.game-viewport:-webkit-full-screen[data-game-id=hangman] #hm-canvas{max-width:min(300px,28vh)!important;max-height:28vh!important;height:auto!important}.game-viewport.fullscreen[data-game-id=hangman] #hm-word,.game-viewport:fullscreen[data-game-id=hangman] #hm-word,.game-viewport:-webkit-full-screen[data-game-id=hangman] #hm-word{font-size:clamp(1.2rem,3.5vh,1.8rem)!important;margin-bottom:12px!important}.game-viewport.fullscreen[data-game-id=hangman] #hm-keyboard,.game-viewport:fullscreen[data-game-id=hangman] #hm-keyboard,.game-viewport:-webkit-full-screen[data-game-id=hangman] #hm-keyboard{max-width:440px!important}.game-viewport.fullscreen[data-game-id=sudoku] #sudoku-canvas,.game-viewport:fullscreen[data-game-id=sudoku] #sudoku-canvas,.game-viewport:-webkit-full-screen[data-game-id=sudoku] #sudoku-canvas{max-width:min(450px,46vh)!important;max-height:46vh!important}.game-viewport.fullscreen[data-game-id=simon] #simon-board,.game-viewport:fullscreen[data-game-id=simon] #simon-board,.game-viewport:-webkit-full-screen[data-game-id=simon] #simon-board{max-width:min(280px,45vh)!important;margin-bottom:16px!important}.game-viewport.fullscreen[data-game-id=minesweeper] #ms-canvas,.game-viewport:fullscreen[data-game-id=minesweeper] #ms-canvas,.game-viewport:-webkit-full-screen[data-game-id=minesweeper] #ms-canvas{max-width:min(360px,46vh)!important;max-height:46vh!important}.game-viewport.fullscreen[data-game-id=nonogram] #nono-canvas,.game-viewport:fullscreen[data-game-id=nonogram] #nono-canvas,.game-viewport:-webkit-full-screen[data-game-id=nonogram] #nono-canvas{max-width:min(400px,46vh)!important;max-height:46vh!important}.game-viewport.fullscreen[data-game-id=connectfour] #c4-canvas,.game-viewport:fullscreen[data-game-id=connectfour] #c4-canvas,.game-viewport:-webkit-full-screen[data-game-id=connectfour] #c4-canvas{max-width:min(420px,50vh)!important;max-height:50vh!important}.game-viewport.fullscreen[data-game-id=tictactoe] #ttt-canvas,.game-viewport:fullscreen[data-game-id=tictactoe] #ttt-canvas,.game-viewport:-webkit-full-screen[data-game-id=tictactoe] #ttt-canvas{max-width:min(300px,48vh)!important;max-height:48vh!important}.game-viewport.fullscreen[data-game-id=chess] #chess-canvas,.game-viewport:fullscreen[data-game-id=chess] #chess-canvas,.game-viewport:-webkit-full-screen[data-game-id=chess] #chess-canvas{max-width:min(400px,50vh)!important;max-height:50vh!important}.game-viewport.fullscreen[data-game-id=checkers] canvas,.game-viewport:fullscreen[data-game-id=checkers] canvas,.game-viewport:-webkit-full-screen[data-game-id=checkers] canvas{max-width:min(400px,50vh)!important;max-height:50vh!important}.game-viewport.fullscreen[data-game-id=reversi] canvas,.game-viewport:fullscreen[data-game-id=reversi] canvas,.game-viewport:-webkit-full-screen[data-game-id=reversi] canvas{max-width:min(400px,50vh)!important;max-height:50vh!important}.game-viewport.fullscreen[data-game-id=scrabble] #word-target,.game-viewport.fullscreen[data-game-id=scrabble] #rack-container,.game-viewport:fullscreen[data-game-id=scrabble] #word-target,.game-viewport:fullscreen[data-game-id=scrabble] #rack-container,.game-viewport:-webkit-full-screen[data-game-id=scrabble] #word-target,.game-viewport:-webkit-full-screen[data-game-id=scrabble] #rack-container{max-width:480px!important}.game-viewport.fullscreen[data-game-id=solitaire] canvas,.game-viewport:fullscreen[data-game-id=solitaire] canvas,.game-viewport:-webkit-full-screen[data-game-id=solitaire] canvas{max-width:min(720px,55vh)!important;max-height:55vh!important}.game-viewport.fullscreen[data-game-id=mahjong] canvas,.game-viewport:fullscreen[data-game-id=mahjong] canvas,.game-viewport:-webkit-full-screen[data-game-id=mahjong] canvas{max-width:min(640px,55vh)!important;max-height:55vh!important}.game-viewport.fullscreen[data-game-id=crosswords] canvas,.game-viewport:fullscreen[data-game-id=crosswords] canvas,.game-viewport:-webkit-full-screen[data-game-id=crosswords] canvas{max-width:min(600px,55vh)!important;max-height:55vh!important}.game-viewport.fullscreen[data-game-id=jigsaw] canvas,.game-viewport:fullscreen[data-game-id=jigsaw] canvas,.game-viewport:-webkit-full-screen[data-game-id=jigsaw] canvas{max-width:min(500px,50vh)!important;max-height:50vh!important}.game-viewport.fullscreen[data-game-id=uno] canvas,.game-viewport:fullscreen[data-game-id=uno] canvas,.game-viewport:-webkit-full-screen[data-game-id=uno] canvas{max-width:min(640px,55vh)!important;max-height:55vh!important}.btn-challenge{background:linear-gradient(135deg,#f59e0b,#ea580c)!important;color:#fff!important;font-weight:700!important;border:none!important;box-shadow:0 2px 10px #ea580c59;display:inline-flex;align-items:center;gap:.4rem;transition:transform .15s ease,box-shadow .15s ease}.btn-challenge:hover{transform:translateY(-1px);box-shadow:0 4px 14px #ea580c73}.share-modal-backdrop{position:fixed;inset:0;background:#0f172abf;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:99999;padding:1rem;opacity:0;pointer-events:none;transition:opacity .2s ease}.share-modal-backdrop.open{opacity:1;pointer-events:auto}.share-modal-card{background:var(--bg-surface);border:1px solid var(--border-color);border-radius:var(--radius-lg);max-width:440px;width:100%;padding:1.5rem;box-shadow:0 20px 40px #0000004d;position:relative;transform:scale(.95);transition:transform .2s cubic-bezier(.16,1,.3,1)}.share-modal-backdrop.open .share-modal-card{transform:scale(1)}.share-modal-close{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:1.25rem;color:var(--text-muted);cursor:pointer;padding:4px;line-height:1}.share-score-preview{background:var(--bg-base);border:1px dashed var(--border-color);border-radius:var(--radius-md);padding:1rem;margin:1rem 0;text-align:center}.share-buttons-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-top:1rem}.share-btn-wa{background:#25d366;color:#fff;font-weight:700;border:none;padding:.75rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;text-decoration:none;font-size:.9rem;transition:filter .15s ease}.share-btn-x{background:#000;color:#fff;font-weight:700;border:1px solid var(--border-color);padding:.75rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;text-decoration:none;font-size:.9rem;transition:filter .15s ease}.share-btn-tg{background:#08c;color:#fff;font-weight:700;border:none;padding:.75rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;text-decoration:none;font-size:.9rem;transition:filter .15s ease}.share-btn-copy{background:var(--accent-primary);color:#fff;font-weight:700;border:none;padding:.75rem;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;font-size:.9rem;transition:filter .15s ease}.share-btn-wa:hover,.share-btn-x:hover,.share-btn-tg:hover,.share-btn-copy:hover{filter:brightness(1.1)}