.tetris-container{--bg-dark:#2e3440;--bg-medium:#3b4252;--bg-light:#434c5e;--border-color:#4c566a;--text-primary:#e5e9f0;--text-secondary:#d8dee9;--accent-blue:#88c0d0;--accent-frost:#8fbcbb;--accent-bright:#81a1c1;--key-bg:#4c566a;--key-shadow:#2e3440;background:var(--bg-dark);border-radius:16px;padding:1.5rem;color:var(--text-primary);font-family:Inter,sans-serif;box-shadow:0 10px 40px #0003;border:1px solid var(--border-color);max-width:360px;margin:0 auto;-webkit-user-select:none;user-select:none;flex-direction:column;overflow:hidden;height:520px}.tetris-container,.tetris-game-area{width:100%;position:relative;display:flex}.tetris-game-area{gap:1.2rem;align-items:flex-start;z-index:1;flex-shrink:0}.tetris-board{background:var(--bg-medium);border:1px solid var(--border-color);border-radius:4px;position:relative;width:220px;height:440px;display:grid;grid-template-rows:repeat(20,1fr);overflow:hidden;box-shadow:inset 0 0 15px #0003}.board-row{display:grid;grid-template-columns:repeat(10,1fr);width:100%;height:100%}.tetris-cell{width:100%;height:100%;border:1px solid #0000;box-sizing:border-box;transition:background-color .1s ease-out,border-color .1s ease-out}.tetris-cell.filled{background-color:var(--accent-blue);border:1px solid var(--accent-frost);opacity:.9}.tetris-cell.filled.active-piece{background-color:var(--accent-bright);border:1px solid var(--text-primary);box-shadow:inset 0 0 8px #ffffff4d;opacity:1;z-index:2}.tetris-cell.ghost{background-color:#88c0d01a;border:1px dashed var(--accent-frost);opacity:.6;animation:ghostPulse 1.5s infinite alternate}@keyframes ghostPulse{0%{opacity:.3}to{opacity:.7}}.tetris-sidebar-right{width:90px;flex-grow:1}.game-stats,.tetris-sidebar-right{display:flex;flex-direction:column;gap:.5rem}.game-stats{background:var(--bg-medium);padding:.6rem;border-radius:8px;border:1px solid var(--border-color)}.stat-box{display:flex;flex-direction:column;align-items:flex-start}.stat-label{font-size:.6rem;color:var(--text-secondary);letter-spacing:1px;font-weight:600;text-transform:uppercase}.stat-value{font-size:1.1rem;font-weight:700;color:var(--text-primary)}.sidebar-label{font-size:.6rem;color:var(--text-secondary);text-align:left;display:block;margin-bottom:.4rem;font-weight:600;text-transform:uppercase}.hold-box,.next-box{background:var(--bg-medium);border:1px solid var(--border-color);border-radius:8px;height:60px;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 2px 8px #0000004d}.piece-preview{transform:scale(.85)}.preview-row{display:flex}.preview-cell{width:12px;height:12px}.preview-cell.filled{background-color:var(--accent-blue);border:1px solid var(--accent-frost)}.game-controls{margin-top:auto;flex-direction:column;gap:.5rem;padding-top:.2rem}.control-btn,.game-controls{display:flex;align-items:center}.control-btn{background:var(--bg-light);border:1px solid var(--border-color);color:var(--text-primary);width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .2s;justify-content:center;font-size:1rem;margin-bottom:.2rem}.control-btn:hover:not(:disabled){background:var(--border-color);transform:scale(1.05)}.control-btn:disabled{opacity:.4;cursor:not-allowed}.controls-info{display:grid;grid-template-columns:1fr 1fr;grid-gap:.4rem;gap:.4rem;background:var(--bg-medium);padding:.5rem;border-radius:8px;border:1px solid var(--border-color);width:100%;box-sizing:border-box}.control-item{display:flex;flex-direction:column;align-items:center;gap:.2rem}.key-cap{background:var(--key-bg);color:var(--text-primary);border:1px solid var(--border-color);border-bottom:2px solid var(--key-shadow);border-radius:4px;padding:2px 6px;font-size:.65rem;font-weight:700;min-width:20px;text-align:center;display:inline-block;transition:transform .1s}.key-cap:active{transform:translateY(1px);border-bottom-width:1px}.control-label{font-size:.5rem;color:var(--text-secondary);text-transform:uppercase;font-weight:500;text-align:center}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#2e3440f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:20;border-radius:16px}.overlay h3{font-size:1.8rem;margin-bottom:1.5rem;color:var(--text-primary);text-transform:uppercase;letter-spacing:2px}.overlay p{font-size:1rem;color:var(--text-secondary);margin-bottom:1.5rem}.difficulty-selector{display:flex;gap:.8rem;margin-bottom:2rem}.difficulty-selector button{background:var(--bg-light);border:1px solid var(--border-color);color:var(--text-secondary);padding:.6rem 1.2rem;border-radius:24px;cursor:pointer;font-size:.9rem;transition:all .2s;font-weight:500}.difficulty-selector button:hover{background:var(--border-color)}.difficulty-selector button.active{background:var(--accent-bright);color:var(--bg-dark);border-color:var(--accent-bright);box-shadow:0 4px 12px #81a1c14d;transform:translateY(-1px);font-weight:700}.restart-btn,.resume-btn,.start-btn{background:linear-gradient(135deg,var(--accent-frost) 0,var(--accent-bright) 100%);border:none;padding:1rem 2.5rem;color:var(--bg-dark);font-weight:700;font-size:1rem;border-radius:50px;cursor:pointer;text-transform:uppercase;letter-spacing:1.5px;box-shadow:0 4px 15px #8fbcbb4d;transition:all .2s ease}.restart-btn:hover,.resume-btn:hover,.start-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8fbcbb66}[data-theme=light] .tetris-container{background:#eceff4;border-color:#d8dee9;color:#2e3440}[data-theme=light] .controls-info,[data-theme=light] .game-stats,[data-theme=light] .hold-box,[data-theme=light] .next-box,[data-theme=light] .tetris-board{background:#e5e9f0;border-color:#d8dee9}[data-theme=light] .tetris-cell.filled{background-color:#5e81ac;border-color:#81a1c1}[data-theme=light] .tetris-cell.filled.active-piece{background-color:#5e81ac;border-color:#2e3440;box-shadow:inset 0 0 8px #0003}[data-theme=light] .tetris-cell.ghost{border-color:#5e81ac;background-color:#5e81ac1a}[data-theme=light] .control-label,[data-theme=light] .sidebar-label,[data-theme=light] .stat-label{color:#4c566a}[data-theme=light] .key-cap,[data-theme=light] .stat-value{color:#2e3440}[data-theme=light] .key-cap{background:#d8dee9;border-color:#d8dee9 #d8dee9 #b48ead}[data-theme=light] .control-btn{background:#d8dee9;border-color:#d8dee9;color:#2e3440}[data-theme=light] .overlay{background:#eceff4f2}[data-theme=light] .overlay h3,[data-theme=light] .overlay p{color:#2e3440}[data-there=light] .difficulty-selector button{background:#d8dee9;border-color:#d8dee9;color:#4c566a}[data-theme=light] .difficulty-selector button.active{background:#5e81ac;color:#eceff4;border-color:#5e81ac}[data-theme=light] .restart-btn,[data-theme=light] .resume-btn,[data-theme=light] .start-btn{color:#eceff4;background:linear-gradient(135deg,#81a1c1,#5e81ac)}[data-theme=light] .piece-preview .filled{background-color:#5e81ac;border-color:#81a1c1}.flappy-bird-container{position:relative;width:100%;height:600px;background:#2e3440;border-radius:12px;overflow:hidden;color:#e5e9f0;font-family:Inter,sans-serif;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;box-shadow:0 10px 40px #0003;border:1px solid #4c566a}.flappy-game-canvas{display:block;width:100%;height:100%;cursor:pointer}.flappy-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#2e3440f2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10;text-align:center;padding:20px;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.flappy-overlay h2{font-size:2.5rem;margin:0 0 10px;background:linear-gradient(135deg,#88c0d0,#81a1c1,#8fbcbb);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:#0000;text-transform:uppercase;letter-spacing:4px;font-weight:900;filter:drop-shadow(0 0 10px rgba(136,192,208,.5))}.flappy-overlay p{font-size:1rem;color:#d8dee9;margin:0 0 20px}.flappy-difficulty-selector{display:flex;gap:15px;margin-bottom:30px}.diff-btn{background:#3b4252;border:1px solid #4c566a;color:#d8dee9;padding:10px 20px;border-radius:20px;cursor:pointer;font-size:.9rem;font-weight:600;transition:all .2s ease}.diff-btn:hover{background:#4c566a;color:#e5e9f0}.diff-btn.active{background:#81a1c1;color:#2e3440;border-color:#81a1c1;box-shadow:0 0 15px #81a1c166}.flappy-restart-btn,.flappy-start-btn{background:linear-gradient(135deg,#8fbcbb,#81a1c1);color:#2e3440;border:none;padding:14px 40px;font-size:1.1rem;font-weight:700;border-radius:30px;cursor:pointer;transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 15px #8fbcbb4d;text-transform:uppercase;letter-spacing:2px}.flappy-restart-btn:hover,.flappy-start-btn:hover{transform:scale(1.05) translateY(-2px);box-shadow:0 6px 20px #8fbcbb66}.flappy-restart-btn:active,.flappy-start-btn:active{transform:scale(.98)}.flappy-score-hud{position:absolute;top:20px;left:0;width:100%;text-align:center;pointer-events:none;z-index:5}.flappy-score-value{font-size:4rem;font-weight:900;color:#e5e9f0;text-shadow:0 0 10px #88c0d0,0 0 20px #88c0d080;font-family:JetBrains Mono,monospace}.flappy-best-score{font-size:.9rem;color:#d8dee9;margin-top:-5px;text-transform:uppercase;letter-spacing:1px}.game-over-stats{margin-bottom:30px}.final-score{font-size:1.2rem;margin-bottom:5px;color:#e5e9f0}.best-score{font-size:.9rem;color:#d8dee9}.flappy-mute-btn{position:absolute;top:20px;right:20px;background:#3b425299;border:1px solid #4c566a66;color:#e5e9f0;width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;transition:all .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.flappy-mute-btn:hover{background:#4c566acc;transform:scale(1.1)}.flappy-mute-btn.muted{color:#bf616a;border-color:#bf616a66}@media (max-width:768px){.flappy-bird-container{height:500px}.flappy-overlay h2{font-size:2rem}}.sudoku-container{width:100%;max-width:320px;margin:0 auto;display:flex;flex-direction:column;gap:1rem;padding:1rem;color:#d8dee9}.sudoku-header{justify-content:space-between}.sudoku-header,.sudoku-stats{display:flex;align-items:center}.sudoku-stats{gap:.75rem}.sudoku-timer{font-family:JetBrains Mono,monospace;font-size:.9rem;color:#88c0d0}.sudoku-difficulty-select{background:#3b4252;border:1px solid #4c566a;color:#e5e9f0;border-radius:4px;padding:.2rem .4rem;font-size:.7rem;outline:none;cursor:pointer}.sudoku-reset-btn{background:#0000;border:1px solid #5e81ac;color:#81a1c1;padding:.3rem .6rem;border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .2s}.sudoku-reset-btn:hover{background:#5e81ac;color:#eceff4}.sudoku-grid{background:#2e3440;border:2px solid #434c5e;display:flex;flex-direction:column}.sudoku-row{display:flex}.sudoku-cell{width:calc(100% / 9);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;border:.5px solid #4c566a80;font-size:1.1rem;font-weight:500;cursor:pointer;transition:all .1s;-webkit-user-select:none;user-select:none}.sudoku-cell.initial{color:#81a1c1;font-weight:700;background:#4c566a1a}.sudoku-cell.selected{background:#5e81ac!important;color:#fff}.sudoku-cell:hover:not(.initial){background:#88c0d026}.sudoku-cell:nth-child(3n){border-right:2px solid #4c566a}.sudoku-cell:last-child{border-right:none}.sudoku-row:nth-child(3n) .sudoku-cell{border-bottom:2px solid #4c566a}.sudoku-row:last-child .sudoku-cell{border-bottom:none}.sudoku-cell.alt-box{background:#ffffff05}.sudoku-controls{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:.4rem;gap:.4rem}.sudoku-num-btn{background:#3b4252;border:1px solid #4c566a;color:#eceff4;padding:.6rem 0;border-radius:4px;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s}.sudoku-num-btn:hover{background:#434c5e;border-color:#88c0d0}.sudoku-num-btn.clear{color:#bf616a}.sudoku-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#2e3440e6;display:flex;align-items:center;justify-content:center;z-index:10;padding:1.5rem}.sudoku-win-card{background:#3b4252;border:1px solid #88c0d0;border-radius:8px;padding:2rem;text-align:center;box-shadow:0 10px 25px #00000080}.sudoku-win-card h2{color:#a3be8c;margin-bottom:1rem}.sudoku-win-card button{margin-top:1.5rem;background:#88c0d0;color:#2e3440;border:none;padding:.6rem 1.2rem;border-radius:4px;font-weight:700;cursor:pointer}.sudoku-hints{border-top:1px solid #434c5e;padding-top:1rem;margin-top:1rem}.sudoku-hints h4{font-size:.8rem;margin-bottom:.5rem;color:#88c0d0;text-transform:uppercase;letter-spacing:.05em}.sudoku-hints ul{list-style:none;padding:0;margin:0}.sudoku-hints li{font-size:.75rem;color:#9cb1d9;margin-bottom:.3rem;padding-left:1rem;position:relative}.sudoku-hints li:before{content:"•";position:absolute;left:0;color:#5e81ac}.game-2048{flex-direction:column;padding:20px;background:#1a1a1a;border-radius:12px;color:#fff;-webkit-user-select:none;user-select:none;max-width:400px;margin:0 auto}.game-2048,.game-2048-header{display:flex;align-items:center}.game-2048-header{justify-content:space-between;width:100%;margin-bottom:20px}.game-scores{display:flex;gap:10px}.score-box{background:#2d2d2d;padding:8px 15px;border-radius:6px;display:flex;flex-direction:column;align-items:center;min-width:70px}.score-box span{font-size:.7rem;color:#888;font-weight:700}.score-box strong{font-size:1.2rem}.new-game-btn{background:#5d5d5d;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-weight:700;cursor:pointer;transition:background .2s}.new-game-btn:hover{background:#777}.how-to-play{font-size:.85rem;color:#ccc;margin-bottom:20px;text-align:center;line-height:1.4}.grid-container{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(4,1fr);grid-gap:10px;gap:10px;background:#2d2d2d;padding:10px;border-radius:8px;position:relative;width:320px;height:320px}.grid-cell{background:#ffffff0d;border-radius:4px;display:flex;justify-content:center;align-items:center;font-size:1.5rem;font-weight:700;transition:transform .1s ease-in-out,background .1s}.grid-cell.has-tile{animation:pop .2s ease-in-out}@keyframes pop{0%{transform:scale(0)}to{transform:scale(1)}}.tile-2{background:#eee4da;color:#776e65}.tile-4{background:#ede0c8;color:#776e65}.tile-8{background:#f2b179;color:#fff}.tile-16{background:#f59563;color:#fff}.tile-32{background:#f67c5f;color:#fff}.tile-64{background:#f65e3b;color:#fff}.tile-128{background:#edcf72;box-shadow:0 0 10px #edcf72}.tile-128,.tile-256{color:#fff;font-size:1.2rem}.tile-256{background:#edcc61;box-shadow:0 0 15px #edcc61}.tile-512{background:#edc850;color:#fff;font-size:1.2rem;box-shadow:0 0 20px #edc850}.tile-1024{background:#edc53f;box-shadow:0 0 25px #edc53f}.tile-1024,.tile-2048{color:#fff;font-size:1rem}.tile-2048{background:#edc22e;box-shadow:0 0 30px #edc22e}.game-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#1a1a1ad9;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.game-overlay h2{font-size:2rem;margin-bottom:20px}.game-overlay.won h2{color:#edc22e}.game-overlay.lost h2{color:#ff5252}.game-overlay button{background:#fff;color:#1a1a1a;border:none;padding:12px 24px;border-radius:6px;font-weight:700;cursor:pointer;font-size:1rem}[data-theme=dark] .game-2048{background:#0d1117}[data-theme=dark] .grid-container{background:#161b22}.games-section-wrapper{margin-bottom:0}.section-external-title{font-family:var(--font-primary);font-size:.8rem;font-weight:800;text-transform:uppercase;letter-spacing:.15em;color:var(--text-secondary);margin-bottom:.75rem;padding-left:.4rem;border-left:3px solid var(--accent-primary,#3b82f6);line-height:1}.games-section{background:var(--card-bg);border:1px solid var(--border-color);border-radius:10px;overflow:hidden;box-shadow:0 4px 15px var(--card-shadow);transition:all .3s cubic-bezier(.4,0,.2,1);margin-bottom:0}[data-theme=dark] .games-section{background:var(--card-bg-dark)}.games-section.collapsed{box-shadow:0 2px 8px var(--card-shadow)}.games-section-header{display:flex;justify-content:space-between;align-items:center;padding:.6rem .75rem;background:var(--bg-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .2s ease}.games-section-header:hover{background:#0000000d}[data-theme=dark] .games-section-header{background:#ffffff08}[data-theme=dark] .games-section-header:hover{background:#ffffff0f}.games-header-actions{display:flex;align-items:center;gap:.75rem}.games-tabs{display:flex;gap:.25rem}.game-tab{padding:.25rem .6rem;font-size:.65rem;font-weight:700;border:1px solid #0000;border-radius:4px;background:#0000;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;text-transform:uppercase}.game-tab:hover{color:var(--text-primary);background:#0000000a}[data-theme=dark] .game-tab:hover{background:#ffffff0f;color:#fff}.game-tab.active{background:var(--card-bg);border-color:var(--border-color);color:var(--accent-primary,#3b82f6);box-shadow:0 2px 4px #0000000d}[data-theme=dark] .game-tab.active{background:#ffffff1a;color:#fff;border-color:#ffffff1a}.games-collapse-toggle{background:#0000;border:none;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;padding:.2rem;cursor:pointer;opacity:.6;transition:opacity .2s ease}.games-section-header:hover .games-collapse-toggle{opacity:1}.games-content{background:#000;min-height:400px;position:relative;display:flex;align-items:center;justify-content:center;animation:slideDown .3s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.games-content>div{width:100%;margin:0!important;border-radius:0!important;box-shadow:none!important;border:none!important}@media (max-width:1024px){.games-section{margin:1.5rem 0;border-radius:0;border-left:none;border-right:none}}