@import url("https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&family=Rajdhani:wght@300;400;500;600;700&display=swap");:root{--primary-dark:#0a0a0a;--secondary-dark:#1a1a1a;--accent-purple:#9333ea;--accent-gold:#ffd700;--accent-yellow:#ffe066;--text-main:#fff;--text-subtle:#e0e0e0;--card-bg:#18181b;--card-border:rgba(255,215,0,0.15);--focus-outline:2px solid #ffd700}.games-hero-bg{min-height:100vh;background:linear-gradient(135deg,var(--primary-dark) 0,var(--secondary-dark) 50%,#0f0f0f 100%);position:relative;overflow:hidden}.games-container{max-width:1200px;margin:0 auto;padding:48px 16px 32px;position:relative;z-index:2}.games-title{font-family:Orbitron,monospace;font-size:2.8rem;color:var(--accent-gold);text-align:center;margin-bottom:8px;letter-spacing:-.01em;animation:textGradient 6s ease-in-out infinite;background:linear-gradient(90deg,#fff 0,var(--accent-gold) 50%,var(--accent-purple) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@keyframes textGradient{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.games-subtitle{font-family:Rajdhani,sans-serif;color:var(--text-subtle);text-align:center;margin-bottom:32px;font-size:1.2rem}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:32px;gap:32px;margin-bottom:40px}.game-card{background:var(--card-bg);border:2px solid var(--card-border);border-radius:18px;box-shadow:0 4px 24px rgba(147,51,234,.08);padding:32px 16px 24px;display:flex;flex-direction:column;align-items:center;cursor:pointer;transition:transform .18s cubic-bezier(.4,2,.6,1),box-shadow .18s,border .18s;outline:none;position:relative;font-family:Rajdhani,sans-serif;color:var(--text-main);font-size:1.1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.game-card:focus{border:var(--focus-outline);box-shadow:0 0 0 4px rgba(255,215,0,.18)}.game-card:active,.game-card:hover{transform:translateY(-6px) scale(1.04);border-color:var(--accent-gold);box-shadow:0 8px 32px rgba(255,215,0,.12);background:linear-gradient(135deg,#18181b 80%,var(--accent-purple) 100%)}.game-icon{font-size:2.6rem;color:var(--accent-purple);margin-bottom:12px;transition:color .2s}.game-card:hover .game-icon{color:var(--accent-gold)}.game-name{font-family:Orbitron,monospace;font-size:1.15rem;color:var(--accent-yellow);margin-top:4px;letter-spacing:.01em}.game-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(10,10,10,.92);z-index:100;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.game-modal>*{max-width:98vw;max-height:98vh;overflow:auto;border-radius:18px;box-shadow:0 8px 40px rgba(147,51,234,.18)}.close-modal{position:absolute;top:24px;right:32px;background:none;border:none;color:var(--accent-gold);font-size:2.2rem;cursor:pointer;z-index:101;transition:color .2s}.close-modal:focus,.close-modal:hover{color:var(--accent-purple);outline:var(--focus-outline)}@media (max-width:700px){.games-container{padding:24px 4px}.games-title{font-size:2rem}.games-grid{gap:16px}.game-card{padding:20px 8px 16px;font-size:1rem}.game-icon{font-size:2rem}}.gameplay-title{font-family:Orbitron,monospace;font-size:2rem;color:var(--accent-gold);text-align:center;margin-bottom:18px;letter-spacing:.01em;background:linear-gradient(90deg,#fff 0,var(--accent-gold) 50%,var(--accent-purple) 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:textGradient 6s ease-in-out infinite}.memory-grid{display:grid;grid-template-columns:repeat(4,60px);grid-gap:16px;gap:16px;justify-content:center;margin-bottom:18px}.card-btn{width:60px;height:60px;background:var(--card-bg);border:2px solid var(--accent-purple);border-radius:12px;font-size:2rem;color:var(--accent-gold);display:flex;align-items:center;justify-content:center;transition:transform .18s,box-shadow .18s,border .18s;cursor:pointer;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.card-btn:focus{border:var(--focus-outline);box-shadow:0 0 0 4px rgba(255,215,0,.18)}.card-btn.flipped{background:linear-gradient(135deg,#18181b 80%,var(--accent-gold) 100%);color:var(--accent-purple);transform:scale(1.08)}.card-face{font-size:2rem;font-family:Orbitron,monospace}.memory-stats{display:flex;justify-content:center;gap:24px;color:var(--accent-yellow);font-family:Rajdhani,sans-serif;margin-bottom:8px}.pattern-matrix-grid{display:grid;grid-template-columns:repeat(4,48px);grid-gap:12px;gap:12px;justify-content:center;margin-bottom:18px}.pattern-cell{width:48px;height:48px;background:var(--card-bg);border:2px solid var(--accent-purple);border-radius:10px;font-size:1.5rem;color:var(--accent-gold);display:flex;align-items:center;justify-content:center;transition:background .18s,border .18s,color .18s;cursor:pointer;outline:none}.pattern-cell:focus{border:var(--focus-outline)}.pattern-cell.correct{background:linear-gradient(135deg,#18181b 80%,var(--accent-gold) 100%);color:var(--accent-purple)}.pattern-cell.incorrect{background:#ef4444;color:#fff}.cell-x{font-size:1.2rem;color:#ef4444}.pattern-matrix-stats{display:flex;justify-content:center;gap:18px;color:var(--accent-yellow);font-family:Rajdhani,sans-serif;margin-bottom:8px}.simon-sequence{gap:24px;margin-bottom:18px}.simon-btn,.simon-sequence{display:flex;justify-content:center}.simon-btn{width:60px;height:60px;border-radius:50%;border:3px solid var(--card-border);align-items:center;font-size:2rem;transition:box-shadow .18s,border .18s,opacity .18s;outline:none;cursor:pointer}.simon-btn:focus{border:var(--focus-outline)}.simon-btn.active{box-shadow:0 0 16px 4px var(--accent-gold);opacity:1!important}.simon-icon{font-size:2rem}.simon-stats{display:flex;justify-content:center;gap:18px;color:var(--accent-yellow);font-family:Rajdhani,sans-serif;margin-bottom:8px}.number-sequence-grid{display:grid;grid-template-columns:repeat(4,48px);grid-gap:10px;gap:10px;justify-content:center;margin-bottom:18px}.number-cell{width:48px;height:48px;background:var(--card-bg);border:2px solid var(--accent-purple);border-radius:10px;font-size:1.2rem;color:var(--accent-gold);display:flex;align-items:center;justify-content:center;transition:background .18s,border .18s,color .18s;cursor:pointer;outline:none}.number-cell:focus{border:var(--focus-outline)}.number-cell.correct{background:linear-gradient(135deg,#18181b 80%,var(--accent-gold) 100%);color:var(--accent-purple)}.number-sequence-stats{gap:18px;color:var(--accent-yellow);margin-bottom:8px}.number-sequence-stats,.word-target{display:flex;justify-content:center;font-family:Rajdhani,sans-serif}.word-target{align-items:center;gap:10px;color:var(--accent-gold);margin-bottom:10px}.word-icon{font-size:1.5rem}.word-letters{display:flex;gap:12px;justify-content:center;margin-bottom:10px}.letter-btn{background:var(--card-bg);border:2px solid var(--accent-purple);border-radius:8px;font-size:1.2rem;color:var(--accent-gold);padding:8px 14px;cursor:pointer;transition:background .18s,border .18s,color .18s;outline:none}.letter-btn:focus{border:var(--focus-outline)}.word-input{display:flex;gap:8px;justify-content:center;margin-bottom:10px}.input-letter{font-family:Orbitron,monospace;font-size:1.2rem;color:var(--accent-yellow)}.word-stats{color:var(--accent-yellow);font-family:Rajdhani,sans-serif;margin-bottom:8px}.shape-drag-row,.word-stats{display:flex;justify-content:center;gap:18px}.shape-drag-row{margin-bottom:12px}.shape-draggable{width:48px;height:48px;background:var(--card-bg);border:2px solid var(--accent-purple);border-radius:10px;font-size:2rem;display:flex;align-items:center;justify-content:center;cursor:-webkit-grab;cursor:grab;transition:background .18s,border .18s,color .18s,opacity .18s;outline:none}.shape-draggable:focus{border:var(--focus-outline)}.shape-target-row{gap:18px;margin-bottom:12px}.shape-target,.shape-target-row{display:flex;justify-content:center}.shape-target{width:48px;height:48px;background:transparent;border:2px dashed var(--accent-purple);border-radius:10px;font-size:2rem;align-items:center;transition:background .18s,border .18s,color .18s;outline:none}.shape-target.filled{background:#18181b;border-style:solid}.shape-sorter-stats{gap:18px;color:var(--accent-yellow);margin-bottom:8px}.color-match-question,.shape-sorter-stats{display:flex;justify-content:center;font-family:Rajdhani,sans-serif}.color-match-question{align-items:center;gap:10px;color:var(--accent-gold);margin-bottom:10px}.color-match-icon{font-size:1.5rem}.color-match-options{display:flex;gap:12px;justify-content:center;margin-bottom:10px}.color-btn{border:2px solid var(--accent-purple);border-radius:8px;font-size:1.1rem;padding:10px 18px;font-family:Orbitron,monospace;font-weight:700;transition:background .18s,border .18s,color .18s;outline:none}.color-btn:focus{border:var(--focus-outline)}.color-match-stats{display:flex;justify-content:center;gap:18px;color:var(--accent-yellow);font-family:Rajdhani,sans-serif;margin-bottom:8px}.path-finder-grid{display:flex;flex-direction:column;align-items:center;margin-bottom:12px}.path-cell,.path-row{display:flex}.path-cell{width:36px;height:36px;background:var(--card-bg);border:2px solid var(--accent-purple);border-radius:6px;align-items:center;justify-content:center;margin:2px;font-size:1.2rem;color:var(--accent-gold);transition:background .18s,border .18s,color .18s}.path-cell.current{background:linear-gradient(135deg,#18181b 80%,var(--accent-gold) 100%);color:var(--accent-purple);border:2px solid var(--accent-gold)}.path-cell.end{background:#9333ea;color:#ffd700;border:2px solid #ffd700}.end-icon,.path-icon{font-size:1.1rem}.path-controls{flex-direction:column;align-items:center;margin-bottom:8px}.path-controls,.path-controls>div{display:flex;gap:6px}.path-btn{background:var(--card-bg);border:2px solid var(--accent-purple);border-radius:8px;color:var(--accent-gold);font-size:1.2rem;padding:6px 12px;cursor:pointer;transition:background .18s,border .18s,color .18s;outline:none}.path-btn:focus{border:var(--focus-outline)}.path-finder-stats{display:flex;justify-content:center;gap:18px;color:var(--accent-yellow);font-family:Rajdhani,sans-serif;margin-bottom:8px}@media (max-width:700px){.gameplay-title{font-size:1.3rem}.memory-grid,.number-sequence-grid,.pattern-matrix-grid{grid-template-columns:repeat(4,36px);gap:6px}.card-btn,.number-cell,.pattern-cell,.shape-draggable,.shape-target,.simon-btn{width:36px;height:36px;font-size:1.1rem}.color-match-options,.shape-drag-row,.shape-target-row,.word-letters{gap:6px}}