:root{color-scheme:dark;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;--bg: #0a0a0f;--surface: #12121a;--surface2: #1a1a28;--border: rgba(255, 255, 255, .08);--accent: #7c5cbf;--accent2: #9b6dd7;--green: #4ade80;--red: #ef4444;--yellow: #fbbf24;--text: #e4e4e7;--text2: rgba(255, 255, 255, .55);--radius: 12px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{min-height:100vh;background:var(--bg);color:var(--text)}.app{max-width:1200px;margin:0 auto;padding:0 1.5rem 3rem}.header{padding:2.5rem 0 1rem;text-align:center}.logo{font-size:2rem;font-weight:700;letter-spacing:-.03em;margin-bottom:.25rem}.subtitle{color:var(--text2);font-size:.95rem}.toolbar{display:flex;flex-direction:column;gap:1rem;margin:1.5rem 0}.search{width:100%;padding:.75rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-size:.95rem;outline:none;transition:border-color .2s}.search:focus{border-color:var(--accent)}.search::placeholder{color:var(--text2)}.categories{display:flex;gap:.5rem;flex-wrap:wrap}.cat-btn{padding:.4rem .9rem;border:1px solid var(--border);border-radius:2rem;background:transparent;color:var(--text2);font-size:.8rem;cursor:pointer;transition:all .2s}.cat-btn:hover{border-color:var(--accent);color:var(--text)}.cat-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.game-card{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;text-align:left;color:inherit;transition:all .2s}.game-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 24px #7c5cbf1f}.game-icon{font-size:2.5rem;line-height:1;flex-shrink:0}.game-info h3{font-size:1.05rem;font-weight:600;margin-bottom:.3rem}.game-info p{font-size:.82rem;color:var(--text2);line-height:1.4;margin-bottom:.5rem}.game-category{font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--accent2);background:#7c5cbf1f;padding:.2rem .5rem;border-radius:4px}.no-results{grid-column:1 / -1;text-align:center;padding:3rem;color:var(--text2)}.footer{text-align:center;padding:3rem 0 1rem;color:var(--text2);font-size:.82rem}.loading{display:grid;place-items:center;min-height:100vh;color:var(--text2);font-size:1.1rem}.game-page{max-width:600px;margin:0 auto;padding:1.5rem;min-height:100vh;display:flex;flex-direction:column;align-items:center}.game-page h2{font-size:1.5rem;font-weight:700;margin:.5rem 0;letter-spacing:-.02em}.back-btn{align-self:flex-start;background:transparent;border:1px solid var(--border);color:var(--text2);padding:.4rem .8rem;border-radius:8px;cursor:pointer;font-size:.85rem;transition:all .2s}.back-btn:hover{border-color:var(--accent);color:var(--text)}.game-info-row{display:flex;gap:1.5rem;font-size:.95rem;color:var(--text2);margin:.5rem 0}.game-status{text-align:center;margin:.5rem 0;font-size:1rem}.game-status.win{color:var(--green);font-weight:600}.game-status.lose{color:var(--red);font-weight:600}.game-center{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin:1rem 0}.btn{padding:.6rem 1.5rem;background:var(--accent);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background .2s}.btn:hover{background:var(--accent2)}.btn-secondary{background:var(--surface2);border:1px solid var(--border);color:var(--text2)}.btn-secondary:hover{background:var(--surface);color:var(--text)}.btn:disabled{opacity:.4;cursor:not-allowed}.ttt-board{display:grid;grid-template-columns:repeat(3,80px);gap:4px;margin:1rem 0}.ttt-cell{width:80px;height:80px;background:var(--surface);border:1px solid var(--border);border-radius:8px;font-size:2rem;font-weight:700;cursor:pointer;transition:all .15s;color:var(--text)}.ttt-cell:hover:not(.filled){background:var(--surface2)}.ttt-cell.x{color:var(--accent2)}.ttt-cell.o{color:var(--green)}.snake-board{position:relative;background:var(--surface);border:2px solid var(--border);border-radius:8px;margin:1rem 0;overflow:hidden}.snake-cell{position:absolute;border-radius:3px}.snake-food{position:absolute;background:var(--red);border-radius:50%}.snake-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000b3;color:var(--text);font-size:1rem;gap:.5rem}.memory-grid{display:grid;grid-template-columns:repeat(4,70px);gap:8px;margin:1rem 0}.memory-card{width:70px;height:80px;background:var(--surface);border:1px solid var(--border);border-radius:8px;font-size:1.8rem;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;color:var(--text2)}.memory-card:hover:not(.flipped){background:var(--surface2);border-color:var(--accent)}.memory-card.flipped{background:var(--surface2);border-color:var(--accent)}.memory-card.matched{background:#4ade801a;border-color:var(--green)}.mine-board{display:grid;gap:2px;margin:1rem 0}.mine-cell{width:32px;height:32px;background:var(--surface2);border:1px solid var(--border);border-radius:4px;font-size:.75rem;cursor:pointer;transition:all .1s;display:flex;align-items:center;justify-content:center;color:var(--text);font-weight:600}.mine-cell:hover:not(.revealed){background:#7c5cbf33}.mine-cell.revealed{background:var(--surface);cursor:default}.mine-cell.mine{background:#ef444433}.mine-cell .num-1{color:#3b82f6}.mine-cell .num-2{color:#22c55e}.mine-cell .num-3{color:#ef4444}.mine-cell .num-4{color:#7c3aed}.difficulty-bar{display:flex;gap:.5rem;margin:.5rem 0}.diff-btn{padding:.35rem .8rem;border:1px solid var(--border);border-radius:6px;background:transparent;color:var(--text2);font-size:.8rem;cursor:pointer;transition:all .2s}.diff-btn.active{background:var(--accent);border-color:var(--accent);color:#fff}.diff-btn:hover:not(.active){border-color:var(--accent)}.grid-2048{display:grid;grid-template-columns:repeat(4,72px);gap:6px;background:var(--surface2);padding:8px;border-radius:10px;margin:1rem 0}.tile-2048{width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:8px;font-size:1.3rem;font-weight:700;transition:all .15s}.controls-2048{color:var(--text2);font-size:.85rem;margin-bottom:.5rem}.mole-grid{display:grid;grid-template-columns:repeat(3,90px);gap:10px;margin:1rem 0}.mole-hole{width:90px;height:90px;background:var(--surface);border:2px solid var(--border);border-radius:50%;font-size:2rem;cursor:pointer;transition:all .15s;display:flex;align-items:center;justify-content:center}.mole-hole.active{background:#fbbf2426;border-color:var(--yellow);transform:scale(1.05)}.mole-hole:hover{border-color:var(--accent)}.hangman-drawing{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:1rem;line-height:1.6;margin:.75rem 0;background:var(--surface);padding:1rem;border-radius:8px;min-width:180px}.hangman-line{margin:0;white-space:pre}.hangman-word{display:flex;gap:.5rem;margin:1rem 0;font-size:1.8rem;font-weight:700;letter-spacing:.15em}.hangman-letter{width:2rem;text-align:center;border-bottom:3px solid var(--accent);padding-bottom:.25rem}.hangman-alphabet{display:flex;flex-wrap:wrap;gap:4px;justify-content:center;max-width:380px;margin:1rem 0}.hangman-key{width:32px;height:36px;background:var(--surface);border:1px solid var(--border);border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s;color:var(--text)}.hangman-key:hover:not(:disabled){background:var(--surface2);border-color:var(--accent)}.hangman-key.correct{background:#4ade8026;border-color:var(--green);color:var(--green)}.hangman-key.wrong{background:#ef44441a;border-color:#ef44444d;color:var(--text2);opacity:.5}.simon-board{display:grid;grid-template-columns:repeat(2,120px);gap:10px;margin:1rem 0}.simon-btn{width:120px;height:120px;border-radius:16px;border:3px solid transparent;cursor:pointer;transition:all .15s}.simon-btn.red{background:#dc2626}.simon-btn.green{background:#16a34a}.simon-btn.blue{background:#2563eb}.simon-btn.yellow{background:#ca8a04}.simon-btn.active{transform:scale(1.08);filter:brightness(1.5);box-shadow:0 0 24px currentColor}.simon-btn:disabled{cursor:not-allowed;opacity:.7}.simon-btn:hover:not(:disabled){border-color:#ffffff4d}.typing-words{display:flex;flex-wrap:wrap;gap:.5rem;background:var(--surface);padding:1rem;border-radius:8px;margin:1rem 0;line-height:2;max-width:400px}.typing-word{font-size:1rem;color:var(--text2)}.typing-word.current{color:var(--text);font-weight:600;text-decoration:underline;text-underline-offset:3px}.typing-input{width:100%;max-width:400px;padding:.75rem 1rem;background:var(--surface);border:2px solid var(--accent);border-radius:8px;color:var(--text);font-size:1rem;outline:none}.breakout-canvas{border:2px solid var(--border);border-radius:8px;margin:1rem 0;cursor:none;max-width:100%}.riddle-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem;margin:1rem 0;text-align:center;min-height:100px;display:flex;flex-direction:column;justify-content:center;gap:.75rem;width:100%;max-width:500px}.riddle-question{font-size:1rem;line-height:1.6;color:var(--text)}.riddle-hint{color:var(--yellow);font-size:.85rem;font-style:italic}.riddle-solved{color:var(--green);font-weight:600;font-size:1.1rem}.riddle-input-row{display:flex;gap:.5rem;width:100%;max-width:500px;margin-bottom:.5rem}.riddle-input{flex:1;padding:.6rem 1rem;background:var(--surface);border:1px solid var(--border);border-radius:8px;color:var(--text);font-size:.95rem;outline:none}.riddle-input:focus{border-color:var(--accent)}.riddle-nav{display:flex;align-items:center;gap:1rem;margin-top:1rem}.riddle-dots{display:flex;gap:6px}.riddle-dot{width:10px;height:10px;border-radius:50%;background:var(--surface2);border:1px solid var(--border);cursor:pointer;transition:all .2s}.riddle-dot.active{background:var(--accent);border-color:var(--accent)}.riddle-dot.solved{background:var(--green);border-color:var(--green)}@media(max-width:640px){.grid{grid-template-columns:1fr}.memory-grid{grid-template-columns:repeat(4,60px)}.memory-card{width:60px;height:70px}.simon-board{grid-template-columns:repeat(2,100px)}.simon-btn{width:100px;height:100px}.ttt-cell{width:70px;height:70px}.ttt-board{grid-template-columns:repeat(3,70px)}.grid-2048{grid-template-columns:repeat(4,60px)}.tile-2048{width:60px;height:60px;font-size:1.1rem}.mole-grid{grid-template-columns:repeat(3,75px)}.mole-hole{width:75px;height:75px}.game-page{padding:1rem}}