:root{--page-accent:#0f8;--page-accent-dim:#00ff884d;--page-accent-glow:#00ff881a;--cyan:#00e5ff}.arcade-hero{position:relative;overflow:hidden}.crt-lines{pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ff8804 2px 4px);width:100%;height:100%;animation:.1s infinite alternate crtFlicker;position:absolute;top:0;left:0}@keyframes crtFlicker{0%{opacity:.8}to{opacity:1}}.arcade-title{text-shadow:0 0 20px #00ff884d,0 0 60px #00ff881a;color:var(--page-accent);animation:3s ease-in-out infinite alternate titleGlow}@keyframes titleGlow{0%{text-shadow:0 0 20px #00ff884d,0 0 60px #00ff881a}to{text-shadow:0 0 30px #00ff8880,0 0 80px #0f83}}.games-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.game-card{padding:0;overflow:hidden}.game-card-header{border-bottom:1px solid #00ff8814;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;display:flex}.game-card-header h3{font-family:var(--serif);font-size:1.3rem;font-weight:400}.game-badge{letter-spacing:.15em;color:var(--page-accent);background:var(--page-accent-glow);border:1px solid var(--page-accent-dim);padding:.2rem .6rem;font-family:Share Tech Mono,monospace;font-size:.6rem}.game-canvas-wrap{background:#020502;justify-content:center;padding:1rem;display:flex;position:relative}#snake-canvas{image-rendering:pixelated;border:1px solid #00ff8826;display:block}.game-overlay{z-index:2;background:#020502d9;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .4s;display:flex;position:absolute;top:0;left:0}.game-overlay.hidden{opacity:0;pointer-events:none}.game-start-btn{letter-spacing:.3em;color:var(--page-accent);border:1px solid var(--page-accent);background:0 0;padding:.8rem 2rem;font-family:Share Tech Mono,monospace;font-size:1.1rem;transition:all .3s}.game-start-btn:hover{background:var(--page-accent);color:var(--bg);box-shadow:0 0 20px var(--page-accent-dim)}.game-score{color:var(--page-accent);border-top:1px solid #00ff880f;padding:1rem 1.5rem;font-family:Share Tech Mono,monospace;font-size:.85rem}.game-controls-hint{color:var(--text-muted);padding:0 1.5rem 1rem;font-family:Share Tech Mono,monospace;font-size:.65rem}.game-restart-btn{letter-spacing:.15em;width:calc(100% - 3rem);color:var(--page-accent);background:var(--page-accent-glow);border:1px solid var(--page-accent-dim);margin:0 1.5rem 1.5rem;padding:.6rem;font-family:Share Tech Mono,monospace;font-size:.75rem;transition:all .3s;display:block}.game-restart-btn:hover{background:var(--page-accent);color:var(--bg)}.memory-board{grid-template-columns:repeat(4,1fr);gap:.5rem;padding:1rem 1.5rem;display:grid}.memory-cell{aspect-ratio:1;cursor:none;transition:all .4s var(--ease-out-expo);background:#0a0f0a;border:1px solid #00ff881a;justify-content:center;align-items:center;font-size:1.5rem;display:flex;position:relative}.memory-cell.flipped{background:var(--page-accent-glow);border-color:var(--page-accent);color:var(--page-accent)}.memory-cell.matched{color:var(--page-accent);opacity:.6;background:#00ff880d;border-color:#0f86}.memory-cell .cell-symbol{opacity:0;transition:all .3s var(--ease-out-expo);transform:scale(.5)}.memory-cell.flipped .cell-symbol,.memory-cell.matched .cell-symbol{opacity:1;transform:scale(1)}.reaction-zone{cursor:none;-webkit-user-select:none;user-select:none;background:#0a0505;border:1px solid #ff32321a;flex-direction:column;justify-content:center;align-items:center;height:200px;margin:0 1.5rem .5rem;transition:all .3s;display:flex}.reaction-zone.waiting{background:#0a0505;border-color:#ff323233}.reaction-zone.ready{border-color:var(--page-accent);box-shadow:0 0 30px var(--page-accent-glow);background:#051a0a}.reaction-zone.clicked{border-color:var(--cyan);background:#0a0a1a}.reaction-text{color:var(--text-dim);letter-spacing:.1em;font-family:Share Tech Mono,monospace;font-size:1rem}.reaction-result{color:var(--page-accent);margin-top:.5rem;font-family:Share Tech Mono,monospace;font-size:2rem}.mole-board{grid-template-columns:repeat(3,1fr);gap:.5rem;padding:1rem 1.5rem;display:grid}.mole-hole{aspect-ratio:1;cursor:none;background:#060a06;border:1px solid #00ff8814;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex;position:relative;overflow:hidden}.mole{width:70%;height:70%;transition:transform .15s var(--ease-out-expo);pointer-events:none;background:radial-gradient(circle at 40% 40%,#0f8,#084);border-radius:50%;transform:scale(0)}.mole-hole.active .mole{transform:scale(1)}.mole-hole.hit{background:#00ff8826}.typing-zone{padding:1rem 1.5rem}.typing-prompt{color:var(--text-dim);background:#020502;border:1px solid #00ff880f;min-height:3.5rem;margin-bottom:.75rem;padding:.75rem;font-family:Share Tech Mono,monospace;font-size:.9rem;line-height:1.8}.typing-prompt .correct{color:var(--page-accent)}.typing-prompt .wrong{color:#f44;text-decoration:underline}.typing-prompt .cursor-char{background:#00ff884d}.typing-input{background:var(--bg);width:100%;color:var(--page-accent);border:1px solid #00ff881a;outline:none;padding:.6rem .75rem;font-family:Share Tech Mono,monospace;font-size:.9rem}.typing-input:focus{border-color:var(--page-accent)}.typing-input:disabled{opacity:.4}.color-match-zone{text-align:center;padding:1.5rem}.color-match-word{font-family:var(--serif);justify-content:center;align-items:center;min-height:3.5rem;margin-bottom:1.5rem;font-size:2.5rem;font-weight:700;transition:color .2s;display:flex}.color-match-buttons{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.cm-btn{color:#fff;cursor:none;text-transform:uppercase;letter-spacing:.1em;border:none;padding:.6rem;font-family:Share Tech Mono,monospace;font-size:.75rem;font-weight:600;transition:all .2s}.cm-btn:hover{transform:scale(1.05);box-shadow:0 0 15px #ffffff26}.cm-btn.flash-correct{box-shadow:0 0 20px #00ff8880}.cm-btn.flash-wrong{box-shadow:0 0 20px #ff444480}.showcase-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.showcase-card{overflow:hidden}.showcase-thumb{aspect-ratio:16/9;width:100%;transition:transform .6s var(--ease-out-expo)}.showcase-card:hover .showcase-thumb{transform:scale(1.05)}.showcase-info{padding:1.5rem}.showcase-info h3{font-family:var(--serif);margin-bottom:.5rem;font-size:1.4rem;font-weight:400}.showcase-info p{color:var(--text-dim);margin-bottom:1rem;font-size:.85rem;font-weight:300;line-height:1.5}.showcase-tech{flex-wrap:wrap;gap:.4rem;margin-bottom:1.2rem;display:flex}.showcase-tech span{letter-spacing:.1em;color:var(--page-accent);background:var(--page-accent-glow);border:1px solid var(--page-accent-dim);padding:.15rem .5rem;font-size:.6rem}.showcase-actions{gap:.75rem;display:flex}.showcase-btn{letter-spacing:.15em;color:var(--bg);background:var(--page-accent);border:1px solid var(--page-accent);padding:.5rem 1rem;font-family:Share Tech Mono,monospace;font-size:.7rem;transition:all .3s;display:inline-block}.showcase-btn:hover{box-shadow:0 0 15px var(--page-accent-dim)}.showcase-btn-ghost{color:var(--page-accent);background:0 0}.showcase-btn-ghost:hover{background:var(--page-accent-glow)}.leaderboard{background:var(--bg-card);border:1px solid #00ff880f;font-family:Share Tech Mono,monospace;overflow:hidden}.leaderboard-header{letter-spacing:.2em;color:var(--page-accent);background:#00ff8808;border-bottom:1px solid #00ff881a;grid-template-columns:60px 1fr 100px 120px;padding:1rem 1.5rem;font-size:.65rem;display:grid}.leaderboard-row{color:var(--text-dim);border-bottom:1px solid #f5f0e808;grid-template-columns:60px 1fr 100px 120px;padding:.8rem 1.5rem;font-size:.8rem;transition:background .3s;display:grid}.leaderboard-row:hover{background:#00ff8808}.leaderboard-row .rank{color:var(--page-accent)}.leaderboard-empty{color:var(--text-muted);text-align:center;padding:2rem 1.5rem;font-size:.8rem}@media (width<=1024px){.games-grid,.showcase-grid{grid-template-columns:1fr}}@media (width<=768px){.memory-board{grid-template-columns:repeat(4,1fr)}.leaderboard-header,.leaderboard-row{grid-template-columns:40px 1fr 80px}.leaderboard-header span:last-child,.leaderboard-row span:last-child{display:none}}