.crt-container.svelte-1j7708u{position:relative;display:inline-block;--intensity:.15}.crt-screen.svelte-1j7708u{position:relative;filter:contrast(1.1) brightness(.95);overflow:hidden}.crt-scanlines.svelte-1j7708u{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,calc(.1 * var(--intensity))) 0px,rgba(0,0,0,calc(.1 * var(--intensity))) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:1;mix-blend-mode:overlay}.crt-flicker.svelte-1j7708u{position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;pointer-events:none;z-index:2;animation:svelte-1j7708u-crtFlicker .15s infinite;mix-blend-mode:screen}@keyframes svelte-1j7708u-crtFlicker{0%{opacity:1}50%{opacity:.98}to{opacity:1}}.crt-vignette.svelte-1j7708u{position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,transparent 60%,rgba(0,0,0,calc(.3 * var(--intensity))) 100%);pointer-events:none;z-index:3}.crt-screen.svelte-1j7708u:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,transparent 0%,transparent 50%,rgba(0,0,0,calc(.1 * var(--intensity))) 100%);pointer-events:none;z-index:0;border-radius:2px}.crt-screen.svelte-1j7708u:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:transparent;box-shadow:inset -1px 0 rgba(255,0,0,calc(.1 * var(--intensity))),inset 1px 0 rgba(0,255,255,calc(.1 * var(--intensity)));pointer-events:none;z-index:4;mix-blend-mode:screen}.volume-control.svelte-12k5aop{display:flex;align-items:center;gap:8px;grid-column:1;justify-self:start}.play-button.svelte-12k5aop,.mute-button.svelte-12k5aop{background:#000c;border:2px solid #00ffff;color:#0ff;padding:6px 10px;cursor:pointer;font-size:16px;transition:all .3s;box-shadow:0 0 10px #00ffff80,inset 0 0 10px #00ffff1a;min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;font-family:Courier New,monospace}.play-button.svelte-12k5aop:hover,.mute-button.svelte-12k5aop:hover{background:#00ffff1a;box-shadow:0 0 20px #0ffc,0 0 30px #0ff9,inset 0 0 20px #0ff3;transform:scale(1.05);text-shadow:0 0 10px #00ffff}.play-button.svelte-12k5aop:active,.mute-button.svelte-12k5aop:active{transform:scale(.95)}.play-button.svelte-12k5aop{font-weight:700}.volume-slider.svelte-12k5aop{width:100px;height:5px;background:#000c;border:1px solid #00ffff;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;box-shadow:0 0 5px #00ffff4d,inset 0 0 5px #00ffff1a;border-radius:2px}.volume-slider.svelte-12k5aop::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:#0ff;cursor:pointer;border:2px solid #ffffff;box-shadow:0 0 8px #0ffc;border-radius:2px;transition:all .2s}.volume-slider.svelte-12k5aop::-webkit-slider-thumb:hover{background:#fff;box-shadow:0 0 12px #0ff;transform:scale(1.15)}.volume-slider.svelte-12k5aop::-moz-range-thumb{width:14px;height:14px;background:#0ff;cursor:pointer;border:2px solid #ffffff;box-shadow:0 0 8px #0ffc;border-radius:2px;transition:all .2s}.volume-slider.svelte-12k5aop::-moz-range-thumb:hover{background:#fff;box-shadow:0 0 12px #0ff;transform:scale(1.15)}.volume-slider.svelte-12k5aop:focus{box-shadow:0 0 15px #0ffc,0 0 25px #00ffff80,inset 0 0 10px #0ff3}*{margin:0;padding:0;box-sizing:border-box}html,body{margin:0;padding:0;width:100%}body{font-family:Courier New,monospace;background:#0a0a0a;color:#0ff;overflow-x:hidden;min-height:100vh;position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15) 0px,rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px),linear-gradient(180deg,#0a0a0a,#000);pointer-events:none;z-index:-1}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(0,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.03) 1px,transparent 1px);background-size:50px 50px;pointer-events:none;z-index:-1}#app{min-height:100vh;position:relative}.graffiti-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:visible}.graffiti-text{position:absolute;font-weight:700;text-transform:uppercase;letter-spacing:2px;opacity:1;text-shadow:0 0 10px currentColor,0 0 20px currentColor,0 0 30px currentColor;white-space:normal;text-align:center;-webkit-user-select:none;user-select:none;mix-blend-mode:normal}.graffiti-logo{position:absolute;-webkit-user-select:none;user-select:none;pointer-events:none;mix-blend-mode:screen}.graffiti-logo img{display:block;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges}.graffiti-logo-text{position:absolute;font-weight:700;text-transform:uppercase;letter-spacing:3px;white-space:nowrap;-webkit-user-select:none;user-select:none;mix-blend-mode:normal;opacity:1}button{font-family:Courier New,monospace;background:#000c;border:2px solid #00ffff;color:#0ff;padding:12px 24px;cursor:pointer;font-size:16px;text-transform:uppercase;letter-spacing:2px;transition:all .3s;box-shadow:0 0 10px #00ffff80,inset 0 0 10px #00ffff1a;position:relative;overflow:hidden}button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.3),transparent);transition:left .5s}button:hover:before{left:100%}button:hover{background:#00ffff1a;color:#fff;box-shadow:0 0 20px #0ffc,0 0 30px #0ff9,inset 0 0 20px #0ff3;transform:scale(1.05);text-shadow:0 0 10px #00ffff}button:active{transform:scale(.95)}button:disabled{opacity:.5;cursor:not-allowed}input{font-family:Courier New,monospace;background:#000c;border:2px solid #00ffff;color:#0ff;padding:12px;font-size:16px;text-transform:uppercase;letter-spacing:2px;box-shadow:0 0 5px #00ffff4d,inset 0 0 5px #00ffff1a}input:focus{outline:none;box-shadow:0 0 15px #0ffc,0 0 25px #00ffff80,inset 0 0 10px #0ff3;border-color:#fff}input::placeholder{color:#00ffff80}.container{max-width:1200px;margin:0 auto;padding:20px;position:relative;z-index:10}.card{background:#000000d9;border:2px solid #00ffff;padding:30px;margin:20px 0;box-shadow:0 0 20px #0ff6,inset 0 0 20px #00ffff0d;position:relative}.card:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;border:1px solid rgba(255,0,255,.3);pointer-events:none;z-index:-1}.card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#00ffff0d,#ff00ff0d);pointer-events:none;z-index:-1}h1,h2,h3{letter-spacing:4px;font-weight:700}h1{font-size:3em;margin-bottom:10px}h2{font-size:1.2em;margin-top:0}.main-title{color:#0ff;text-shadow:0 0 10px #00ffff,0 0 20px #00ffff,0 0 30px #00ffff,0 0 40px #00ffff,2px 2px 0 #ff00ff,-2px -2px 0 #00ffff;margin:0;font-size:2.5em;letter-spacing:8px}.subtitle{color:#f0f;text-shadow:0 0 10px #ff00ff,0 0 20px #ff00ff,0 0 30px #ff00ff;margin:0;font-size:.8em;letter-spacing:6px;opacity:.9}.nav-title{display:flex;flex-direction:column;align-items:center;grid-column:2;justify-self:center}.nav-links{display:flex;gap:10px;grid-column:3;justify-self:end}.score-table{width:100%;border-collapse:collapse;margin:20px 0}.score-table th,.score-table td{padding:12px;text-align:left;border-bottom:1px solid rgba(0,255,255,.3)}.score-table th{background:#00ffff1a;text-transform:uppercase;letter-spacing:2px;color:#0ff;text-shadow:0 0 5px #00ffff}.score-table tr:hover{background:#00ffff0d;box-shadow:inset 0 0 10px #0ff3}.game-container{background:#000000e6;border:3px solid #00ffff;padding:20px;margin:20px 0;min-height:400px;position:relative;box-shadow:0 0 30px #00ffff80,inset 0 0 30px #00ffff1a}.spinner{border:4px solid rgba(0,255,255,.3);border-top:4px solid #00ffff;border-radius:50%;width:40px;height:40px;margin:20px auto;box-shadow:0 0 20px #00ffff80;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error{color:#ff0080;background:#ff00801a;border:2px solid #ff0080;padding:10px;margin:10px 0;box-shadow:0 0 10px #ff008080,inset 0 0 10px #ff00801a;text-shadow:0 0 5px #ff0080}.success{color:#00ff80;background:#00ff801a;border:2px solid #00ff80;padding:10px;margin:10px 0;box-shadow:0 0 10px #00ff8080,inset 0 0 10px #00ff801a;text-shadow:0 0 5px #00ff80}nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:20px 40px;border-bottom:2px solid #00ffff;margin-bottom:30px;background:#000000f2;box-shadow:0 0 20px #00ffff4d,inset 0 -2px #ff00ff4d;position:relative;width:100%;z-index:10}nav:before{content:"";position:absolute;bottom:-2px;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#ff00ff,#00ffff,#ff00ff,transparent);animation:neonScan 3s linear infinite}nav a{color:#0ff;text-decoration:none;padding:10px 20px;border:2px solid transparent;transition:all .3s;text-transform:uppercase;letter-spacing:2px;text-shadow:0 0 5px #00ffff;position:relative}nav a:hover{border-color:#0ff;box-shadow:0 0 15px #0ff9,inset 0 0 10px #00ffff1a;color:#fff;text-shadow:0 0 10px #00ffff,0 0 20px #00ffff}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin:20px 0}.game-card{background:#000000d9;border:2px solid #00ffff;padding:20px;cursor:pointer;transition:all .3s;text-align:center;box-shadow:0 0 15px #00ffff4d,inset 0 0 15px #00ffff0d;position:relative;overflow:hidden}.game-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,255,.2),transparent);transition:left .5s}.game-card:hover:before{left:100%}.game-card:hover{transform:scale(1.05);box-shadow:0 0 30px #0ffc,0 0 50px #f0f6,inset 0 0 20px #0ff3;border-color:#fff}.game-card h3{color:#0ff;text-shadow:0 0 10px #00ffff;margin-bottom:10px}.game-card .game-image{width:100%;max-width:250px;height:auto;margin-top:15px;display:block;margin-left:auto;margin-right:auto;object-fit:contain}@keyframes neonPulse{0%,to{opacity:1;text-shadow:0 0 10px currentColor,0 0 20px currentColor,0 0 30px currentColor,0 0 40px currentColor}25%{opacity:.95;text-shadow:0 0 8px currentColor,0 0 16px currentColor,0 0 24px currentColor,0 0 32px currentColor}50%{opacity:.85;text-shadow:0 0 5px currentColor,0 0 10px currentColor,0 0 15px currentColor,0 0 20px currentColor}75%{opacity:.95;text-shadow:0 0 8px currentColor,0 0 16px currentColor,0 0 24px currentColor,0 0 32px currentColor}}@keyframes neonScan{0%{transform:translate(-100%);opacity:0}50%{opacity:1}to{transform:translate(100%);opacity:0}}@keyframes neonFlicker{0%,to{opacity:1}41.99%{opacity:1}42%{opacity:0}43%{opacity:0}43.01%{opacity:1}47.99%{opacity:1}48%{opacity:0}49%{opacity:0}49.01%{opacity:1}}@keyframes glowPulse{0%,to{box-shadow:0 0 10px #00ffff80,0 0 20px #00ffff4d,0 0 30px #0ff3,inset 0 0 10px #00ffff1a}50%{box-shadow:0 0 20px #0ffc,0 0 40px #0ff9,0 0 60px #0ff6,inset 0 0 20px #0ff3}}@keyframes colorShift{0%{filter:hue-rotate(0deg)}50%{filter:hue-rotate(180deg)}to{filter:hue-rotate(360deg)}}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes glitchText{0%,90%,to{text-shadow:1px 1px 0 #ff00ff,-1px -1px 0 #00ffff;transform:translate(0)}5%{text-shadow:-1px 1px 0 #ff00ff,1px -1px 0 #00ffff;transform:translate(1px,-1px)}10%{text-shadow:1px -1px 0 #ff00ff,-1px 1px 0 #00ffff;transform:translate(-1px,1px)}15%{text-shadow:-1px -1px 0 #ff00ff,1px 1px 0 #00ffff;transform:translate(-1px,-1px)}20%{text-shadow:1px 1px 0 #ff00ff,-1px -1px 0 #00ffff;transform:translate(1px,1px)}}@keyframes digitalGlitch{0%,to{clip-path:inset(0 0 0 0);transform:translate(0)}10%{clip-path:inset(20% 0 60% 0);transform:translate(-2px,2px)}20%{clip-path:inset(60% 0 20% 0);transform:translate(2px,-2px)}30%{clip-path:inset(40% 0 40% 0);transform:translate(-2px,-2px)}40%{clip-path:inset(80% 0 10% 0);transform:translate(2px,2px)}50%{clip-path:inset(10% 0 80% 0);transform:translate(-2px,2px)}60%{clip-path:inset(0 0 0 0);transform:translate(0)}}.main-title{animation:neonPulse 1.5s steps(4,end) infinite}.subtitle{animation:neonPulse 2.5s ease-in-out infinite}.card{animation:glowPulse 3s ease-in-out infinite}.glitch-text{animation:glitchText 4s steps(8,end) infinite}.neon-scan{position:relative;overflow:hidden}.neon-scan:after{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,rgba(0,255,255,.8),transparent);animation:neonScan 3s linear infinite;pointer-events:none;z-index:1000}.glitch{animation:glitch .3s infinite}.glitch-text{animation:glitchText 2s infinite}.digital-glitch{animation:digitalGlitch 4s infinite;position:relative}