.quick-game-container{min-height:100dvh;background:var(--color-bg-primary);color:var(--color-text-primary);padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-body)}.quick-game-container.playing{overflow:hidden;height:100dvh;position:fixed;width:100%;max-width:100%}.quick-game-container.playing .quick-game-main{overflow:hidden;max-height:calc(100dvh - 200px)}.quick-game-card{background:var(--color-bg-card);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:32px;max-width:400px;width:100%;text-align:center;box-shadow:var(--shadow-card)}.quick-game-title{font-family:var(--font-display);font-size:32px;font-weight:700;margin:0 0 24px;background:var(--gradient-hot);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.game-rules{text-align:left;margin:0 0 24px}.game-rules h2{font-size:18px;margin:0 0 12px;color:var(--color-accent-primary)}.game-rules ul{margin:0 0 16px;padding-left:20px;color:var(--color-text-secondary);line-height:1.8}.game-rules li{margin-bottom:8px}.game-warning{background:rgba(255,45,85,.1);border:1px solid rgba(255,45,85,.3);border-radius:8px;padding:12px;color:var(--color-accent-primary);font-size:14px;margin:16px 0 0}.prep-instruction{color:var(--color-text-secondary);line-height:1.8;margin:0 0 24px;font-size:16px}.quick-game-button{background:var(--gradient-hot);border:none;color:#fff;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:var(--shadow-glow-pink);width:100%;font-family:var(--font-body)}.quick-game-button:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(255,45,85,.6)}.quick-game-button:active{transform:translateY(0)}.quick-game-header{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:400px;margin-bottom:20px;gap:16px}.quick-game-score,.quick-game-timer{background:var(--color-bg-card);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:12px 16px;flex:1;text-align:center}.score-label,.timer-label{display:block;font-size:11px;color:var(--color-text-secondary);margin-bottom:4px;text-transform:uppercase;letter-spacing:1px}.score-value,.timer-value{display:block;font-size:20px;font-weight:700;font-family:var(--font-display);color:var(--color-accent-primary)}.quick-game-main{background:var(--color-bg-card);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:24px;max-width:400px;width:100%;margin-bottom:20px;box-shadow:var(--shadow-card);min-height:300px}.minigame-screen,.quick-game-main{display:flex;flex-direction:column;justify-content:center}.minigame-screen{text-align:center;touch-action:none;overflow:hidden;max-height:calc(100dvh - 250px);align-items:center;padding:16px;box-sizing:border-box;transition:opacity .3s ease}.minigame-screen.transitioning{opacity:.5}.cardpairs-game,.clickfast-game,.color-game,.connect4-game,.dice-game,.math-game,.memory-game,.minesweeper-game,.numberorder-game,.pattern-game,.petdog-game,.quickmath-game,.reaction-game,.sequence-game,.slidingpuzzle-game,.tictactoe-game,.wordscramble-game{touch-action:none;overflow:hidden;max-width:100%;max-height:calc(100dvh - 300px);display:flex;flex-direction:column;align-items:center;justify-content:center;transform-origin:center;transform:scale(1);width:100%;box-sizing:border-box}@media (max-height:600px){.cardpairs-game,.clickfast-game,.color-game,.connect4-game,.dice-game,.math-game,.memory-game,.minesweeper-game,.numberorder-game,.pattern-game,.petdog-game,.quickmath-game,.reaction-game,.sequence-game,.slidingpuzzle-game,.tictactoe-game,.wordscramble-game{transform:scale(.85)}}@media (max-height:500px){.cardpairs-game,.clickfast-game,.color-game,.connect4-game,.dice-game,.math-game,.memory-game,.minesweeper-game,.numberorder-game,.pattern-game,.petdog-game,.quickmath-game,.reaction-game,.sequence-game,.slidingpuzzle-game,.tictactoe-game,.wordscramble-game{transform:scale(.75)}}.minigame-timer-bar{width:100%;height:6px;background:hsla(0,0%,100%,.1);border-radius:3px;overflow:hidden;margin-bottom:20px}.minigame-timer-fill{height:100%;background:var(--gradient-cool);transition:width .1s linear;box-shadow:var(--shadow-glow-cyan)}.minigame-header{margin-bottom:24px}.minigame-header h2{font-size:24px;margin:0 0 8px;color:var(--color-accent-secondary)}.minigame-time{font-size:14px;font-weight:600}.game-instruction,.minigame-time{color:var(--color-text-secondary)}.game-instruction{font-size:16px;margin:0 0 24px}.reaction-game{display:flex;flex-direction:column;align-items:center;gap:24px}.reaction-button{width:200px;height:200px;border-radius:50%;border:none;font-size:24px;font-weight:700;cursor:pointer;transition:all .2s ease;background:hsla(0,0%,100%,.1);color:var(--color-text-secondary);font-family:var(--font-display)}.reaction-button.active{background:var(--gradient-hot);color:#fff;box-shadow:var(--shadow-glow-pink);transform:scale(1.1);animation:pulse 1s infinite}.reaction-button:disabled{cursor:not-allowed}.math-game{flex-direction:column;gap:24px}.math-game,.math-problem{display:flex;align-items:center}.math-problem{justify-content:center;gap:12px;font-size:32px;font-weight:700;font-family:var(--font-display);color:var(--color-text-primary);margin:20px 0}.math-answer,.math-equals,.math-number,.math-operator{padding:8px 16px;background:hsla(0,0%,100%,.05);border-radius:8px}.math-answer{color:var(--color-accent-secondary);min-width:60px}.math-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%}.math-option-button{padding:16px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;color:var(--color-text-primary);font-size:20px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:var(--font-display)}.math-option-button:hover{background:rgba(0,212,255,.2);border-color:var(--color-accent-secondary);transform:translateY(-2px)}.pattern-game{display:flex;flex-direction:column;align-items:center;gap:24px}.pattern-display{font-size:48px;padding:24px;background:hsla(0,0%,100%,.05);border-radius:12px;margin:20px 0;letter-spacing:8px}.pattern-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%}.pattern-option-button{padding:20px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;font-size:32px;cursor:pointer;transition:all .2s ease;letter-spacing:4px}.pattern-option-button:hover{background:rgba(0,212,255,.2);border-color:var(--color-accent-secondary);transform:translateY(-2px)}.task-screen{text-align:center}.task-timer-bar{width:100%;height:8px;background:hsla(0,0%,100%,.1);border-radius:4px;overflow:hidden;margin-bottom:20px}.task-timer-fill{height:100%;background:var(--gradient-danger);transition:width .1s linear;box-shadow:var(--shadow-glow-pink)}.task-header{margin-bottom:24px}.task-header h2{font-size:24px;margin:0 0 8px;color:var(--color-accent-danger)}.task-time{font-size:14px;color:var(--color-text-secondary);font-weight:600}.task-content{margin-bottom:24px;min-height:100px;display:flex;align-items:center;justify-content:center}.task-text{font-size:18px;line-height:1.6;color:var(--color-text-primary);font-weight:500}.complete-button{background:var(--gradient-cool);box-shadow:var(--shadow-glow-cyan)}.complete-button:hover{box-shadow:0 0 30px rgba(0,212,255,.6)}.quick-game-footer{width:100%;max-width:400px}.quick-game-stats-row{background:var(--color-bg-card);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:12px;display:flex;justify-content:space-around;color:var(--color-text-secondary);font-size:14px}.quick-game-loading{text-align:center;padding:40px 20px;color:var(--color-text-secondary)}.quick-game-stats{display:flex;gap:12px;margin:24px 0;flex-wrap:wrap}.stat{flex:1;min-width:100px;background:var(--color-bg-elevated);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:16px;text-align:center}.stat-label{display:block;font-size:11px;color:var(--color-text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:1px}.stat-value{display:block;font-size:24px;font-weight:700;font-family:var(--font-display);color:var(--color-accent-gold)}.quick-game-message{color:var(--color-text-secondary);line-height:1.6;margin:24px 0;font-size:16px;font-style:italic}.preferences-form{text-align:left}.preferences-form h2{font-size:18px;margin:0 0 20px;color:var(--color-accent-primary);text-align:center}.preference-group{margin-bottom:24px}.preference-group label{display:block;font-size:14px;color:var(--color-text-secondary);margin-bottom:12px;font-weight:600}.preference-buttons{display:flex;gap:12px}.pref-button{flex:1;padding:12px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:var(--color-text-primary);font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.pref-button:hover{background:hsla(0,0%,100%,.15)}.pref-button.active{background:var(--gradient-hot);border-color:var(--color-accent-primary);box-shadow:var(--shadow-glow-pink)}.clickfast-game{display:flex;flex-direction:column;align-items:center;gap:20px}.game-progress{font-size:14px;color:var(--color-text-secondary);font-weight:600}.clickfast-button{width:200px;height:200px;border-radius:50%;border:none;font-size:20px;font-weight:700;cursor:pointer;background:var(--gradient-hot);color:#fff;box-shadow:var(--shadow-glow-pink);transition:all .1s ease;font-family:var(--font-display)}.clickfast-button:active{transform:scale(.95)}.dice-game{display:flex;flex-direction:column;align-items:center;gap:20px}.dice-display{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;min-height:40px}.dice-result{display:inline-block;width:50px;height:50px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;font-family:var(--font-display)}.dice-button{padding:16px 32px;background:var(--gradient-cool);border:none;border-radius:12px;color:#fff;font-size:18px;font-weight:600;cursor:pointer;box-shadow:var(--shadow-glow-cyan);transition:all .2s ease}.dice-button:hover{transform:translateY(-2px);box-shadow:0 0 30px rgba(0,212,255,.6)}.balloon-game{position:relative;width:100%;height:300px;background:hsla(0,0%,100%,.05);border-radius:12px;cursor:crosshair;overflow:hidden;touch-action:none;-webkit-overflow-scrolling:none}.balloon{font-size:48px;transition:all .2s ease;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.balloon:hover{transform:scale(1.2)}.petdog-game{display:flex;flex-direction:column;align-items:center;gap:20px}.petdog-button{width:200px;height:200px;border-radius:50%;border:none;font-size:48px;cursor:pointer;background:var(--gradient-cool);color:#fff;box-shadow:var(--shadow-glow-cyan);transition:all .1s ease}.petdog-button:active{transform:scale(.9)}.sequence-game{gap:20px}.sequence-display{gap:12px;margin:20px 0}.sequence-number{display:inline-block;width:50px;height:50px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;font-family:var(--font-display)}.sequence-input{gap:12px;max-width:300px}.sequence-button{padding:16px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;color:var(--color-text-primary);font-size:20px;font-weight:600;cursor:pointer;transition:all .2s ease;font-family:var(--font-display)}.sequence-button:hover{background:rgba(0,212,255,.2);border-color:var(--color-accent-secondary);transform:translateY(-2px)}.color-game{display:flex;flex-direction:column;align-items:center;gap:24px}.color-target{font-size:64px;padding:24px;background:hsla(0,0%,100%,.05);border-radius:12px;margin:20px 0}.color-options{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%}.color-option-button{padding:20px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;font-size:32px;cursor:pointer;transition:all .2s ease}.color-option-button:hover{background:rgba(0,212,255,.2);border-color:var(--color-accent-secondary);transform:translateY(-2px)}.memory-game{gap:20px}.memory-grid{gap:8px;max-width:300px}.memory-card{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;font-size:24px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.memory-card:hover:not(.flipped):not(:disabled){background:hsla(0,0%,100%,.15)}.memory-card.flipped{background:rgba(0,212,255,.2);border-color:var(--color-accent-secondary)}.memory-card:disabled{opacity:.5;cursor:not-allowed}@media (max-width:480px){.quick-game-container{padding:16px}.quick-game-card,.quick-game-main{padding:20px}.quick-game-title{font-size:24px}.task-text{font-size:16px}.reaction-button{width:150px;height:150px;font-size:20px}.math-problem{font-size:24px}.pattern-display{font-size:36px}}.photo-preview{width:100%;max-width:400px;margin:0 auto 20px;background:var(--color-bg-card);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:12px;text-align:center}.protected-photo{width:280px;height:280px;max-width:280px;max-height:280px;min-width:280px;min-height:280px;border-radius:8px;display:block;margin:0 auto;-o-object-fit:cover;object-fit:cover;background:var(--color-bg-secondary)}@media (max-width:480px){.protected-photo{width:240px;height:240px;max-width:240px;max-height:240px;min-width:240px;min-height:240px}.photo-preview-accept,.photo-preview-check,.photo-preview-final{max-width:100%;padding:8px}}.photo-score{margin-top:8px;font-size:12px;color:var(--color-text-secondary)}.photo-preview-final{width:100%;max-width:300px;margin:0 auto 20px}.photo-preview-final,.popup-overlay{display:flex;justify-content:center;align-items:center}.popup-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);z-index:1000;padding:20px}.popup-card{background:var(--color-bg-card);border:1px solid hsla(0,0%,100%,.1);border-radius:16px;padding:32px;max-width:400px;width:100%;text-align:center;box-shadow:var(--shadow-card)}.popup-card h2{font-size:20px;margin:0 0 24px;color:var(--color-accent-primary)}.popup-options{display:flex;flex-direction:column;gap:12px}.popup-button{padding:16px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;color:var(--color-text-primary);font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}.popup-button:hover{background:var(--gradient-hot);border-color:var(--color-accent-primary);transform:translateY(-2px)}.upload-instruction{color:var(--color-text-secondary);line-height:1.8;margin:0 0 24px;font-size:16px}.intro-text,.redemption-text{color:var(--color-text-secondary);line-height:1.8;margin:0 0 24px;font-size:16px;text-align:center}.redemption-options{display:flex;flex-direction:column;gap:12px}.wordscramble-game{display:flex;flex-direction:column;align-items:center;gap:20px}.wordscramble-scrambled{font-size:32px;font-weight:700;font-family:var(--font-display);letter-spacing:4px;color:var(--color-accent-secondary);padding:16px;background:hsla(0,0%,100%,.05);border-radius:12px}.wordscramble-display{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;max-width:100%}.wordscramble-letter{min-width:50px;height:50px;padding:8px 12px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:var(--color-text-primary);font-size:24px;font-weight:700;font-family:var(--font-display);cursor:pointer;transition:all .2s ease}.wordscramble-letter.filled{background:var(--gradient-cool);border-color:var(--color-accent-secondary)}.wordscramble-letter.empty{background:hsla(0,0%,100%,.05);color:var(--color-text-muted)}.wordscramble-letter:hover{transform:translateY(-2px)}.game-hint{font-size:12px;color:var(--color-text-muted);font-style:italic}.quickmath-game{display:flex;flex-direction:column;align-items:center;gap:24px}.quickmath-input{display:flex;gap:12px;align-items:center}.quickmath-input input{width:100px;padding:12px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;color:var(--color-text-primary);font-size:20px;font-weight:600;text-align:center;font-family:var(--font-display)}.quickmath-input button{padding:12px 24px;background:var(--gradient-cool);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:600;cursor:pointer}.cardpairs-game{display:flex;flex-direction:column;align-items:center;gap:20px}.cardpairs-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;width:100%;max-width:300px}.cardpairs-card{aspect-ratio:1;background:transparent;border:none;perspective:1000px;cursor:pointer}.card-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.3)}.cardpairs-card.flipped .card-inner{transform:rotateY(180deg)}.card-back,.card-front{position:absolute;width:100%;height:100%;backface-visibility:hidden;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:28px;border:1px solid hsla(0,0%,100%,.2)}.card-front{background:linear-gradient(135deg,rgba(0,212,255,.1),rgba(123,45,255,.2));border-color:var(--color-accent-secondary);transform:rotateY(180deg);box-shadow:inset 0 0 20px rgba(0,212,255,.2)}.card-back{background:hsla(0,0%,100%,.05);background-image:repeating-linear-gradient(45deg,hsla(0,0%,100%,.03),hsla(0,0%,100%,.03) 10px,transparent 0,transparent 20px)}.cardpairs-card:hover .card-back{background-color:hsla(0,0%,100%,.1);box-shadow:0 0 15px rgba(255,45,85,.3)}.cardpairs-card:disabled{cursor:not-allowed}.clickfast-button.cooldown{opacity:.5;cursor:not-allowed}.dice-button.rolling{opacity:.7;cursor:not-allowed;animation:spin .5s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.mobile-game{max-width:100%;overflow-x:hidden}.mobile-game .quick-game-main{min-height:auto;max-height:calc(100dvh - 200px);overflow-y:auto}.sequence-game{display:flex;flex-direction:column;align-items:center;gap:16px;padding:16px 0}.sequence-display{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:12px 0}.sequence-input{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;width:100%;max-width:280px}.sequence-current{gap:8px;margin-top:12px;min-height:50px;justify-content:center;flex-wrap:wrap}.memory-game,.sequence-current{display:flex;align-items:center}.memory-game{flex-direction:column;gap:16px;padding:16px 0}.memory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;width:100%;max-width:280px;padding:0 8px}.memory-card{aspect-ratio:1;font-size:20px;padding:4px}@media (max-width:480px){.cardpairs-grid,.memory-grid{grid-template-columns:repeat(3,1fr);max-width:240px}.wordscramble-display{gap:6px}.wordscramble-letter{min-width:40px;height:40px;font-size:20px}}.protection-check-card{max-width:500px}.photo-preview-check{width:100%;max-width:250px;margin:16px auto}.protection-dialogue{font-size:18px;color:var(--color-text-primary);margin:20px 0;font-style:italic;text-align:center}.protection-level-info{margin:16px 0;padding:12px;background:hsla(0,0%,100%,.05);border-radius:8px;font-size:14px;color:var(--color-text-secondary)}.protection-level-info p{margin:4px 0}.task-choice-options{display:flex;flex-direction:column;gap:12px;margin-top:20px}.task-choice-button{padding:20px;background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.2);border-radius:12px;color:var(--color-text-primary);font-size:16px;cursor:pointer;transition:all .2s ease;text-align:left}.task-choice-button.soft{border-color:rgba(0,212,255,.3)}.task-choice-button.hard{border-color:rgba(255,0,100,.3)}.task-choice-button:hover{background:hsla(0,0%,100%,.15);transform:translateY(-2px)}.task-choice-button.soft:hover{background:rgba(0,212,255,.1);border-color:var(--color-accent-secondary)}.task-choice-button.hard:hover{background:rgba(255,0,100,.1);border-color:var(--color-accent-primary)}.task-choice-text{font-weight:500;line-height:1.4}.task-countdown-display{margin:24px 0}.countdown-circle,.task-countdown-display{display:flex;justify-content:center;align-items:center}.countdown-circle{width:120px;height:120px;border-radius:50%;background:var(--gradient-hot);flex-direction:column;border:4px solid var(--color-accent-primary);box-shadow:0 0 20px rgba(255,0,100,.5);animation:pulse 1s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.countdown-number{font-size:48px;font-weight:700;font-family:var(--font-display);color:#fff;line-height:1}.countdown-label{font-size:12px;color:hsla(0,0%,100%,.9);text-transform:uppercase;letter-spacing:1px;margin-top:4px}.timed-task-info{margin-top:20px;padding:16px;background:hsla(0,0%,100%,.05);border-radius:8px;text-align:center}.timed-instruction{font-size:16px;color:var(--color-text-primary);margin:8px 0;font-weight:500}.timed-hint{font-style:italic;margin:8px 0}.task-instruction,.timed-hint{font-size:14px;color:var(--color-text-secondary)}.task-instruction{margin-top:8px}.accept-card{max-width:500px;display:flex;flex-direction:column;max-height:calc(100vh - 40px);overflow-y:auto}.accept-card .accept-text{flex-shrink:0}.accept-card .accept-options{flex-shrink:0;margin-top:auto;padding-top:16px}.photo-preview-accept{width:100%;max-width:280px;max-height:280px;margin:16px auto;background:hsla(0,0%,100%,.05);border-radius:12px;padding:8px;display:flex;align-items:center;justify-content:center;overflow:hidden}.photo-preview-accept canvas{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.accept-text{color:var(--color-text-secondary);line-height:1.8;margin:24px 0;font-size:16px;text-align:center}.accept-options{display:flex;flex-direction:column;gap:12px;margin-top:24px}.accept-button{background:var(--gradient-hot);font-size:18px;font-weight:700;padding:18px 32px}.tictactoe-game{align-items:center;gap:20px}.tictactoe-board,.tictactoe-game{display:flex;flex-direction:column}.tictactoe-board{gap:4px}.tictactoe-row{display:flex;gap:4px}.tictactoe-cell{width:60px;height:60px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;font-size:32px;font-weight:700;cursor:pointer;transition:all .2s ease;color:var(--color-accent-primary)}.tictactoe-cell:hover:not(:disabled){background:hsla(0,0%,100%,.15)}.tictactoe-cell:disabled{cursor:not-allowed;opacity:.7}.connect4-game{align-items:center;gap:20px}.connect4-board,.connect4-game{display:flex;flex-direction:column}.connect4-board{gap:4px}.connect4-row{display:flex;gap:4px}.connect4-cell{width:40px;height:40px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;cursor:pointer;transition:all .2s ease}.connect4-cell.empty:hover{background:hsla(0,0%,100%,.15)}.connect4-cell.red{background:radial-gradient(circle at 30% 30%,#ff6b6b,#c92a2a);border-color:#c92a2a;box-shadow:0 0 10px hsla(0,100%,71%,.5)}.connect4-cell.yellow{background:radial-gradient(circle at 30% 30%,#fcc419,#f08c00);border-color:#f08c00;box-shadow:0 0 10px rgba(252,196,25,.5)}.minesweeper-game{display:flex;flex-direction:column;align-items:center;gap:20px}.minesweeper-grid{flex-direction:column}.minesweeper-grid,.minesweeper-row{display:flex;gap:2px}.minesweeper-cell{width:40px;height:40px;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:4px;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s ease;color:var(--color-text-primary)}.minesweeper-cell:hover:not(:disabled){background:hsla(0,0%,100%,.15)}.minesweeper-cell.revealed{background:rgba(0,212,255,.2);cursor:not-allowed}.minesweeper-cell:disabled{cursor:not-allowed}.slidingpuzzle-game{display:flex;flex-direction:column;align-items:center;gap:20px}.slidingpuzzle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:100%;max-width:200px}.slidingpuzzle-tile{aspect-ratio:1;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;font-size:24px;font-weight:700;cursor:pointer;transition:all .2s ease;color:var(--color-text-primary)}.slidingpuzzle-tile:hover:not(:disabled){background:hsla(0,0%,100%,.15);transform:translateY(-2px)}.slidingpuzzle-tile.empty{background:hsla(0,0%,100%,.05);cursor:not-allowed}.slidingpuzzle-tile:disabled{cursor:not-allowed}.numberorder-game{display:flex;flex-direction:column;align-items:center;gap:20px}.numberorder-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;width:100%;max-width:250px}.numberorder-button{aspect-ratio:1;background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);border-radius:12px;font-size:24px;font-weight:700;cursor:pointer;transition:all .2s ease;color:var(--color-text-primary)}.numberorder-button:hover:not(:disabled){background:rgba(0,212,255,.2);border-color:var(--color-accent-secondary);transform:translateY(-2px)}.numberorder-button.selected{background:var(--gradient-cool);border-color:var(--color-accent-secondary);color:#fff}.numberorder-button:disabled{cursor:not-allowed;opacity:.5}.targetsum-game{display:flex;flex-direction:column;align-items:center;gap:20px}.targetsum-grid{flex-wrap:wrap;gap:12px;max-width:600px;margin:0 auto}.targetsum-button,.targetsum-grid{display:flex;justify-content:center}.targetsum-button{min-width:60px;height:60px;font-size:20px;font-weight:700;background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.3);border-radius:8px;color:var(--color-text-primary);cursor:pointer;transition:all .2s ease;align-items:center;font-family:var(--font-display)}.targetsum-button:hover:not(.selected){background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.5)}.targetsum-button.selected{background:rgba(76,175,80,.3);border-color:rgba(76,175,80,.8);color:var(--color-text-primary)}.uniquefinder-game{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:100%;padding:20px}.uniquefinder-grid{display:grid;gap:8px;width:100%;max-width:300px;margin:0 auto;aspect-ratio:1;grid-template-columns:repeat(auto-fit,minmax(60px,1fr))}.uniquefinder-button{aspect-ratio:1;background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.3);border-radius:8px;font-size:32px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-family:var(--font-display)}.uniquefinder-button:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.5);transform:scale(1.05)}.speedspot-game{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px}.speedspot-game,.speedspot-grid{justify-content:center;width:100%}.speedspot-grid{display:grid;gap:4px;max-width:400px;margin:0 auto;aspect-ratio:1}.speedspot-button{aspect-ratio:1;background:hsla(0,0%,100%,.1);border:2px solid hsla(0,0%,100%,.3);border-radius:8px;font-size:24px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-family:var(--font-display)}.speedspot-button:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.5);transform:scale(1.05)}@media (max-width:480px){.tictactoe-cell{width:50px;height:50px;font-size:28px}.connect4-cell{width:35px;height:35px;font-size:20px}.minesweeper-cell{width:35px;height:35px;font-size:16px}.slidingpuzzle-grid{max-width:180px}.numberorder-grid{max-width:220px}.targetsum-grid{gap:8px;max-width:100%}.targetsum-button{min-width:50px;height:50px;font-size:18px}.uniquefinder-grid{max-width:250px;gap:6px}.uniquefinder-button{font-size:28px}.speedspot-grid{max-width:300px;gap:3px}.speedspot-button{font-size:20px}}