@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&family=VT323&display=swap";.login-screen{min-height:100vh;width:100%;max-width:100vw;background:linear-gradient(135deg,#000,#0a1a0a,#000);display:flex;align-items:center;justify-content:center;padding:20px;overflow-x:hidden;position:relative}.login-screen:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,0,.03) 2px,rgba(0,255,0,.03) 4px);pointer-events:none;z-index:1}.login-container{max-width:600px;width:100%;position:relative;z-index:2}.login-header{text-align:center;margin-bottom:30px}.header-decoration{font-family:var(--font-terminal-alt);color:var(--terminal-green-dark);font-size:10px;margin:8px 0;overflow:hidden}.game-logo{padding:20px 0}.logo-text{font-family:var(--font-terminal);font-size:28px;color:var(--terminal-green-bright);letter-spacing:4px;text-shadow:0 0 10px var(--terminal-green),0 0 20px var(--terminal-green),0 0 40px var(--terminal-green);animation:logoGlow 3s ease-in-out infinite}.logo-subtitle{font-family:var(--font-terminal);font-size:12px;color:#0ff;letter-spacing:3px;margin-top:10px;text-shadow:0 0 10px #00ffff}@keyframes logoGlow{0%,to{text-shadow:0 0 10px var(--terminal-green),0 0 20px var(--terminal-green),0 0 40px var(--terminal-green)}50%{text-shadow:0 0 20px var(--terminal-green-bright),0 0 40px var(--terminal-green-bright),0 0 60px var(--terminal-green)}}.system-status{background:#001400cc;border:1px solid var(--terminal-green-dark);padding:15px 20px;margin-bottom:25px;font-family:var(--font-terminal-alt);font-size:14px}.status-line{display:flex;justify-content:space-between;margin:5px 0}.status-label{color:var(--terminal-green-dark)}.status-value{color:var(--terminal-green)}.status-value.online{color:var(--terminal-green-bright);animation:blink 2s ease-in-out infinite}.status-value.connecting{color:#ff0;animation:pulse 1s ease-in-out infinite}.status-value.ready{color:var(--terminal-green)}@keyframes blink{0%,to{opacity:1}50%{opacity:.5}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.3}}.login-main{background:linear-gradient(180deg,#001e00e6,#000f00f2);border:2px solid var(--terminal-green);padding:40px;box-shadow:0 0 30px #3f33,inset 0 0 60px #00000080}.login-prompt{text-align:center;margin-bottom:30px}.prompt-text{font-family:var(--font-terminal);font-size:16px;color:var(--terminal-green-bright);letter-spacing:2px;margin-bottom:10px}.prompt-subtext{font-family:var(--font-terminal-alt);font-size:16px;color:var(--terminal-green)}.xogos-login-button{width:100%;display:flex;align-items:center;gap:20px;background:linear-gradient(135deg,#0064004d,#00320080);border:2px solid var(--terminal-green);padding:20px 25px;cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px #33ff334d}.xogos-login-button:hover{background:linear-gradient(135deg,#00960066,#00500099);box-shadow:0 0 40px #33ff3380;transform:translateY(-2px)}.xogos-login-button:active{transform:translateY(0)}.button-icon{width:50px;height:50px;background:var(--terminal-green);display:flex;align-items:center;justify-content:center;flex-shrink:0}.xogos-x{font-family:var(--font-terminal);font-size:28px;color:#000;font-weight:700}.button-content{display:flex;flex-direction:column;align-items:flex-start;text-align:left}.button-main{font-family:var(--font-terminal);font-size:18px;color:var(--terminal-green-bright);letter-spacing:2px}.button-sub{font-family:var(--font-terminal-alt);font-size:14px;color:var(--terminal-green-dark);margin-top:5px}.login-divider{display:flex;align-items:center;margin:25px 0}.divider-line{flex:1;height:1px;background:var(--terminal-green-dark)}.divider-text{font-family:var(--font-terminal-alt);font-size:14px;color:var(--terminal-green-dark);padding:0 15px}.manual-toggle-button{width:100%;background:transparent;border:1px solid var(--terminal-green-dark);color:var(--terminal-green-dark);padding:12px;font-family:var(--font-terminal);font-size:12px;cursor:pointer;transition:all .3s ease;letter-spacing:1px}.manual-toggle-button:hover{border-color:var(--terminal-green);color:var(--terminal-green)}.manual-entry-form{margin-top:20px;padding-top:20px;border-top:1px solid var(--terminal-green-dark)}.form-group{margin-bottom:15px}.form-label{display:block;font-family:var(--font-terminal);font-size:12px;color:#0ff;margin-bottom:8px;letter-spacing:2px}.form-input{width:100%;padding:12px 15px;background:#00000080;border:2px solid var(--terminal-green-dark);color:var(--terminal-green);font-family:var(--font-terminal-alt);font-size:16px;transition:all .3s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:var(--terminal-green);box-shadow:0 0 15px #33ff334d}.form-input::placeholder{color:#444}.submit-token-button{width:100%;background:transparent;border:2px solid var(--terminal-green);color:var(--terminal-green);padding:12px;font-family:var(--font-terminal);font-size:14px;cursor:pointer;transition:all .3s ease;letter-spacing:1px}.submit-token-button:hover{background:#33ff331a;box-shadow:0 0 20px #33ff334d}.connecting-section{text-align:center;padding:40px 0}.connecting-animation{position:relative;width:100px;height:100px;margin:0 auto 30px}.pulse-ring{position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid var(--terminal-green);border-radius:50%;animation:pulseRing 2s ease-out infinite}.pulse-ring.delay-1{animation-delay:.5s}.pulse-ring.delay-2{animation-delay:1s}@keyframes pulseRing{0%{transform:scale(.5);opacity:1}to{transform:scale(1.5);opacity:0}}.connecting-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-family:var(--font-terminal);font-size:36px;color:var(--terminal-green-bright);text-shadow:0 0 20px var(--terminal-green)}.connecting-text{font-family:var(--font-terminal);font-size:16px;color:var(--terminal-green-bright);letter-spacing:2px;margin-bottom:10px}.connecting-subtext{font-family:var(--font-terminal-alt);font-size:14px;color:var(--terminal-green-dark)}.success-section{text-align:center;padding:40px 0}.success-icon{width:80px;height:80px;border:3px solid var(--terminal-green-bright);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:40px;color:var(--terminal-green-bright);animation:successPop .5s ease-out}@keyframes successPop{0%{transform:scale(0);opacity:0}50%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}.success-text{font-family:var(--font-terminal);font-size:18px;color:var(--terminal-green-bright);letter-spacing:2px;margin-bottom:10px}.success-subtext{font-family:var(--font-terminal-alt);font-size:16px;color:var(--terminal-green);margin-bottom:20px}.redirect-text{font-family:var(--font-terminal-alt);font-size:14px;color:var(--terminal-green-dark);animation:blink 1s ease-in-out infinite}.error-section{text-align:center;padding:40px 0}.error-icon{width:80px;height:80px;border:3px solid #ff4444;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:40px;color:#f44}.error-text{font-family:var(--font-terminal);font-size:18px;color:#f44;letter-spacing:2px;margin-bottom:10px}.error-message{font-family:var(--font-terminal-alt);font-size:14px;color:#f66;margin-bottom:25px;padding:15px;background:#ff00001a;border:1px solid #ff4444}.retry-button{background:transparent;border:2px solid #ff4444;color:#f44;padding:12px 30px;font-family:var(--font-terminal);font-size:14px;cursor:pointer;transition:all .3s ease;letter-spacing:1px}.retry-button:hover{background:#ff44441a;box-shadow:0 0 20px #ff44444d}.loading-section{text-align:center;padding:60px 0}.loading-spinner{width:60px;height:60px;border:3px solid var(--terminal-green-dark);border-top-color:var(--terminal-green-bright);border-radius:50%;margin:0 auto 20px;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{font-family:var(--font-terminal);font-size:14px;color:var(--terminal-green);letter-spacing:2px}.login-info{background:#00140099;border:1px solid var(--terminal-green-dark);padding:20px;margin-top:25px}.info-title{font-family:var(--font-terminal);font-size:14px;color:var(--terminal-green-bright);margin-bottom:15px;letter-spacing:2px}.info-list{display:flex;flex-direction:column;gap:10px}.info-item{display:flex;align-items:flex-start;gap:10px;font-family:var(--font-terminal-alt);font-size:14px;color:var(--terminal-green)}.info-bullet{color:var(--terminal-green-bright)}.login-footer{margin-top:30px;text-align:center}.login-footer .footer-line{font-family:var(--font-terminal-alt);font-size:8px;color:var(--terminal-green-dark);margin-bottom:15px;overflow:hidden}.login-footer .footer-text{font-family:var(--font-terminal);font-size:11px;color:var(--terminal-green-dark);letter-spacing:2px;margin-bottom:8px}.login-footer .footer-subtext{font-family:var(--font-terminal-alt);font-size:14px;color:var(--terminal-green);font-style:italic}@media (max-width: 768px){.logo-text{font-size:22px;letter-spacing:2px}.logo-subtitle{font-size:10px}.login-main{padding:25px}.xogos-login-button{padding:15px;gap:15px}.button-icon{width:40px;height:40px}.xogos-x{font-size:22px}.button-main{font-size:14px}.button-sub{font-size:12px}.header-decoration{font-size:6px}}@media (max-width: 480px){.login-container{padding:0 10px}.logo-text{font-size:18px}.system-status{font-size:12px;padding:10px 15px}.prompt-text,.prompt-subtext{font-size:14px}.xogos-login-button{flex-direction:column;text-align:center}.button-content{align-items:center}}.auth-screen{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#0a0a0a);padding:40px 20px;font-family:Courier New,monospace;color:#0f0;display:flex;align-items:center;justify-content:center}.auth-container{max-width:500px;width:100%}.auth-header{text-align:center;margin-bottom:40px}.auth-line{color:#0f0;font-size:12px;margin:10px 0}.auth-title{font-size:36px;color:#0ff;margin:20px 0;text-shadow:0 0 20px #00ffff;animation:glow 2s ease-in-out infinite}.auth-subtitle{font-size:18px;color:#0f0;letter-spacing:3px;margin:10px 0}.auth-form{background:linear-gradient(135deg,#0d0d0d,#1a1a1a);border:2px solid #00ff00;padding:40px;box-shadow:0 0 30px #00ff004d}.form-group{margin-bottom:25px}.form-label{display:block;font-size:14px;color:#0ff;margin-bottom:8px;letter-spacing:2px}.form-input{width:100%;padding:12px 15px;background:#00000080;border:2px solid #00ff00;color:#0f0;font-size:16px;font-family:Courier New,monospace;transition:all .3s ease;box-sizing:border-box}.form-input:focus{outline:none;border-color:#0ff;box-shadow:0 0 15px #00ffff80}.form-input:disabled{opacity:.5;cursor:not-allowed}.form-input::placeholder{color:#666}.auth-error{background:#ff00001a;border:1px solid #ff0000;color:red;padding:12px 15px;margin-bottom:20px;font-size:14px;text-align:center}.auth-button{width:100%;background:transparent;border:2px solid #00ff00;color:#0f0;padding:15px 30px;font-size:18px;font-family:Courier New,monospace;cursor:pointer;transition:all .3s ease;box-shadow:0 0 15px #0f06;margin-bottom:20px}.auth-button:hover:not(:disabled){background:#00ff001a;box-shadow:0 0 30px #00ff00b3;transform:scale(1.02)}.auth-button:active{transform:scale(.98)}.auth-button:disabled{opacity:.5;cursor:not-allowed}.auth-switch{text-align:center;margin-top:20px;padding-top:20px;border-top:1px solid #333333}.switch-text{color:#ccc;font-size:14px;margin-right:10px}.switch-button{background:transparent;border:none;color:#0ff;font-size:14px;font-family:Courier New,monospace;cursor:pointer;text-decoration:underline;transition:color .3s ease}.switch-button:hover:not(:disabled){color:#0f0}.switch-button:disabled{opacity:.5;cursor:not-allowed}.auth-skip{text-align:center;margin-top:20px}.skip-button{background:transparent;border:1px solid #666666;color:#666;padding:10px 20px;font-size:12px;font-family:Courier New,monospace;cursor:pointer;transition:all .3s ease}.skip-button:hover:not(:disabled){border-color:#0f0;color:#0f0}.auth-info{margin-top:30px;padding:25px;background:#00320033;border:1px solid #00ff00}.auth-info p{color:#ccc;font-size:14px;margin:10px 0}@keyframes glow{0%,to{text-shadow:0 0 20px #00ffff}50%{text-shadow:0 0 40px #00ffff,0 0 60px #00ffff}}@media (max-width: 768px){.auth-title{font-size:28px}.auth-form{padding:25px}.form-input{padding:10px 12px;font-size:14px}}.terminal-screen{min-height:100vh;width:100%;max-width:100vw;background-color:#000;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow-x:hidden}.crt-frame{width:100%;max-width:1200px;background:radial-gradient(ellipse at center,#1a1a1a,#000);border:3px solid #222;border-radius:20px;padding:40px;box-shadow:0 0 50px #33ff334d,inset 0 0 100px #000000e6;position:relative}.crt-frame:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,rgba(51,255,51,.05) 0%,transparent 70%);pointer-events:none;border-radius:20px}.terminal-content{font-family:var(--font-terminal-alt);color:var(--terminal-green);font-size:16px;letter-spacing:1px;line-height:1.4}.terminal-header{text-align:center;margin-bottom:30px;animation:fadeIn 1s ease-in}.header-line{color:var(--terminal-green);font-size:10px;margin:5px 0}.header-title{font-family:var(--font-terminal);font-size:20px;margin:20px 0;letter-spacing:3px}.cursor{animation:blink 1s step-end infinite}.system-info{font-size:16px;color:var(--terminal-green-dark);margin:5px 0;animation:fadeIn .5s ease-in}.main-layout{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin:30px 0;animation:slideIn .8s ease-out}.city-display{display:flex;flex-direction:column;justify-content:flex-start}.city-frame{display:flex;align-items:center;color:var(--terminal-green);font-size:12px}.frame-corner{font-size:14px}.frame-top,.frame-bottom{flex:1;overflow:hidden;white-space:nowrap}.city-content{padding:20px 10px;min-height:300px}.city-image{text-align:center;margin-bottom:20px;padding:10px}.city-image img{max-width:100%;height:auto;border:2px solid var(--terminal-green);box-shadow:0 0 15px #33ff3380;image-rendering:pixelated;image-rendering:crisp-edges;filter:contrast(1.1) brightness(.95)}.city-label{font-size:13px;margin:8px 0;padding-left:10px;color:var(--terminal-green-dark)}.scanning{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6;text-shadow:0 0 5px var(--terminal-green-dark)}50%{opacity:1;text-shadow:0 0 10px var(--terminal-green)}}.menu-display{display:flex;flex-direction:column;justify-content:flex-start;align-items:center}.menu-header{color:var(--terminal-green);font-size:10px;margin:2px 0}.menu-title{font-family:var(--font-terminal);font-size:16px;margin:10px 0;letter-spacing:2px;text-align:center;color:var(--terminal-green-bright);text-shadow:0 0 10px var(--terminal-green)}.menu-buttons{display:flex;flex-direction:column;gap:20px;margin:30px 0;width:100%;max-width:300px}.terminal-button{font-family:var(--font-terminal);font-size:18px;padding:15px 30px;background:transparent;border:2px solid var(--terminal-green);color:var(--terminal-green);cursor:pointer;position:relative;transition:all .2s ease;letter-spacing:3px;text-transform:uppercase;box-shadow:0 0 10px #33ff334d}.terminal-button:hover{background:var(--terminal-green);color:#000;box-shadow:0 0 20px var(--terminal-green);transform:translate(5px)}.terminal-button:active{transform:translate(5px) scale(.98)}.button-bracket{font-size:20px;margin:0 5px}.terminal-button:before{content:"►";position:absolute;left:-20px;opacity:0;transition:all .3s ease}.terminal-button:hover:before{opacity:1;left:-15px}.menu-info{width:100%;max-width:350px;margin-top:20px}.info-section{margin:20px 0;padding:10px;border-left:2px solid var(--terminal-green-dark)}.info-title{font-family:var(--font-terminal);font-size:11px;color:var(--terminal-green-bright);margin-bottom:8px;letter-spacing:1px}.info-text{font-size:15px;color:var(--terminal-green-dark);line-height:1.6;margin:3px 0;padding-left:10px}.menu-footer{margin-top:30px;text-align:center}.blink{font-family:var(--font-terminal);font-size:12px;animation:blink 1.5s step-end infinite;color:var(--terminal-green-bright);text-shadow:0 0 10px var(--terminal-green)}.terminal-footer{margin-top:40px;text-align:center;opacity:.7}.footer-line{font-size:8px;color:var(--terminal-green-dark);margin:10px 0}.footer-text{font-size:14px;color:var(--terminal-green-dark);letter-spacing:2px}@media (max-width: 1024px){.main-layout{grid-template-columns:1fr;gap:30px}.city-display{order:2}.menu-display{order:1}.header-title,.terminal-button{font-size:16px}}@media (max-width: 768px){.crt-frame{padding:20px}.header-title{font-size:14px}.terminal-button{font-size:14px;padding:12px 20px}.menu-buttons{max-width:250px}.header-line{font-size:8px}}@media (max-width: 480px){.terminal-content{font-size:12px}.header-title{font-size:12px;letter-spacing:2px}.terminal-button{font-size:12px;padding:10px 15px}.menu-title{font-size:14px}.info-title,.info-text{font-size:10px}}@keyframes textShadow{0%{text-shadow:0 0 5px var(--terminal-green)}50%{text-shadow:0 0 10px var(--terminal-green-bright)}to{text-shadow:0 0 5px var(--terminal-green)}}.terminal-glow{animation:textShadow 2s ease-in-out infinite}.footer-buttons{text-align:center;margin:20px 0}.settings-link-button{background:transparent;border:2px solid var(--terminal-green);color:var(--terminal-green);padding:10px 25px;font-size:14px;font-family:Courier New,monospace;cursor:pointer;transition:all .3s ease;box-shadow:0 0 10px #00ff004d}.settings-link-button:hover{background:#00ff001a;box-shadow:0 0 20px #0f09;transform:scale(1.05)}.settings-link-button .button-bracket{font-weight:700;margin:0 5px}.settings-link-button .button-text{letter-spacing:2px}.usermode-screen{min-height:100vh;width:100%;background-color:#000;display:flex;align-items:center;justify-content:center;padding:20px;position:relative}.usermode-header{text-align:center;margin-bottom:30px;animation:fadeIn 1s ease-in}.usermode-header .header-line{color:var(--terminal-green);font-size:10px;margin:5px 0}.usermode-header .header-title{font-family:var(--font-terminal);font-size:18px;margin:20px 0;letter-spacing:3px}.usermode-header .system-info{font-size:14px;color:var(--terminal-green-dark);margin:5px 0;animation:fadeIn .5s ease-in}.story-container{max-width:900px;margin:0 auto;padding:40px 20px;min-height:400px}.story-text{font-family:var(--font-terminal-alt);font-size:26px;color:var(--terminal-green);line-height:1.8;text-align:left;letter-spacing:.5px}.story-line{margin-bottom:1.2em;position:relative}.story-line:empty{margin-bottom:.6em}.cursor{animation:blink 1s step-end infinite;margin-left:2px}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.continue-prompt{margin-top:60px;text-align:center;animation:fadeIn 1s ease-in}.continue-button{font-family:var(--font-terminal);font-size:16px;padding:15px 40px;background:transparent;border:2px solid var(--terminal-green);color:var(--terminal-green);cursor:pointer;position:relative;transition:all .2s ease;letter-spacing:3px;text-transform:uppercase;box-shadow:0 0 10px #33ff334d}.continue-button:hover{background:var(--terminal-green);color:#000;box-shadow:0 0 20px var(--terminal-green);transform:scale(1.05)}.continue-button:active{transform:scale(.98)}.button-bracket{font-size:18px;margin:0 5px}.button-text{display:inline-block;min-width:120px}.usermode-footer{margin-top:60px;text-align:center}.skip-button-container{margin-bottom:30px}.skip-button{font-family:var(--font-terminal);font-size:12px;padding:10px 25px;background:transparent;border:2px solid var(--terminal-green-dark);color:var(--terminal-green-dark);cursor:pointer;position:relative;transition:all .2s ease;letter-spacing:2px;text-transform:uppercase;box-shadow:0 0 5px #3f33;opacity:.7}.skip-button:hover{background:var(--terminal-green-dark);color:#000;box-shadow:0 0 15px var(--terminal-green-dark);opacity:1;transform:scale(1.05)}.skip-button:active{transform:scale(.98)}.usermode-footer .footer-line{font-size:8px;color:var(--terminal-green-dark);margin:10px 0;opacity:.7}.usermode-footer .footer-text{font-size:12px;color:var(--terminal-green-dark);letter-spacing:2px;opacity:.7}@media (max-width: 768px){.usermode-header .header-title{font-size:14px}.story-text{font-size:22px}.story-container{padding:20px 10px}.usermode-header .header-line{font-size:8px}}@media (max-width: 480px){.usermode-header .header-title{font-size:12px;letter-spacing:2px}.story-text{font-size:18px}.prompt-text{font-size:12px}}.game-screen{min-height:100vh;width:100%;max-width:100vw;background-color:#000;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow-x:hidden}.game-header{text-align:center;margin-bottom:30px;animation:fadeIn 1s ease-in}.game-header .header-line{color:var(--terminal-green);font-size:10px;margin:5px 0}.game-header .header-title{font-family:var(--font-terminal);font-size:18px;margin:20px 0;letter-spacing:3px}.game-intro{max-width:800px;margin:0 auto;padding:40px 20px}.intro-text{font-family:var(--font-terminal-alt);font-size:16px;color:var(--terminal-green);line-height:1.8;margin-bottom:40px}.intro-text p{margin-bottom:1em}.enemy-name{color:#f33;font-family:var(--font-terminal);text-shadow:0 0 10px #ff3333}.level-announce{font-family:var(--font-terminal);font-size:24px;color:var(--terminal-green-bright);text-align:center;margin:20px 0;text-shadow:0 0 15px var(--terminal-green)}.objective-title,.controls-title{font-family:var(--font-terminal);color:var(--terminal-green-bright);font-size:14px;margin-top:1.5em;margin-bottom:.5em}.warning-text{color:#fa0;font-style:italic;text-shadow:0 0 5px #ffaa00}.intro-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.game-container{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px;max-width:100%;width:100%;overflow-x:hidden}.game-hud{display:flex;justify-content:space-between;width:100%;max-width:calc(100vw - 60px);font-family:var(--font-terminal);font-size:12px;padding:10px 20px;background:#00aa001a;border:1px solid var(--terminal-green);box-shadow:0 0 10px #33ff334d;flex-wrap:wrap;gap:10px}.hud-item{display:flex;gap:15px;align-items:center}.hud-label{color:var(--terminal-green-dark);letter-spacing:1px}.hud-value{color:var(--terminal-green-bright);font-weight:700;letter-spacing:2px}.player-color{color:#3f3;text-shadow:0 0 5px #33ff33}.opponent-color{color:#f33;text-shadow:0 0 5px #ff3333}.game-canvas{border:2px solid var(--terminal-green);box-shadow:0 0 20px #33ff3380,inset 0 0 20px #000c;background:#000;display:block;image-rendering:pixelated;image-rendering:crisp-edges;max-width:calc(100vw - 60px);height:auto}.game-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000f2;border:3px solid var(--terminal-green);box-shadow:0 0 30px #33ff33b3;padding:40px;text-align:center;min-width:400px;animation:fadeIn .5s ease-in}.overlay-content{font-family:var(--font-terminal-alt);color:var(--terminal-green);font-size:16px}.result-title{font-family:var(--font-terminal);font-size:32px;margin-bottom:20px;letter-spacing:4px;animation:pulse 1s ease-in-out infinite}.win-text{color:#3f3;text-shadow:0 0 20px #33ff33}.lose-text{color:#f33;text-shadow:0 0 20px #ff3333}.overlay-content p{margin:10px 0;line-height:1.8}.overlay-content button{margin:15px 10px 0}.terminal-button{font-family:var(--font-terminal);font-size:14px;padding:12px 30px;background:transparent;border:2px solid var(--terminal-green);color:var(--terminal-green);cursor:pointer;position:relative;transition:all .2s ease;letter-spacing:2px;text-transform:uppercase;box-shadow:0 0 10px #33ff334d}.terminal-button:hover{background:var(--terminal-green);color:#000;box-shadow:0 0 20px var(--terminal-green);transform:scale(1.05)}.skip-button{border-color:var(--terminal-green-dark);color:var(--terminal-green-dark);opacity:.7}.skip-button:hover{background:var(--terminal-green-dark);color:#000;opacity:1}.button-bracket{font-size:16px;margin:0 5px}.button-text{display:inline-block;min-width:100px}.game-footer{margin-top:30px;text-align:center;opacity:.7}.game-footer .footer-line{font-size:8px;color:var(--terminal-green-dark);margin:10px 0}.game-footer .footer-text{font-size:11px;color:var(--terminal-green-dark);letter-spacing:2px}@keyframes pulse{0%,to{opacity:1;text-shadow:0 0 20px currentColor}50%{opacity:.7;text-shadow:0 0 30px currentColor}}@media (max-width: 768px){.game-canvas{width:100%;height:auto}.game-hud{width:100%;flex-direction:column;gap:10px}.game-header .header-title,.intro-text{font-size:14px}.game-overlay{min-width:300px;padding:30px 20px}.result-title{font-size:24px}}@media (max-width: 480px){.game-header .header-title,.intro-text{font-size:12px}.terminal-button{font-size:12px;padding:10px 20px}.game-overlay{min-width:250px;padding:20px 15px}.result-title{font-size:20px}}.instructional-screen{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#0a0a0a);padding:40px 20px;font-family:Courier New,monospace;color:#0f0}.instructional-container{max-width:1000px;margin:0 auto}.instructional-header{text-align:center;margin-bottom:40px}.header-subtitle{font-size:18px;color:#0ff;margin:10px 0;letter-spacing:2px}.lesson-section{background:linear-gradient(135deg,#0d0d0d,#1a1a1a);border:2px solid #00ff00;padding:40px;margin-bottom:30px;box-shadow:0 0 30px #00ff004d}.lesson-title{font-size:24px;color:#0ff;margin-bottom:25px;text-align:center;text-shadow:0 0 10px #00ffff}.lesson-content{font-size:18px;line-height:1.8;color:#ccc}.lesson-content p{margin-bottom:20px}.highlight{color:#0f0;font-weight:700}.section-break{color:#0ff;font-weight:700;margin-top:25px;margin-bottom:20px}.law-section{background:#00320033;border-left:3px solid #00ff00;padding:15px 20px;margin:15px 0}.law-title{color:#0f0;font-size:20px;font-weight:700;margin-bottom:10px}.law-description{color:#ccc;font-size:16px;line-height:1.7}.conclusion{margin-top:25px;padding:20px;background:#0064641a;border:1px solid #00ffff;color:#0ff;font-style:italic}.questions-section{background:linear-gradient(135deg,#0d0d0d,#1a1a1a);border:2px solid #ffff00;padding:40px;margin-bottom:30px;box-shadow:0 0 30px #ffff004d}.questions-title{font-size:24px;color:#ff0;margin-bottom:10px;text-shadow:0 0 10px #ffff00}.questions-subtitle{font-size:16px;color:#888;margin-bottom:30px;font-style:italic}.question-block{margin-bottom:35px;padding-bottom:30px;border-bottom:1px solid #333333}.question-block:last-child{border-bottom:none}.question-number{font-size:18px;color:#ff0;font-weight:700;margin-bottom:12px}.question-text{font-size:18px;color:#fff;line-height:1.6;margin-bottom:20px}.options-container{display:flex;flex-direction:column;gap:12px}.option-button{background:#00000080;border:2px solid #333333;color:#ccc;padding:15px 20px;font-size:16px;font-family:Courier New,monospace;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:15px;text-align:left;position:relative}.option-button:hover:not(:disabled){border-color:#0f0;background:#00ff000d;transform:translate(5px)}.option-button.selected{border-color:#ff0;background:#ffff001a;color:#ff0}.option-button.correct{border-color:#0f0;background:#0f03;color:#0f0}.option-button.incorrect{border-color:red;background:#f003;color:red}.option-button:disabled{cursor:not-allowed}.option-letter{font-weight:700;font-size:18px;min-width:25px}.option-text{flex:1}.check-icon{color:#0f0;font-size:24px;font-weight:700}.cross-icon{color:red;font-size:24px;font-weight:700}.feedback-section{padding:30px;margin-bottom:30px;border:3px solid;text-align:center;animation:fadeIn .5s ease-in-out}.feedback-section.success{background:#00ff001a;border-color:#0f0;box-shadow:0 0 30px #00ff0080}.feedback-section.error{background:#ff00001a;border-color:red;box-shadow:0 0 30px #ff000080}.feedback-icon{font-size:64px;margin-bottom:15px}.feedback-section.success .feedback-icon{color:#0f0;text-shadow:0 0 20px #00ff00}.feedback-section.error .feedback-icon{color:red;text-shadow:0 0 20px #ff0000}.feedback-title{font-size:32px;font-weight:700;margin-bottom:15px}.feedback-section.success .feedback-title{color:#0f0;text-shadow:0 0 10px #00ff00}.feedback-section.error .feedback-title{color:red;text-shadow:0 0 10px #ff0000}.feedback-text{font-size:18px;line-height:1.8;color:#ccc}.instructional-footer{text-align:center;margin-top:30px}.terminal-button{background:transparent;border:2px solid #00ff00;color:#0f0;padding:18px 40px;font-size:18px;font-family:Courier New,monospace;cursor:pointer;transition:all .3s ease;box-shadow:0 0 15px #0f06;margin:10px}.terminal-button:hover{background:#00ff001a;box-shadow:0 0 30px #00ff00b3;transform:scale(1.05)}.terminal-button:active{transform:scale(.98)}.button-bracket{font-weight:700;margin:0 8px}.submit-button{border-color:#ff0;color:#ff0;box-shadow:0 0 15px #ff06}.submit-button:hover{background:#ffff001a;box-shadow:0 0 30px #ffff00b3}.continue-button{border-color:#0f0;color:#0f0;animation:pulse 1.5s ease-in-out infinite}.retry-button{border-color:#f60;color:#f60;box-shadow:0 0 15px #ff640066}.retry-button:hover{background:#ff64001a;box-shadow:0 0 30px #ff6400b3}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{box-shadow:0 0 15px #0f06}50%{box-shadow:0 0 40px #0f0c}}@media (max-width: 768px){.header-title{font-size:32px}.lesson-section,.questions-section{padding:25px}.lesson-content,.question-text{font-size:16px}.option-button{padding:12px 15px;font-size:14px}.feedback-title{font-size:24px}.feedback-text{font-size:16px}}.game2-screen{min-height:100vh;background:linear-gradient(180deg,#000811,#012);color:#0f0;font-family:Courier New,monospace;display:flex;justify-content:center;align-items:center;padding:20px}.game2-container{width:100%;max-width:1400px;display:flex;flex-direction:column;gap:20px}.game2-header{text-align:center;padding:20px;border:2px solid #00ff00;border-radius:5px;background:#00ff000d}.header-title{font-size:24px;font-weight:700;color:#0ff;text-shadow:0 0 10px #00ffff;margin-bottom:10px}.level-info{font-size:16px;color:#0f0}.training-label{color:#fa0;font-weight:700;text-shadow:0 0 8px #ffaa00}.timer-display{color:#ff0;font-weight:700;font-size:18px;text-shadow:0 0 10px #ffff00;padding:5px 15px;background:#ffff001a;border-radius:5px;border:2px solid #ffff00;display:inline-block;margin-left:20px;animation:pulse 1s ease-in-out infinite}.timer-critical{color:red;text-shadow:0 0 15px #ff0000;border-color:red;background:#f003;animation:flash .5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes flash{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.level-intro{text-align:center;padding:60px 40px;background:#00ff001a;border:2px solid #00ff00;border-radius:10px;min-height:400px;display:flex;flex-direction:column;justify-content:center;align-items:center}.level-intro h2{font-size:48px;color:#0ff;margin-bottom:20px;text-shadow:0 0 20px #00ffff}.level-intro h3{font-size:32px;color:#0f0;margin-bottom:20px}.level-intro p{font-size:20px;color:#0f0;margin-bottom:40px;max-width:600px;line-height:1.6}.game2-main{display:grid;grid-template-columns:250px 1fr 250px;gap:20px;min-height:600px}.toolbox-panel{background:#0064641a;border:2px solid #00ff00;border-radius:5px;padding:15px;display:flex;flex-direction:column;gap:15px}.panel-title{font-size:18px;font-weight:700;color:#0ff;text-align:center;padding-bottom:10px;border-bottom:1px solid #00ff00}.component-list{display:flex;flex-direction:column;gap:10px}.component-item{background:#00ff001a;border:1px solid #00ff00;border-radius:3px;padding:10px;cursor:grab;display:flex;justify-content:space-between;align-items:center;transition:all .2s}.component-item:active{cursor:grabbing}.component-item.available:hover{background:#0f03;border-color:#0ff;box-shadow:0 0 10px #00ffff80}.component-item.depleted{opacity:.3;cursor:not-allowed}.component-symbol{font-size:24px;font-weight:700;width:30px}.component-name{flex:1;font-size:14px;padding:0 10px}.component-count{font-size:14px;color:#ff0}.instructions{margin-top:auto;padding-top:15px;border-top:1px solid #00ff00;font-size:12px;line-height:1.6}.instructions p{margin:5px 0}.circuit-panel{background:#0032324d;border:2px solid #00ff00;border-radius:5px;padding:20px;display:flex;flex-direction:column;gap:20px;align-items:center}.circuit-grid{display:grid;gap:3px;background:#00000080;padding:10px;border:2px solid #006600;border-radius:5px}.grid-cell{width:50px;height:50px;background:#0064001a;border:1px solid #00ff00;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s;position:relative}.grid-cell:hover{background:#0f03;box-shadow:0 0 8px #00ff0080}.grid-cell.occupied{background:#0096004d}.grid-cell.success-glow{animation:successPulse 1s ease-in-out}.grid-cell.failure-glow{animation:failurePulse 1s ease-in-out}@keyframes successPulse{0%,to{box-shadow:0 0 #0f00}50%{box-shadow:0 0 20px #0f0}}@keyframes failurePulse{0%,to{box-shadow:0 0 #f000}50%{box-shadow:0 0 20px red}}.component-display{font-size:28px;font-weight:700;text-shadow:0 0 10px currentColor}.message-display{min-height:40px;padding:15px;border-radius:5px;text-align:center;font-size:18px;font-weight:700;background:#00ffff1a;border:1px solid #00ffff;color:#0ff}.success-message{background:#0f03;border-color:#0f0;color:#0f0;animation:successGlow .5s ease-in-out}.failure-message{background:#f003;border-color:red;color:#f66;animation:failureGlow .5s ease-in-out}@keyframes successGlow{0%,to{box-shadow:0 0 #0f00}50%{box-shadow:0 0 30px #0f0c}}@keyframes failureGlow{0%,to{box-shadow:0 0 #f000}50%{box-shadow:0 0 30px #f00c}}.circuit-controls{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.circuit-button{background:#00ff001a;border:2px solid #00ff00;color:#0f0;padding:12px 24px;font-size:16px;font-family:Courier New,monospace;cursor:pointer;transition:all .3s;border-radius:3px}.circuit-button:hover:not(:disabled){background:#00ff004d;box-shadow:0 0 15px #00ff0080;transform:translateY(-2px)}.circuit-button:active:not(:disabled){transform:translateY(0)}.circuit-button:disabled{opacity:.3;cursor:not-allowed}.test-button{border-color:#0ff;color:#0ff}.test-button:hover:not(:disabled){background:#00ffff4d;box-shadow:0 0 15px #00ffff80}.next-button{border-color:#ff0;color:#ff0;animation:pulseGlow 1.5s ease-in-out infinite}@keyframes pulseGlow{0%,to{box-shadow:0 0 10px #ffff004d}50%{box-shadow:0 0 20px #ff0c}}.status-panel{background:#0064641a;border:2px solid #00ff00;border-radius:5px;padding:15px;display:flex;flex-direction:column;gap:20px}.tank-display{display:flex;flex-direction:column;align-items:center;gap:10px;padding:20px 0}.tank-icon{font-size:48px;animation:tankPulse 2s ease-in-out infinite}@keyframes tankPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.power-label{font-size:14px;color:#0ff;font-weight:700}.power-meter{width:100%;height:30px;background:#00000080;border:2px solid #00ff00;border-radius:3px;overflow:hidden;position:relative}.power-fill{height:100%;transition:width 1s ease-in-out;box-shadow:0 0 10px currentColor}.power-value{font-size:24px;font-weight:700;color:#ff0;text-shadow:0 0 10px #ffff00}.systems-status{display:flex;flex-direction:column;gap:12px}.system-item{padding:10px;background:#ff00001a;border:1px solid #ff0000;border-radius:3px;font-size:13px;color:#f66;transition:all .5s}.system-item.active{background:#0f03;border-color:#0f0;color:#0f0;box-shadow:0 0 10px #00ff004d}.game2-footer{text-align:center;padding:20px}.exit-button{background:#ff00001a;border:2px solid #ff6666;color:#f66;padding:10px 20px;font-size:14px;font-family:Courier New,monospace;cursor:pointer;transition:all .3s;border-radius:3px}.exit-button:hover{background:#ff00004d;box-shadow:0 0 15px #ff000080}.meltdown-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#000,#300,#000);z-index:9999;display:flex;justify-content:center;align-items:center;animation:meltdownFlash .3s ease-in-out infinite}@keyframes meltdownFlash{0%,to{background:linear-gradient(180deg,#000,#200,#000)}50%{background:linear-gradient(180deg,#100,#400,#100)}}.meltdown-content{text-align:center;position:relative;z-index:10000}.meltdown-title{font-size:72px;font-weight:700;color:red;text-shadow:0 0 30px #ff0000,0 0 60px #ff0000;margin-bottom:40px;animation:meltdownPulse .5s ease-in-out infinite}@keyframes meltdownPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.7}}.meltdown-message{font-size:28px;color:#f66;text-shadow:0 0 10px #ff0000;line-height:2}.meltdown-message p{margin:10px 0;animation:meltdownFlicker .2s ease-in-out infinite}@keyframes meltdownFlicker{0%,to{opacity:1}50%{opacity:.5}}.meltdown-sparks{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998}.spark{position:absolute;width:4px;height:4px;background:#ff0;border-radius:50%;box-shadow:0 0 10px #ff0,0 0 20px #f90;animation:sparkFall 1s ease-in infinite}@keyframes sparkFall{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(100vh) scale(0);opacity:0}}.circuit-panel.unstable{animation:unstableShake .3s ease-in-out infinite;border-color:#f60;box-shadow:0 0 20px #ff640080}@keyframes unstableShake{0%,to{transform:translate(0)}25%{transform:translate(-2px,1px)}50%{transform:translate(2px,-1px)}75%{transform:translate(-1px,-2px)}}.circuit-panel.unstable .grid-cell{border-color:#f60;animation:unstablePulse 1s ease-in-out infinite}@keyframes unstablePulse{0%,to{box-shadow:0 0 5px #ff64004d}50%{box-shadow:0 0 15px #ff6400cc}}.circuit-panel.unstable:before{content:"⚠️ SYSTEM UNSTABLE ⚠️";position:absolute;top:-30px;left:50%;transform:translate(-50%);color:#f60;font-size:18px;font-weight:700;text-shadow:0 0 10px #ff6600;animation:warningBlink .5s ease-in-out infinite}@keyframes warningBlink{0%,to{opacity:1}50%{opacity:.3}}@media (max-width: 1200px){.game2-main{grid-template-columns:200px 1fr 200px}.grid-cell{width:40px;height:40px}.component-display{font-size:24px}.meltdown-title{font-size:48px}.meltdown-message{font-size:20px}}@media (max-width: 900px){.game2-main{grid-template-columns:1fr;grid-template-rows:auto auto auto}.toolbox-panel,.status-panel{max-width:100%}.meltdown-title{font-size:36px}.meltdown-message{font-size:16px}}.game7-screen{min-height:100vh;background:linear-gradient(135deg,#000,#0a0a1a,#1a001a);display:flex;align-items:center;justify-content:center;padding:20px;font-family:Courier New,monospace}.game7-container{width:100%;max-width:1400px;background:#000000e6;border:3px solid #00ffff;border-radius:10px;padding:20px;box-shadow:0 0 30px #00ffff80}.game7-header{text-align:center;margin-bottom:20px}.header-title{font-size:32px;color:#0ff;text-shadow:0 0 20px #00ffff;letter-spacing:4px;font-weight:700;margin-bottom:10px}.game7-intro{text-align:center;padding:40px;max-width:1000px;margin:0 auto;max-height:80vh;overflow-y:auto}.game7-intro h2{font-size:36px;color:#0ff;text-shadow:0 0 20px #00ffff;margin-bottom:20px}.instructions-section{background:#00141eb3;border:2px solid #00ff00;border-radius:10px;padding:25px;margin:20px 0;text-align:left}.instructions-section h3{font-size:24px;color:#0f0;text-shadow:0 0 15px #00ff00;text-align:center;margin-bottom:20px;letter-spacing:2px}.control-item,.mechanic-item,.ai-item{background:#00000080;border:1px solid #00ffff;border-radius:5px;padding:12px;margin:10px 0;color:#ccc;font-size:14px;line-height:1.6}.control-item strong,.mechanic-item strong,.ai-item strong{color:#ff0}.game7-button{background:#00ffff4d;border:2px solid #00ffff;color:#0ff;font-family:Courier New,monospace;font-size:16px;padding:12px 24px;cursor:pointer;text-shadow:0 0 8px #00ffff;transition:all .3s;border-radius:5px;font-weight:700;margin:10px}.game7-button:hover:not(:disabled){background:#00ffff80;box-shadow:0 0 20px #0ffc;transform:scale(1.05)}.game7-button.start{font-size:24px;padding:20px 40px;margin-top:30px}.game7-main{display:flex;gap:20px;align-items:flex-start;justify-content:center}.game-canvas-container{flex-shrink:0}.game7-hud{display:flex;flex-direction:column;gap:15px;width:300px}.hud-section{background:#001414b3;border:2px solid #00ffff;border-radius:5px;padding:15px}.hud-section h4{color:#0ff;text-shadow:0 0 10px #00ffff;margin:0 0 10px;font-size:16px;text-align:center}.hud-section.stats{display:flex;flex-direction:column;gap:10px}.stat-item{display:flex;justify-content:space-between;align-items:center}.stat-label{color:#ff0;font-size:14px;font-weight:700}.stat-value{color:#0f0;font-size:20px;font-weight:700;text-shadow:0 0 10px #00ff00}.hud-section.abilities{display:flex;flex-direction:column;gap:10px}.ability-item{display:flex;justify-content:space-between;align-items:center;padding:10px;border-radius:5px;background:#00000080;border:2px solid #333;color:#666}.ability-item.ready{border-color:#0f0;color:#0f0;text-shadow:0 0 8px #00ff00;animation:pulse 2s infinite}.ability-item.cooldown{border-color:#f60;color:#f60}.ability-item.used{border-color:red;color:red}.ability-key{background:#000000b3;padding:3px 8px;border-radius:3px;font-size:12px;border:1px solid currentColor}@keyframes pulse{0%,to{box-shadow:0 0 5px currentColor}50%{box-shadow:0 0 20px currentColor}}.hud-section.alive-list{display:flex;flex-direction:column;gap:8px}.alive-player{font-size:16px;font-weight:700;text-shadow:0 0 10px currentColor;padding:8px;background:#00000080;border-radius:5px;border-left:4px solid currentColor}.hud-section.message-log{min-height:120px;max-height:200px;overflow-y:auto}.log-message{color:#0ff;font-size:13px;margin:5px 0;background:#00ffff1a;border-left:2px solid #00ffff;padding:5px 5px 5px 10px}.game7-complete{text-align:center;padding:60px}.game7-complete h2{font-size:48px;color:#0ff;text-shadow:0 0 30px #00ffff;margin-bottom:20px;animation:glow 2s infinite}.game7-complete p{font-size:20px;color:#ccc;margin-bottom:30px}.stats-display{background:#001414b3;border:2px solid #00ff00;border-radius:10px;padding:20px;margin:30px auto;max-width:400px}.stats-display div{color:#0f0;font-size:18px;margin:10px 0;text-shadow:0 0 10px #00ff00}@keyframes glow{0%,to{text-shadow:0 0 30px #00ffff}50%{text-shadow:0 0 50px #00ffff,0 0 70px #00ffff}}.game7-intro::-webkit-scrollbar,.message-log::-webkit-scrollbar{width:8px}.game7-intro::-webkit-scrollbar-track,.message-log::-webkit-scrollbar-track{background:#00000080;border-radius:4px}.game7-intro::-webkit-scrollbar-thumb,.message-log::-webkit-scrollbar-thumb{background:#0ff;border-radius:4px}.game7-intro::-webkit-scrollbar-thumb:hover,.message-log::-webkit-scrollbar-thumb:hover{background:#0ff;box-shadow:0 0 10px #0ff}@media (max-width: 1200px){.game7-main{flex-direction:column;align-items:center}.game7-hud{width:100%;max-width:600px}}.game8-screen{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#0a0a0a);display:flex;align-items:center;justify-content:center;padding:20px;font-family:Courier New,monospace}.game8-container{width:100%;max-width:1400px;background:#000c;border:3px solid #00ff00;border-radius:10px;padding:20px;box-shadow:0 0 30px #00ff004d}.game8-header{text-align:center;margin-bottom:20px}.header-title{font-size:32px;color:#0f0;text-shadow:0 0 20px #00ff00;letter-spacing:4px;font-weight:700;margin-bottom:10px}.turn-info{font-size:18px;color:#0ff;text-shadow:0 0 10px #00ffff}.game8-intro{text-align:center;padding:40px;max-width:1200px;margin:0 auto;max-height:80vh;overflow-y:auto}.game8-intro h2{font-size:36px;color:#0f0;text-shadow:0 0 20px #00ff00;margin-bottom:20px}.intro-desc{font-size:18px;color:#ccc;margin-bottom:30px;line-height:1.8}.intro-features{list-style:none;padding:0;margin:30px 0;text-align:left}.intro-features li{font-size:16px;color:#0ff;margin:15px 0;padding-left:30px;position:relative}.intro-features li:before{content:"▶";position:absolute;left:0;color:#0f0}.instructions-section{background:#00140080;border:2px solid #00ff00;border-radius:10px;padding:30px;margin:30px 0;text-align:left}.instructions-section h3{font-size:28px;color:#0f0;text-shadow:0 0 15px #00ff00;text-align:center;margin-bottom:25px;letter-spacing:2px}.instruction-block{background:#0006;border:1px solid #00ffff;border-radius:5px;padding:15px;margin-bottom:15px}.instruction-title{font-size:18px;color:#0ff;text-shadow:0 0 10px #00ffff;font-weight:700;margin-bottom:10px;letter-spacing:1px}.instruction-text{font-size:14px;color:#ccc;line-height:1.8}.instruction-text strong{color:#0f0}.instruction-text em{color:#ff0;font-style:italic}.game8-intro::-webkit-scrollbar{width:10px}.game8-intro::-webkit-scrollbar-track{background:#00000080;border-radius:5px}.game8-intro::-webkit-scrollbar-thumb{background:#0f0;border-radius:5px}.game8-intro::-webkit-scrollbar-thumb:hover{background:#0f0;box-shadow:0 0 10px #0f0}.game8-main{display:flex;flex-direction:row;gap:20px;align-items:flex-start;justify-content:center}.game-left-section{display:flex;flex-direction:column;gap:15px}.game-panel{display:flex;justify-content:center;align-items:flex-start}.action-buttons-row{display:flex;gap:15px;justify-content:center;align-items:center}.action-buttons-row button{flex:1;min-width:150px}.game-right-section{display:flex;flex-direction:column;gap:15px;width:350px}.control-buttons{display:flex;flex-direction:column;gap:10px}.control-buttons button{width:100%}.tank-info{background:#00000080;border:2px solid #00ffff;border-radius:5px;padding:15px}.tank-info h3{color:#0ff;text-shadow:0 0 10px #00ffff;margin-bottom:10px;font-size:20px}.tank-info p{color:#ccc;margin:8px 0;font-size:14px}.energy-display{margin-top:15px;padding-top:15px;border-top:1px solid #00ff00}.energy-display div{color:#ff0;margin:5px 0;font-size:14px}.tank-info-panel{width:100%;background:#001400b3;border:2px solid #00ffff;border-radius:5px;padding:10px 15px;margin:10px 0}.tank-info-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;border-bottom:1px solid #00ffff}.tank-info-header h3{color:#0ff;text-shadow:0 0 10px #00ffff;margin:0;font-size:16px;letter-spacing:1px}.tank-team-badge{padding:3px 10px;border:2px solid;border-radius:3px;font-weight:700;font-size:10px;letter-spacing:1px;text-shadow:0 0 8px currentColor}.tank-stats-grid{display:flex;flex-direction:row;gap:20px;align-items:center}.stat-item{display:flex;flex-direction:row;align-items:center;gap:8px;flex:1;min-width:0}.stat-label{color:#ccc;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;flex-shrink:0}.stat-value{color:#0f0;font-size:12px;font-weight:700;text-shadow:0 0 5px #00ff00;white-space:nowrap;flex-shrink:0}.stat-bar{width:60px;height:6px;background:#0009;border:1px solid #333;border-radius:3px;overflow:hidden;flex-shrink:0}.stat-bar-fill{height:100%;transition:width .3s ease;box-shadow:0 0 8px currentColor}.stat-bar-fill.health{background:linear-gradient(90deg,red,#0f0)}.stat-bar-fill.offense{background:#f60;box-shadow:0 0 10px #f60}.stat-bar-fill.defense{background:#08f;box-shadow:0 0 10px #08f}.stat-bar-fill.mobility{background:#ff0;box-shadow:0 0 10px #ff0}.turn-status{background:#0009;border:2px solid #ffff00;border-radius:5px;padding:15px;text-align:center}.timer-display{margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #ffff00}.timer-label{color:#ff0;font-size:14px;font-weight:700;margin-bottom:8px;text-shadow:0 0 10px #ffff00}.timer-value{color:#0f0;font-size:36px;font-weight:700;font-family:Courier New,monospace;text-shadow:0 0 15px #00ff00;animation:timer-glow 2s infinite}.timer-value.critical{color:red;text-shadow:0 0 20px #ff0000;animation:timer-critical .5s infinite}@keyframes timer-glow{0%,to{text-shadow:0 0 15px #00ff00}50%{text-shadow:0 0 25px #00ff00,0 0 35px #00ff00}}@keyframes timer-critical{0%,to{text-shadow:0 0 20px #ff0000;transform:scale(1)}50%{text-shadow:0 0 30px #ff0000,0 0 40px #ff0000;transform:scale(1.1)}}.actions-display{display:flex;flex-direction:column;gap:8px}.action-count{color:#0ff;font-size:16px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:8px;text-shadow:0 0 10px #00ffff}.action-icon{font-size:18px}.game8-button{background:#0064004d;border:2px solid #00ff00;color:#0f0;font-family:Courier New,monospace;font-size:16px;padding:12px 24px;cursor:pointer;text-shadow:0 0 8px #00ff00;transition:all .3s;border-radius:5px;font-weight:700}.game8-button:hover:not(:disabled){background:#0f03;box-shadow:0 0 20px #0f09;transform:scale(1.02)}.game8-button:disabled{opacity:.3;cursor:not-allowed}.game8-button.start{font-size:24px;padding:20px 40px;margin-top:30px}.game8-button.end-turn{border-color:#ff0;color:#ff0;text-shadow:0 0 8px #ffff00}.game8-button.end-turn:hover:not(:disabled){background:#ff03;box-shadow:0 0 20px #ff09}.game8-button.quit{border-color:red;color:red;text-shadow:0 0 8px #ff0000}.game8-button.quit:hover{background:#f003;box-shadow:0 0 20px #f009}.message-log{background:#0009;border:2px solid #00ff00;border-radius:5px;padding:15px;flex:1;min-height:250px;max-height:400px;overflow-y:auto}.message-log h4{color:#0f0;text-shadow:0 0 10px #00ff00;margin-bottom:10px;font-size:16px}.log-entry{color:#0ff;font-size:12px;margin:5px 0;background:#00ffff0d;border-left:2px solid #00ffff;padding:5px 5px 5px 10px}.game8-complete{text-align:center;padding:60px}.game8-complete h2{font-size:48px;color:#0f0;text-shadow:0 0 30px #00ff00;margin-bottom:20px;animation:glow 2s infinite}.game8-complete p{font-size:20px;color:#ccc;margin-bottom:40px}@keyframes glow{0%,to{text-shadow:0 0 30px #00ff00}50%{text-shadow:0 0 50px #00ff00,0 0 70px #00ff00}}.message-log::-webkit-scrollbar{width:8px}.message-log::-webkit-scrollbar-track{background:#00000080;border-radius:4px}.message-log::-webkit-scrollbar-thumb{background:#0f0;border-radius:4px}.message-log::-webkit-scrollbar-thumb:hover{background:#0f0;box-shadow:0 0 10px #0f0}.firing-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s}.firing-popup{background:linear-gradient(135deg,#0a0a0a,#1a1a2e);border:3px solid #ff6600;border-radius:15px;padding:30px;max-width:900px;max-height:90vh;overflow-y:auto;box-shadow:0 0 50px #f609;animation:slideIn .3s}.firing-popup h2{font-size:32px;color:#f60;text-shadow:0 0 20px #ff6600;text-align:center;margin-bottom:20px;letter-spacing:2px}.firing-info{background:#00000080;border:2px solid #00ffff;border-radius:8px;padding:15px;margin-bottom:25px}.firing-info p{color:#0ff;font-size:16px;margin:8px 0}.firing-info strong{color:#ff0}.formula-section{background:#0064004d;border:3px solid #00ff00;border-radius:10px;padding:20px;margin-bottom:25px;box-shadow:0 0 20px #00ff004d}.formula-section h4{color:#0f0;font-size:20px;text-shadow:0 0 15px #00ff00;text-align:center;margin-bottom:15px;letter-spacing:2px}.formula-box{background:#00000080;border:2px dashed #00ff00;border-radius:8px;padding:20px;text-align:center}.formula-box p{color:#ccc;font-size:14px;margin:10px 0}.formula-equation{background:#00ff001a;border:1px solid #00ff00;border-radius:5px;padding:15px;margin:10px 0}.math-lesson{background:#00140080;border:2px solid #00ff00;border-radius:10px;padding:20px;margin-bottom:25px}.math-lesson h3{font-size:24px;color:#0f0;text-shadow:0 0 15px #00ff00;text-align:center;margin-bottom:20px;letter-spacing:2px}.lesson-section{background:#0006;border:1px solid #00ffff;border-radius:8px;padding:15px;margin-bottom:15px}.lesson-title{font-size:18px;color:#0ff;text-shadow:0 0 10px #00ffff;font-weight:700;margin-bottom:10px}.lesson-text{font-size:14px;color:#ccc;line-height:1.8}.lesson-text strong{color:#ff0}.calculation-hints{background:#ff66001a;border:2px dashed #ff6600;border-radius:8px;padding:15px;margin-top:15px}.calculation-hints h4{color:#f60;font-size:18px;margin-bottom:10px;text-shadow:0 0 10px #ff6600}.calculation-hints p{color:#fc9;font-size:13px;margin:8px 0;padding-left:15px}.firing-inputs{display:flex;gap:20px;margin-bottom:25px}.input-group{flex:1;background:#00000080;border:2px solid #ffff00;border-radius:8px;padding:15px}.input-group label{display:block;color:#ff0;font-size:14px;font-weight:700;margin-bottom:10px;text-shadow:0 0 10px #ffff00}.input-group input{width:100%;background:#000000b3;border:2px solid #00ff00;border-radius:5px;padding:12px;color:#0f0;font-family:Courier New,monospace;font-size:18px;font-weight:700;text-align:center}.input-group input:focus{outline:none;border-color:#0ff;box-shadow:0 0 15px #00ffff80}.input-hint{color:#999;font-size:12px;font-style:italic;margin-top:8px;text-align:center}.firing-actions{display:flex;gap:15px;justify-content:center}.fire-button{background:#ff66004d;border-color:#f60;color:#f60;text-shadow:0 0 10px #ff6600;font-size:18px;padding:15px 30px}.fire-button:hover:not(:disabled){background:#ff660080;box-shadow:0 0 25px #f60c}.cancel-button{background:#6464644d;border-color:#888;color:#888;text-shadow:0 0 5px #888888}.cancel-button:hover{background:#64646480;box-shadow:0 0 15px #88888880}.firing-popup::-webkit-scrollbar{width:10px}.firing-popup::-webkit-scrollbar-track{background:#00000080;border-radius:5px}.firing-popup::-webkit-scrollbar-thumb{background:#f60;border-radius:5px}.firing-popup::-webkit-scrollbar-thumb:hover{background:#f83;box-shadow:0 0 10px #f60}.calculus-button{background:#0096ff4d;border:2px solid #0099ff;color:#09f;font-family:Courier New,monospace;font-size:14px;padding:10px 20px;cursor:pointer;text-shadow:0 0 8px #0099ff;transition:all .3s;border-radius:5px;font-weight:700;margin-top:15px}.calculus-button:hover{background:#0096ff80;box-shadow:0 0 20px #09fc;transform:scale(1.05)}.calculus-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000f2;display:flex;justify-content:center;align-items:center;z-index:1100;animation:fadeIn .3s}.calculus-popup{background:linear-gradient(135deg,#0a0a1a,#1a0a2a);border:3px solid #0099ff;border-radius:15px;padding:30px;max-width:1000px;max-height:85vh;overflow-y:auto;box-shadow:0 0 60px #09f9;animation:slideIn .3s}.calculus-popup h2{font-size:32px;color:#09f;text-shadow:0 0 20px #0099ff;text-align:center;margin-bottom:30px;letter-spacing:2px}.calculus-section{background:#00142899;border:2px solid #0099ff;border-radius:10px;padding:20px;margin-bottom:25px}.calculus-section h3{font-size:22px;color:#0ff;text-shadow:0 0 15px #00ffff;margin-bottom:15px}.calculus-section p{color:#ccc;font-size:14px;line-height:1.8;margin:10px 0}.calculus-section strong{color:#ff0}.equation-box{background:#0009;border:1px solid #00ff00;border-radius:5px;padding:15px;margin:15px 0;text-align:center}.equation-box code{color:#0f0;font-size:16px;font-family:Courier New,monospace;font-weight:700}.example-box{background:#ffff000d;border:2px dashed #ffff00;border-radius:8px;padding:15px;margin-top:15px}.example-box h4{color:#ff0;font-size:16px;margin-bottom:10px;text-shadow:0 0 10px #ffff00}.example-box p{color:#ff9;font-size:13px;margin:5px 0}.example-box code{color:#0f0;font-size:14px;display:block;margin:5px 0}.note{color:#0ff!important;font-style:italic;font-size:13px!important;margin-top:10px}.warning{color:#f60!important;font-weight:700!important;font-size:14px!important}.ricochet-diagram{background:#0006;border:1px solid #ffff00;border-radius:5px;padding:15px;margin-top:15px}.calculus-footer{background:#00ffff0d;border:1px solid #00ffff;border-radius:8px;padding:15px;margin-top:20px;text-align:center}.calculus-popup::-webkit-scrollbar{width:10px}.calculus-popup::-webkit-scrollbar-track{background:#00000080;border-radius:5px}.calculus-popup::-webkit-scrollbar-thumb{background:#09f;border-radius:5px}.calculus-popup::-webkit-scrollbar-thumb:hover{background:#0bf;box-shadow:0 0 10px #09f}.energy-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s}.energy-popup{background:linear-gradient(135deg,#0a1a0a,#1a2a1a);border:3px solid #00ff00;border-radius:15px;padding:30px;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 0 50px #0f09;animation:slideIn .3s}.energy-popup h2{font-size:32px;color:#0f0;text-shadow:0 0 20px #00ff00;text-align:center;margin-bottom:25px;letter-spacing:2px}.energy-info{background:#00000080;border:2px solid #00ffff;border-radius:8px;padding:15px;margin-bottom:25px}.energy-info p{color:#0ff;font-size:16px;margin:8px 0}.energy-info strong{color:#ff0}.energy-description{color:#ccc!important;font-size:14px!important;line-height:1.6;margin-top:15px!important}.energy-sliders{display:flex;flex-direction:column;gap:25px;margin-bottom:25px}.slider-section{background:#0006;border:2px solid #333;border-radius:8px;padding:20px}.slider-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.slider-label{font-size:18px;font-weight:700;text-shadow:0 0 10px currentColor;letter-spacing:1px}.slider-value{font-size:24px;font-weight:700;text-shadow:0 0 15px currentColor;font-family:Courier New,monospace}.energy-slider{width:100%;height:12px;background:#0009;border-radius:6px;outline:none;-webkit-appearance:none;margin-bottom:15px}.energy-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:24px;height:24px;background:#0f0;border-radius:50%;cursor:pointer;box-shadow:0 0 15px #0f0;transition:all .2s}.energy-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 25px #0f0}.energy-slider::-moz-range-thumb{width:24px;height:24px;background:#0f0;border-radius:50%;cursor:pointer;box-shadow:0 0 15px #0f0;border:none;transition:all .2s}.energy-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 25px #0f0}.offense-slider::-webkit-slider-thumb{background:#f60;box-shadow:0 0 15px #f60}.offense-slider::-webkit-slider-thumb:hover{box-shadow:0 0 25px #f60}.offense-slider::-moz-range-thumb{background:#f60;box-shadow:0 0 15px #f60}.offense-slider::-moz-range-thumb:hover{box-shadow:0 0 25px #f60}.defense-slider::-webkit-slider-thumb{background:#08f;box-shadow:0 0 15px #08f}.defense-slider::-webkit-slider-thumb:hover{box-shadow:0 0 25px #08f}.defense-slider::-moz-range-thumb{background:#08f;box-shadow:0 0 15px #08f}.defense-slider::-moz-range-thumb:hover{box-shadow:0 0 25px #08f}.mobility-slider::-webkit-slider-thumb{background:#ff0;box-shadow:0 0 15px #ff0}.mobility-slider::-webkit-slider-thumb:hover{box-shadow:0 0 25px #ff0}.mobility-slider::-moz-range-thumb{background:#ff0;box-shadow:0 0 15px #ff0}.mobility-slider::-moz-range-thumb:hover{box-shadow:0 0 25px #ff0}.slider-description{color:#ccc;font-size:13px;line-height:1.6}.slider-description strong{color:#0f0}.energy-warning{background:#ffa5001a;border:2px solid #ff6600;border-radius:8px;padding:15px;margin-bottom:25px}.energy-warning p{color:#f90;font-size:14px;margin:0;text-align:center}.energy-warning strong{color:#ff0}.energy-actions{display:flex;gap:15px;justify-content:center}.apply-button{background:#00ff004d;border-color:#0f0;color:#0f0;text-shadow:0 0 10px #00ff00;font-size:16px;padding:12px 30px}.apply-button:hover:not(:disabled){background:#00ff0080;box-shadow:0 0 25px #0f0c}.energy-popup::-webkit-scrollbar{width:10px}.energy-popup::-webkit-scrollbar-track{background:#00000080;border-radius:5px}.energy-popup::-webkit-scrollbar-thumb{background:#0f0;border-radius:5px}.energy-popup::-webkit-scrollbar-thumb:hover{background:#0f0;box-shadow:0 0 10px #0f0}.coming-soon-screen{min-height:100vh;width:100%;max-width:100vw;background-color:#000;display:flex;align-items:center;justify-content:center;padding:20px;position:relative;overflow-x:hidden}.coming-soon-header{text-align:center;margin-bottom:30px;animation:fadeIn 1s ease-in}.coming-soon-header .header-line{color:var(--terminal-green);font-size:12px;margin:5px 0}.coming-soon-header .header-title{font-family:var(--font-terminal);font-size:28px;margin:20px 0 10px;letter-spacing:3px;color:var(--terminal-green-bright)}.coming-soon-header .header-subtitle{font-family:var(--font-terminal);font-size:18px;color:var(--terminal-green-dark);letter-spacing:2px}.congrats-section{text-align:center;margin:30px 0;padding:20px;border:2px solid var(--terminal-green);border-radius:8px;background:#33ff330d;animation:slideIn .8s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.congrats-icon{font-size:48px;color:var(--terminal-green-bright);text-shadow:0 0 20px var(--terminal-green);margin-bottom:15px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.1)}}.congrats-title{font-family:var(--font-terminal);font-size:22px;color:var(--terminal-green-bright);letter-spacing:3px;margin-bottom:15px;text-shadow:0 0 10px var(--terminal-green)}.congrats-text{font-family:var(--font-terminal-alt);font-size:18px;color:var(--terminal-green);line-height:1.6;max-width:600px;margin:0 auto}.story-section{margin:25px 0;padding:20px;border-left:3px solid var(--terminal-green-dark);animation:fadeIn 1.2s ease-in}.section-title{font-family:var(--font-terminal);font-size:18px;color:var(--terminal-green-bright);margin-bottom:15px;letter-spacing:2px}.section-content{font-family:var(--font-terminal-alt);font-size:18px;color:var(--terminal-green);line-height:1.6}.section-content p{margin:10px 0}.coming-soon-list{margin-top:15px}.coming-soon-list .highlight{color:var(--terminal-green-bright);text-shadow:0 0 5px var(--terminal-green)}.unlock-section{margin:25px 0;padding:20px;border:1px solid var(--terminal-green);border-radius:8px;background:#33ff3308;animation:fadeIn 1.4s ease-in}.feature-list{margin-top:20px}.feature-item{display:flex;align-items:flex-start;margin:15px 0;padding:10px;border-left:2px solid var(--terminal-green-dark)}.feature-icon{font-size:24px;margin-right:15px;min-width:30px}.feature-text{font-family:var(--font-terminal-alt);font-size:17px;color:var(--terminal-green);line-height:1.5}.feature-text strong{color:var(--terminal-green-bright)}.next-section{margin:25px 0;padding:20px;border-left:3px solid var(--terminal-green-dark);animation:fadeIn 1.6s ease-in}.next-list{list-style:none;padding:0;margin:15px 0}.next-list li{font-family:var(--font-terminal-alt);font-size:17px;color:var(--terminal-green);padding:8px 0 8px 25px;position:relative}.next-list li:before{content:">";position:absolute;left:5px;color:var(--terminal-green-bright)}.coming-soon-buttons{display:flex;flex-direction:column;align-items:center;gap:15px;margin:30px 0}.coming-soon-buttons .terminal-button{font-family:var(--font-terminal);font-size:16px;padding:15px 30px;background:transparent;border:2px solid var(--terminal-green);color:var(--terminal-green);cursor:pointer;position:relative;transition:all .2s ease;letter-spacing:2px;text-transform:uppercase;box-shadow:0 0 10px #33ff334d;min-width:280px}.coming-soon-buttons .terminal-button:hover{background:var(--terminal-green);color:#000;box-shadow:0 0 20px var(--terminal-green);transform:translate(5px)}.coming-soon-buttons .primary-button{background:#33ff331a}.coming-soon-buttons .secondary-button{border-color:var(--terminal-green-dark);color:var(--terminal-green-dark)}.coming-soon-buttons .secondary-button:hover{background:var(--terminal-green-dark);color:#000;border-color:var(--terminal-green-dark)}.coming-soon-footer{margin-top:30px;text-align:center;opacity:.8}.coming-soon-footer .footer-line{font-size:10px;color:var(--terminal-green-dark);margin:10px 0}.coming-soon-footer .footer-text{font-family:var(--font-terminal);font-size:14px;color:var(--terminal-green-dark);letter-spacing:2px;margin:10px 0}.coming-soon-footer .footer-subtext{font-family:var(--font-terminal-alt);font-size:16px;color:var(--terminal-green);font-style:italic;margin-top:10px}@media (max-width: 768px){.coming-soon-header .header-title{font-size:14px}.coming-soon-header .header-subtitle{font-size:10px}.congrats-title,.congrats-text{font-size:14px}.section-title{font-size:12px}.section-content{font-size:14px}.feature-item{flex-direction:column}.feature-icon{margin-bottom:10px}.coming-soon-buttons .terminal-button{font-size:12px;padding:12px 20px;min-width:240px}}@media (max-width: 480px){.coming-soon-header .header-line{font-size:6px;overflow:hidden}.coming-soon-header .header-title{font-size:12px}.congrats-icon{font-size:36px}.congrats-title{font-size:12px;letter-spacing:2px}.congrats-text,.section-content,.feature-text{font-size:12px}.section-title{font-size:11px}.coming-soon-buttons .terminal-button{font-size:10px;padding:10px 15px;min-width:200px}}.game3-screen{width:100%;min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#0a0a0a);display:flex;align-items:center;justify-content:center;padding:20px;font-family:Courier New,monospace}.game3-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px}.game3-canvas{border:3px solid #00ff00;box-shadow:0 0 20px #00ff004d,0 0 40px #0f03,inset 0 0 20px #00ff001a;background:#0a0a0a;cursor:crosshair;image-rendering:crisp-edges}.game3-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;align-items:center;justify-content:center;z-index:10;animation:fadeIn .3s ease-in-out}.overlay-content{text-align:center;padding:40px;background:linear-gradient(135deg,#0d0d0d,#1a1a1a);border:2px solid #00ff00;box-shadow:0 0 30px #0f06,inset 0 0 20px #00ff001a;max-width:600px;animation:slideIn .4s ease-out}.overlay-title{font-size:48px;color:#0f0;text-shadow:0 0 10px #00ff00,0 0 20px #00ff00,0 0 30px #00ff00;margin-bottom:30px;letter-spacing:4px;animation:glow 2s ease-in-out infinite}.overlay-title.victory{color:#0f0;text-shadow:0 0 10px #00ff00,0 0 20px #00ff00,0 0 30px #00ff00}.overlay-title.defeat{color:red;text-shadow:0 0 10px #ff0000,0 0 20px #ff0000,0 0 30px #ff0000}.overlay-subtitle{font-size:24px;color:#0f0;margin-bottom:20px}.overlay-text{font-size:18px;color:#0f0;line-height:2;margin-bottom:30px}.overlay-text p{margin:10px 0}.terminal-button{background:transparent;border:2px solid #00ff00;color:#0f0;padding:15px 30px;font-size:18px;font-family:Courier New,monospace;cursor:pointer;margin:10px;transition:all .3s ease;box-shadow:0 0 10px #00ff004d;position:relative;overflow:hidden}.terminal-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#0f03;transition:left .3s ease}.terminal-button:hover:before{left:0}.terminal-button:hover{background:#00ff001a;box-shadow:0 0 20px #0f09,inset 0 0 20px #00ff001a;transform:scale(1.05)}.terminal-button:active{transform:scale(.98);box-shadow:0 0 30px #0f0c}.upgrade-options{display:flex;flex-direction:column;gap:15px;margin-top:20px}.upgrade-desc{font-size:14px;color:#888;margin-top:8px;font-style:italic}.game3-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:36px;color:#0f0;text-shadow:0 0 10px #00ff00,0 0 20px #00ff00,0 0 30px #00ff00;pointer-events:none;animation:messageFade 3s ease-out forwards;z-index:5;background:#000000b3;padding:20px 40px;border:2px solid #00ff00}@keyframes messageFade{0%{opacity:0;transform:translate(-50%,-50%) scale(.8)}10%{opacity:1;transform:translate(-50%,-50%) scale(1)}90%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.8)}}@media (max-width: 1100px){.game3-canvas{transform:scale(.9)}}@media (max-width: 1000px){.game3-canvas{transform:scale(.8)}.overlay-title{font-size:36px}.overlay-text{font-size:16px}}@media (max-width: 850px){.game3-canvas{transform:scale(.7)}.overlay-content{max-width:90%;padding:30px}}.game4-screen{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#0a0a0a);padding:20px;font-family:Courier New,monospace;color:#0f0;overflow:hidden}.game4-container{max-width:1400px;margin:0 auto}.game4-header{text-align:center;margin-bottom:20px}.header-title{font-size:24px;color:#0f0;text-shadow:0 0 10px #00ff00;margin-bottom:10px}.level-info{font-size:16px;color:#0ff;letter-spacing:2px}.level-intro{background:linear-gradient(135deg,#0d0d0d,#1a1a1a);border:3px solid #00ff00;padding:50px;text-align:center;box-shadow:0 0 30px #00ff004d;max-width:600px;margin:0 auto}.level-intro h2{font-size:32px;color:#0ff;margin-bottom:15px}.level-intro h3{font-size:24px;color:#0f0;margin-bottom:20px}.level-intro p{font-size:18px;color:#ccc;margin:15px 0}.game4-main{display:flex;gap:20px;justify-content:center;align-items:flex-start}.game-panel{position:relative;border:3px solid #00ff00;box-shadow:0 0 30px #0f06;background:#000}.pause-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.pause-message{font-size:48px;color:#0ff;text-shadow:0 0 20px #00ffff;margin-bottom:20px}.stats-panel{display:flex;flex-direction:column;gap:20px;min-width:250px}.stat-item{background:linear-gradient(135deg,#0d0d0d,#1a1a1a);border:2px solid #00ff00;padding:20px;box-shadow:0 0 15px #00ff004d}.stat-label{font-size:14px;color:#0ff;margin-bottom:8px;letter-spacing:2px}.stat-value{font-size:32px;font-weight:700;color:#0f0;text-shadow:0 0 10px #00ff00}.stat-value.success{color:#0f0;text-shadow:0 0 10px #00ff00}.stat-value.warning{color:#fa0;text-shadow:0 0 10px #ffaa00}.stat-value.danger{color:red;text-shadow:0 0 10px #ff0000;animation:pulse-danger .5s ease-in-out infinite}.integrity-bar{width:100%;height:20px;background:#ffffff1a;border:1px solid #00ff00;margin-top:10px;overflow:hidden}.integrity-fill{height:100%;transition:width .3s ease,background-color .3s ease}.game4-button{background:transparent;border:2px solid #00ff00;color:#0f0;padding:15px 35px;font-size:16px;font-family:Courier New,monospace;cursor:pointer;transition:all .3s ease;box-shadow:0 0 15px #0f06;margin:10px;letter-spacing:2px}.game4-button:hover{background:#00ff001a;box-shadow:0 0 30px #00ff00b3;transform:scale(1.05)}.game4-button:active{transform:scale(.98)}@keyframes pulse-danger{0%,to{opacity:1}50%{opacity:.5}}@media (max-width: 1200px){.game4-main{flex-direction:column;align-items:center}.stats-panel{flex-direction:row;flex-wrap:wrap;justify-content:center;width:100%}.stat-item{min-width:200px}}@media (max-width: 768px){.header-title{font-size:18px}.level-info{font-size:14px}.game-canvas{transform:scale(.8);transform-origin:top center}.result-title{font-size:32px}.result-message{font-size:16px}}.game5-screen{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#0a0a0a);padding:20px;font-family:Courier New,monospace;color:#0f0;overflow:hidden}.game5-container{max-width:1200px;margin:0 auto}.game5-header{text-align:center;margin-bottom:20px}.header-title{font-size:24px;color:#0f0;text-shadow:0 0 10px #00ff00}.game5-intro{background:linear-gradient(135deg,#0d0d0d,#1a1a1a);border:3px solid #00ff00;padding:50px;text-align:center;box-shadow:0 0 30px #00ff004d;max-width:800px;margin:0 auto}.game5-intro h2{font-size:32px;color:#0ff;margin-bottom:15px}.game5-intro p{font-size:18px;color:#ccc;margin:15px 0}.opponent-info{display:flex;gap:20px;justify-content:center;margin:30px 0}.opponent-card{background:#0032004d;border:2px solid #00ff00;padding:20px;flex:1;max-width:200px}.opponent-name{font-size:20px;font-weight:700;margin-bottom:10px;text-shadow:0 0 10px currentColor}.opponent-desc{font-size:14px;color:#ccc;line-height:1.6}.controls-info{background:#0032004d;border:1px solid #00ff00;padding:20px;margin:25px 0;text-align:left}.controls-info p{margin:8px 0;font-size:16px;color:#0f0}.controls-info strong{color:#0ff}.countdown-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000}.countdown-number{font-size:120px;color:#0f0;text-shadow:0 0 40px #00ff00;animation:countdown-pulse 1s ease-in-out}.game5-main{display:flex;flex-direction:column;gap:20px;align-items:center}.game-panel{border:3px solid #00ff00;box-shadow:0 0 30px #0f06;background:#000}.game-canvas{display:block;image-rendering:crisp-edges;image-rendering:pixelated}.game5-hud{display:flex;gap:30px;justify-content:center;flex-wrap:wrap}.hud-item{background:linear-gradient(135deg,#0d0d0d,#1a1a1a);border:2px solid #00ff00;padding:15px 25px;min-width:150px;box-shadow:0 0 15px #00ff004d}.hud-label{font-size:12px;color:#0ff;margin-bottom:8px;letter-spacing:2px}.hud-value{font-size:24px;font-weight:700;color:#0f0;text-shadow:0 0 10px #00ff00}.boost-bar{width:100%;height:20px;background:#ffffff1a;border:1px solid #00ff00;margin-top:8px;overflow:hidden}.boost-fill{height:100%;transition:width .1s ease,background-color .3s ease}.game5-button{background:transparent;border:2px solid #00ff00;color:#0f0;padding:15px 35px;font-size:16px;font-family:Courier New,monospace;cursor:pointer;transition:all .3s ease;box-shadow:0 0 15px #0f06;margin:10px;letter-spacing:2px}.game5-button:hover{background:#00ff001a;box-shadow:0 0 30px #00ff00b3;transform:scale(1.05)}.game5-button:active{transform:scale(.98)}.result-screen{background:linear-gradient(135deg,#0d0d0d,#1a1a1a);border:3px solid;padding:60px;text-align:center;box-shadow:0 0 40px;max-width:700px;margin:0 auto}.result-icon{font-size:96px;margin-bottom:20px}.result-title{font-size:42px;font-weight:700;margin-bottom:25px;letter-spacing:3px}.result-screen.success .result-title{color:#0f0;text-shadow:0 0 20px #00ff00}.result-screen.failure .result-title{color:red;text-shadow:0 0 20px #ff0000}.result-message{font-size:20px;color:#ccc;margin-bottom:30px;line-height:1.6}.result-stats{background:#00320033;border:1px solid #00ff00;padding:25px;margin:25px 0}.result-stats p{font-size:18px;color:#0ff;margin:10px 0}@keyframes countdown-pulse{0%{transform:scale(.5);opacity:0}50%{transform:scale(1.2);opacity:1}to{transform:scale(1);opacity:1}}@media (max-width: 1000px){.game-canvas{transform:scale(.8);transform-origin:top center}.opponent-info{flex-direction:column;align-items:center}.opponent-card{max-width:100%}}@media (max-width: 768px){.header-title{font-size:18px}.game5-intro{padding:25px}.game5-intro h2{font-size:24px}.opponent-name{font-size:18px}.result-title{font-size:32px}.result-message{font-size:16px}.game5-hud{gap:15px}.hud-item{min-width:120px;padding:12px 20px}}.game6-screen{width:100vw;min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a0a1a);display:flex;justify-content:center;align-items:center;padding:20px;font-family:Courier New,monospace;color:#0f0}.game6-container{width:100%;max-width:1400px;background:#000c;border:2px solid #00ff00;border-radius:10px;padding:20px;box-shadow:0 0 30px #00ff004d}.game6-header{text-align:center;margin-bottom:20px;border-bottom:2px solid #00ff00;padding-bottom:15px}.game6-header .header-title{font-size:28px;font-weight:700;color:#0f0;text-shadow:0 0 10px #00ff00;letter-spacing:2px}.game6-header .level-info{font-size:18px;color:#0ff;margin-top:10px}.game6-intro{text-align:center;padding:40px}.game6-intro h2{font-size:36px;color:#0f0;text-shadow:0 0 15px #00ff00;margin-bottom:20px}.game6-intro .intro-desc{font-size:18px;color:#0ff;margin-bottom:30px;line-height:1.6}.game6-intro .instructions{background:#00ff001a;border:1px solid #00ff00;border-radius:5px;padding:20px;margin:20px auto;max-width:600px;text-align:left}.game6-intro .instructions h3{color:#0f0;font-size:20px;margin-bottom:15px;text-align:center}.game6-intro .instructions p{color:#fff;font-size:16px;margin:8px 0;line-height:1.5}.game6-intro .pipe-legend{background:#00ffff1a;border:1px solid #00ffff;border-radius:5px;padding:20px;margin:20px auto;max-width:600px;text-align:left}.game6-intro .pipe-legend h3{color:#0ff;font-size:20px;margin-bottom:15px;text-align:center}.game6-intro .legend-item{color:#fff;font-size:16px;margin:8px 0;padding-left:20px}.game6-play{display:flex;gap:20px;justify-content:center;align-items:flex-start}.game-panel{flex:1;display:flex;flex-direction:column;align-items:center;gap:15px}.game-panel canvas{background:#000;border-radius:5px;box-shadow:0 0 20px #00ff004d}.level-description{color:#0ff;font-size:16px;text-align:center;padding:10px;background:#00ffff1a;border:1px solid #00ffff;border-radius:5px;max-width:560px}.control-panel{width:350px;display:flex;flex-direction:column;gap:20px}.toolbox{background:#00ff000d;border:2px solid #00ff00;border-radius:5px;padding:15px}.toolbox h3{color:#0f0;font-size:18px;margin-bottom:15px;text-align:center;text-shadow:0 0 8px #00ff00}.pipe-button{width:100%;background:#00000080;border:2px solid #00ffff;border-radius:5px;padding:12px;margin-bottom:10px;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .3s;font-family:Courier New,monospace;font-size:14px}.pipe-button:hover:not(.depleted){background:#0ff3;box-shadow:0 0 15px #00ffff80;transform:translateY(-2px)}.pipe-button.selected{background:#00ff004d;border-color:#0f0;box-shadow:0 0 20px #0f09}.pipe-button.depleted{opacity:.3;cursor:not-allowed;border-color:#666}.pipe-icon{font-size:24px;font-weight:700;width:30px;text-align:center}.pipe-name{flex:1;color:#fff;font-size:14px}.pipe-count{color:#0f0;font-size:14px;font-weight:700}.gauges{display:flex;flex-direction:column;gap:15px}.gauge{background:#00000080;border:2px solid #00ffff;border-radius:5px;padding:15px}.gauge-label{color:#0ff;font-size:14px;font-weight:700;margin-bottom:8px;text-align:center;text-shadow:0 0 8px #00ffff}.gauge-bar{width:100%;height:25px;background:#000c;border:1px solid #00ff00;border-radius:3px;overflow:hidden;margin-bottom:8px}.gauge-fill{height:100%;transition:width .5s ease;box-shadow:0 0 15px}.gauge-fill.flow{background:linear-gradient(90deg,#0f0,#0ff);box-shadow:0 0 15px #0f0}.gauge-fill.pressure{background:linear-gradient(90deg,#ff0,#f60);box-shadow:0 0 15px #ff0}.gauge-value{color:#fff;font-size:14px;text-align:center;font-weight:700}.gauge-min{color:#0f0;font-size:12px;text-align:center;margin-top:5px}.error-console{background:#000c;border:2px solid #ff0000;border-radius:5px;padding:15px;font-size:14px;text-align:center;animation:pulse-error 1s infinite}.error-console.error{color:red;border-color:red}.error-console.success{color:#0f0;border-color:#0f0;animation:pulse-success 1s infinite}@keyframes pulse-error{0%,to{box-shadow:0 0 10px #ff000080}50%{box-shadow:0 0 20px #f00c}}@keyframes pulse-success{0%,to{box-shadow:0 0 10px #00ff0080}50%{box-shadow:0 0 20px #0f0c}}.action-buttons{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;gap:15px;margin-top:20px;padding:15px;background:#0000004d;border:1px solid #00ff00;border-radius:5px}.game6-button{background:#000000b3;border:2px solid #00ff00;color:#0f0;padding:15px 30px;font-size:18px;font-family:Courier New,monospace;font-weight:700;cursor:pointer;border-radius:5px;transition:all .3s;letter-spacing:1px;text-shadow:0 0 8px #00ff00}.game6-button:hover:not(:disabled){background:#0f03;box-shadow:0 0 20px #0f09;transform:scale(1.05)}.game6-button:disabled{opacity:.5;cursor:not-allowed;border-color:#666;color:#666;text-shadow:none}.game6-button.simulate{border-color:#0ff;color:#0ff;text-shadow:0 0 8px #00ffff}.game6-button.simulate:hover:not(:disabled){background:#0ff3;box-shadow:0 0 20px #0ff9}.game6-button.reset{border-color:#ff0;color:#ff0;text-shadow:0 0 8px #ffff00}.game6-button.reset:hover{background:#ff03;box-shadow:0 0 20px #ff09}.game6-button.quit{border-color:red;color:red;text-shadow:0 0 8px #ff0000}.game6-button.quit:hover{background:#f003;box-shadow:0 0 20px #f009}.game6-button.start,.game6-button.next,.game6-button.continue{font-size:22px;padding:20px 40px;margin:30px auto 0;display:block}.game6-complete,.game6-victory{text-align:center;padding:60px 40px}.game6-complete h2,.game6-victory h2{font-size:42px;color:#0f0;text-shadow:0 0 20px #00ff00;margin-bottom:20px;animation:glow-pulse 2s infinite}@keyframes glow-pulse{0%,to{text-shadow:0 0 20px #00ff00}50%{text-shadow:0 0 40px #00ff00,0 0 60px #00ff00}}.game6-complete p,.game6-victory p{font-size:18px;color:#0ff;margin:15px 0;line-height:1.6}.game6-complete .stats{background:#00ff001a;border:2px solid #00ff00;border-radius:5px;padding:20px;margin:30px auto;max-width:400px}.game6-complete .stats p{color:#fff;font-size:20px;margin:10px 0}@media (max-width: 1200px){.game6-play{flex-direction:column;align-items:center}.control-panel{width:100%;max-width:600px}.game-panel canvas{max-width:100%;height:auto}}@media (max-width: 768px){.game6-header .header-title{font-size:20px}.game6-intro h2{font-size:28px}.game6-button{font-size:16px;padding:12px 24px}.game6-complete h2,.game6-victory h2{font-size:32px}}.help-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000;animation:fadeIn .3s}.help-modal{background:linear-gradient(135deg,#0a0a0a,#1a0a1a);border:3px solid #00ff00;border-radius:10px;max-width:900px;max-height:90vh;width:90%;padding:30px;position:relative;box-shadow:0 0 40px #00ff0080;overflow-y:auto;animation:slideIn .3s}@keyframes slideIn{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.help-modal::-webkit-scrollbar{width:12px}.help-modal::-webkit-scrollbar-track{background:#0a0a0a;border-radius:6px}.help-modal::-webkit-scrollbar-thumb{background:#0f0;border-radius:6px}.help-modal::-webkit-scrollbar-thumb:hover{background:#0ff}.help-close{position:absolute;top:15px;right:15px;background:none;border:2px solid #ff0000;color:red;font-size:24px;width:40px;height:40px;border-radius:50%;cursor:pointer;transition:all .3s;display:flex;align-items:center;justify-content:center;font-weight:700}.help-close:hover{background:#f003;box-shadow:0 0 20px #f009;transform:rotate(90deg)}.help-title{color:#0f0;text-align:center;font-size:28px;margin-bottom:25px;text-shadow:0 0 15px #00ff00;font-family:Courier New,monospace;letter-spacing:2px;border-bottom:2px solid #00ff00;padding-bottom:15px}.help-content{color:#fff;font-family:Courier New,monospace;line-height:1.7}.help-section{margin-bottom:30px;background:#00ff000d;border:1px solid #00ff00;border-radius:8px;padding:20px}.help-section-title{color:#0ff;font-size:22px;margin-bottom:15px;text-shadow:0 0 10px #00ffff;display:flex;align-items:center;gap:10px}.help-text{font-size:15px;color:#ddd}.help-text p{margin:12px 0;line-height:1.8}.help-text strong{color:#0f0;font-weight:700}.help-text ul,.help-text ol{margin:10px 0;padding-left:25px}.help-text li{margin:8px 0;line-height:1.6}.help-formula{background:#00ffff1a;border:2px solid #00ffff;border-radius:5px;padding:15px;margin:15px 0;text-align:center;font-size:18px;color:#0ff;font-weight:700;font-family:Courier New,monospace;letter-spacing:1px;box-shadow:0 0 15px #00ffff4d}.help-subsection{color:#ff0!important;font-size:16px!important;margin-top:20px!important;margin-bottom:8px!important}.pipe-type-card{background:#00000080;border:2px solid #00ffff;border-radius:8px;padding:15px;margin:15px 0;transition:all .3s}.pipe-type-card:hover{box-shadow:0 0 20px #0ff6;transform:translate(5px)}.pipe-type-header{font-size:18px;font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:12px}.pipe-shape{font-size:28px;font-weight:700;display:inline-block;width:40px;text-align:center}.pipe-type-card p{margin:8px 0;font-size:14px;color:#ccc}.help-footer{text-align:center;margin-top:30px;padding-top:20px;border-top:2px solid #00ff00}.help-footer .game6-button{font-size:20px;padding:15px 40px}.game6-button.help{border-color:#0ff;color:#0ff;text-shadow:0 0 8px #00ffff}.game6-button.help:hover{background:#0ff3;box-shadow:0 0 20px #0ff9}.leak-status{background:linear-gradient(135deg,#1a0a0a,#2a0505);border:3px solid #ff0000;border-radius:10px;padding:20px;margin:20px 0;box-shadow:0 0 30px #ff000080;animation:pulse-red 2s infinite}@keyframes pulse-red{0%,to{box-shadow:0 0 30px #ff000080;border-color:red}50%{box-shadow:0 0 50px #f00c;border-color:#f44}}.leak-timer{text-align:center;margin-bottom:15px}.timer-label{font-family:Courier New,monospace;font-size:14px;color:#f66;letter-spacing:2px;margin-bottom:10px}.timer-value{font-family:Courier New,monospace;font-size:48px;font-weight:700;color:red;text-shadow:0 0 20px #ff0000;animation:timer-pulse 1s infinite}.timer-value.critical{color:red;animation:critical-pulse .5s infinite}@keyframes timer-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes critical-pulse{0%,to{transform:scale(1);color:red}50%{transform:scale(1.15);color:#f44}}.leak-counter{text-align:center;padding:15px;background:#0006;border:2px solid #ff4444;border-radius:5px;margin-bottom:15px}.leak-label{font-family:Courier New,monospace;font-size:14px;color:#f99;letter-spacing:1px;margin-bottom:5px}.leak-value{font-family:Courier New,monospace;font-size:36px;font-weight:700;color:red;text-shadow:0 0 15px #ff0000}.leak-instruction{font-family:Courier New,monospace;font-size:12px;color:#fcc;text-align:center;padding:10px;background:#ffffff0d;border-radius:5px;border:1px dashed #ff6666}.patch-kits{text-align:center;padding:15px;background:#0064004d;border:2px solid #00ff00;border-radius:5px;margin-bottom:15px}.patch-label{font-family:Courier New,monospace;font-size:14px;color:#9f9;letter-spacing:1px;margin-bottom:5px}.patch-value{font-family:Courier New,monospace;font-size:36px;font-weight:700;color:#0f0;text-shadow:0 0 15px #00ff00}.patch-value.low{color:#ff0;text-shadow:0 0 15px #ffff00;animation:low-patch-pulse .5s infinite}@keyframes low-patch-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.level5-info{background:linear-gradient(135deg,#1a1a0a,#2a2a05);border:2px solid #ffff00;border-radius:10px;padding:15px;margin:15px 0;text-align:center}.level5-warning{font-family:Courier New,monospace;font-size:14px;color:#f60;font-weight:700;margin-bottom:10px;animation:warning-blink 1.5s infinite}@keyframes warning-blink{0%,to{opacity:1}50%{opacity:.6}}.level5-hint{font-family:Courier New,monospace;font-size:12px;color:#0f0}.opponent-screen{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#0a0a0a);padding:40px 20px;font-family:Courier New,monospace;color:#0f0}.opponent-container{max-width:1400px;margin:0 auto}.opponent-header{text-align:center;margin-bottom:50px}.games-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:30px;margin-bottom:50px}.game-card{background:linear-gradient(135deg,#0d0d0d,#1a1a1a);border:2px solid #00ff00;padding:30px;position:relative;cursor:pointer;transition:all .3s ease;box-shadow:0 0 20px #0f03;min-height:350px;display:flex;flex-direction:column}.game-card.unlocked:hover{border-color:#0f0;box-shadow:0 0 40px #0f09;transform:translateY(-5px)}.game-card.locked{opacity:.4;cursor:not-allowed;border-color:#333;box-shadow:0 0 10px #32323233}.game-card.locked:hover{transform:none}.lock-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2}.lock-icon{font-size:64px;margin-bottom:20px;animation:lockPulse 2s ease-in-out infinite}.lock-text{font-size:16px;color:#888;text-align:center;max-width:80%;line-height:1.6}.game-card-header{text-align:center;margin-bottom:20px}.game-number{font-size:14px;margin-bottom:10px;letter-spacing:2px}.game-name{font-size:28px;margin-bottom:10px;font-weight:700;text-shadow:0 0 10px currentColor,0 0 20px currentColor}.game-subtitle{font-size:14px;color:#888;letter-spacing:1px}.game-card-body{flex:1;margin-bottom:20px}.game-description{color:#ccc;line-height:1.8;margin-bottom:20px;font-size:14px}.game-stats{border-top:1px solid #333333;padding-top:15px;margin-top:15px}.stat-item{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px}.stat-label{color:#888}.stat-value{color:#0f0;font-weight:700}.game-card-footer{text-align:center;padding-top:15px;border-top:1px solid #333333}.play-prompt{color:#0f0;font-size:16px;animation:promptPulse 1.5s ease-in-out infinite}.prompt-bracket{margin:0 10px;font-weight:700}.locked-prompt{color:#333;font-size:18px;font-weight:700;letter-spacing:4px}.matchmaking-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .3s ease-in-out}.matchmaking-content{background:linear-gradient(135deg,#0d0d0d,#1a1a1a);border:3px solid #00ff00;padding:60px;text-align:center;box-shadow:0 0 50px #00ff0080;max-width:600px}.matchmaking-title{font-size:36px;color:#0f0;margin-bottom:20px;text-shadow:0 0 10px #00ff00,0 0 20px #00ff00}.matchmaking-title.match-found{animation:matchFoundPulse .5s ease-in-out infinite}.matchmaking-game{font-size:24px;color:#0ff;margin-bottom:40px;letter-spacing:2px}.matchmaking-spinner{position:relative;width:120px;height:120px;margin:40px auto}.spinner-ring{position:absolute;width:100%;height:100%;border:4px solid transparent;border-top-color:#0f0;border-radius:50%;animation:spin 1.5s linear infinite}.spinner-ring:nth-child(2){width:80%;height:80%;top:10%;left:10%;border-top-color:#0ff;animation-duration:2s;animation-direction:reverse}.spinner-ring:nth-child(3){width:60%;height:60%;top:20%;left:20%;border-top-color:#ff0;animation-duration:1s}.matchmaking-timer{font-size:48px;color:#0f0;margin:30px 0;font-weight:700;text-shadow:0 0 10px #00ff00,0 0 20px #00ff00}.matchmaking-status{font-size:16px;color:#888;margin-bottom:30px;min-height:24px;animation:statusFade 1s ease-in-out infinite}.cancel-button{margin-top:20px}.match-found-text{font-size:20px;color:#0ff;margin:30px 0}.match-found-spinner{font-size:36px;color:#0f0;animation:dots 1s ease-in-out infinite}.opponent-info{background:#00320033;border:1px solid #00ff00;padding:30px;margin-bottom:40px}.info-section{color:#ccc}.info-title{color:#0f0;font-size:20px;margin-bottom:15px;text-shadow:0 0 10px #00ff00}.info-section p{margin:10px 0;line-height:1.8;padding-left:10px}.opponent-footer{text-align:center;margin-top:40px}.loading{min-height:100vh;display:flex;align-items:center;justify-content:center;font-size:24px;color:#0f0}@keyframes lockPulse{0%,to{transform:scale(1);opacity:.6}50%{transform:scale(1.1);opacity:1}}@keyframes promptPulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes matchFoundPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes statusFade{0%,to{opacity:1}50%{opacity:.6}}@keyframes dots{0%,20%{content:"▮"}40%{content:"▮▮"}60%,to{content:"▮▮▮"}}@media (max-width: 1200px){.games-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media (max-width: 768px){.header-title{font-size:32px}.games-grid{grid-template-columns:1fr}.matchmaking-content{padding:40px 30px}.matchmaking-title{font-size:28px}}.opponent-game2-screen{min-height:100vh;background:linear-gradient(180deg,#000811,#012);color:#0f0;font-family:Courier New,monospace;display:flex;justify-content:center;padding:10px}.opponent-game2-container{width:100%;max-width:1200px;display:flex;flex-direction:column;gap:10px}.og2-header{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;border:2px solid #00ff00;border-radius:5px;background:#00ff000d}.og2-header-title{font-size:20px;font-weight:700;color:#0ff;text-shadow:0 0 10px #00ffff}.og2-timer{font-size:24px;font-weight:700;color:#ff0;text-shadow:0 0 10px #ffff00}.og2-split-container{display:flex;flex-direction:column;gap:5px;flex:1}.og2-board{flex:1;border:2px solid #00ff00;border-radius:5px;background:#00323233;display:flex;flex-direction:column;min-height:280px}.og2-player-board{border-color:#0ff}.og2-bot-board{border-color:#f60}.og2-board.complete{border-color:#0f0;box-shadow:0 0 20px #00ff0080}.og2-board-header{display:flex;justify-content:space-between;align-items:center;padding:8px 15px;background:#0000004d;border-bottom:1px solid currentColor}.og2-player-board .og2-board-header{border-color:#0ff}.og2-bot-board .og2-board-header{border-color:#f60}.og2-board-label{font-size:16px;font-weight:700}.og2-player-board .og2-board-label{color:#0ff}.og2-bot-board .og2-board-label{color:#f60}.og2-complete-badge{color:#0f0;font-weight:700;padding:3px 10px;background:#0f03;border:1px solid #00ff00;border-radius:3px;animation:pulseGlow 1s ease-in-out infinite}.og2-thinking{color:#ff0;font-style:italic;animation:blink .5s ease-in-out infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.og2-board-content{display:flex;gap:15px;padding:10px;flex:1;align-items:center}.og2-toolbox{width:150px;display:flex;flex-direction:column;gap:5px}.og2-toolbox-title{font-size:12px;font-weight:700;color:#0ff;text-align:center;padding-bottom:5px;border-bottom:1px solid #00ff00;margin-bottom:5px}.og2-component-item{background:#00ff001a;border:1px solid #00ff00;border-radius:3px;padding:6px 8px;cursor:grab;display:flex;justify-content:space-between;align-items:center;font-size:12px;transition:all .2s}.og2-component-item:active{cursor:grabbing}.og2-component-item.available:hover{background:#0f03;border-color:#0ff;box-shadow:0 0 8px #00ffff80}.og2-component-item.depleted{opacity:.3;cursor:not-allowed}.og2-component-symbol{font-size:18px;font-weight:700;width:25px}.og2-component-name{flex:1;font-size:11px;padding:0 5px}.og2-component-count{font-size:11px;color:#ff0}.og2-grid-container{flex:1;display:flex;flex-direction:column;align-items:center;gap:10px}.og2-circuit-grid{display:grid;gap:2px;background:#00000080;padding:8px;border:2px solid #006600;border-radius:5px}.og2-grid-cell{width:45px;height:45px;background:#0064001a;border:1px solid #00ff00;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all .2s}.og2-player-board .og2-grid-cell:hover{background:#0f03;box-shadow:0 0 8px #00ff0080}.og2-grid-cell.occupied{background:#0096004d}.og2-grid-cell.success{animation:successPulse 1s ease-in-out;box-shadow:0 0 10px #00ff0080}@keyframes successPulse{0%,to{box-shadow:0 0 5px #00ff004d}50%{box-shadow:0 0 20px #0f0}}.og2-component-display{font-size:24px;font-weight:700;text-shadow:0 0 10px currentColor}.og2-message{padding:8px 15px;border-radius:3px;text-align:center;font-size:14px;font-weight:700;background:#00ffff1a;border:1px solid #00ffff;color:#0ff;min-height:30px}.og2-message.success{background:#0f03;border-color:#0f0;color:#0f0}.og2-test-button{background:#00ffff1a;border:2px solid #00ffff;color:#0ff;padding:10px 25px;font-size:14px;font-family:Courier New,monospace;cursor:pointer;transition:all .3s;border-radius:3px}.og2-test-button:hover:not(:disabled){background:#00ffff4d;box-shadow:0 0 15px #00ffff80}.og2-test-button:disabled{opacity:.3;cursor:not-allowed}.og2-divider{display:flex;align-items:center;justify-content:center;padding:5px 0}.og2-vs{font-size:24px;font-weight:700;color:red;text-shadow:0 0 15px #ff0000;padding:5px 20px;background:#ff00001a;border:2px solid #ff0000;border-radius:5px}.og2-intro-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000f2;display:flex;justify-content:center;align-items:center;z-index:1000}.og2-intro-content{max-width:800px;padding:40px;text-align:center}.og2-intro-title{font-size:48px;font-weight:700;color:#0ff;text-shadow:0 0 20px #00ffff;margin-bottom:30px;animation:pulseGlow 2s ease-in-out infinite}.og2-intro-text{font-size:18px;color:#0f0;line-height:2;margin-bottom:40px;text-align:left}.og2-intro-text p{margin:10px 0}.og2-intro-rules{color:#0ff;font-weight:700;margin-top:20px!important}.og2-component-order{color:#fa0;font-weight:700;margin-left:20px}.og2-intro-warning{color:red;font-weight:700;font-size:20px;text-shadow:0 0 10px #ff0000;animation:blink 1s ease-in-out infinite;margin-top:20px!important}.og2-intro-buttons{display:flex;gap:20px;justify-content:center;margin-top:30px}.og2-start-button{background:#0f03;border-color:#0f0;color:#0f0;font-size:20px;padding:15px 40px}.og2-start-button:hover{background:#0f06;box-shadow:0 0 25px #0f09;transform:scale(1.05)}.og2-abort-button{background:#f003;border-color:#f66;color:#f66}.og2-abort-button:hover{background:#f006;box-shadow:0 0 25px #f009}.button-bracket{color:inherit;margin:0 5px}.button-text{color:inherit}.og2-countdown-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000}.og2-countdown-content{text-align:center}.og2-countdown-text{font-size:150px;font-weight:700;color:#0ff;text-shadow:0 0 50px #00ffff;animation:countdownPulse 1s ease-in-out infinite}@keyframes countdownPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.og2-countdown-subtitle{font-size:24px;color:#0f0;margin-top:30px}.og2-winner-overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000}.og2-winner-overlay.player-win{background:#003200f2}.og2-winner-overlay.bot-win{background:#320000f2}.og2-winner-content{text-align:center}.og2-winner-title{font-size:72px;font-weight:700;margin-bottom:30px;animation:winnerPulse .5s ease-in-out infinite}.player-win .og2-winner-title{color:#0f0;text-shadow:0 0 30px #00ff00}.bot-win .og2-winner-title{color:red;text-shadow:0 0 30px #ff0000}@keyframes winnerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.og2-winner-times{font-size:24px;color:#0ff;margin-bottom:40px;line-height:2}.og2-winner-buttons{display:flex;gap:20px;justify-content:center}.og2-button{background:#00ff001a;border:2px solid #00ff00;color:#0f0;padding:15px 30px;font-size:18px;font-family:Courier New,monospace;cursor:pointer;transition:all .3s;border-radius:3px}.og2-button:hover{background:#00ff004d;box-shadow:0 0 20px #00ff0080}.og2-footer{text-align:center;padding:10px}.og2-exit-button{background:#ff00001a;border:2px solid #ff6666;color:#f66;padding:10px 20px;font-size:14px;font-family:Courier New,monospace;cursor:pointer;transition:all .3s;border-radius:3px}.og2-exit-button:hover{background:#ff00004d;box-shadow:0 0 15px #ff000080}@keyframes pulseGlow{0%,to{box-shadow:0 0 5px #00ff004d}50%{box-shadow:0 0 15px #0f0c}}@media (max-width: 900px){.og2-board-content{flex-direction:column}.og2-toolbox{width:100%;flex-direction:row;flex-wrap:wrap;justify-content:center}.og2-toolbox-title{width:100%}.og2-component-item{width:auto;min-width:100px}.og2-grid-cell{width:35px;height:35px}.og2-component-display{font-size:20px}.og2-countdown-text{font-size:100px}.og2-winner-title{font-size:48px}.og2-winner-times{font-size:18px}.og2-winner-buttons{flex-direction:column}}@media (max-width: 600px){.og2-header{flex-direction:column;gap:10px}.og2-header-title{font-size:16px}.og2-grid-cell{width:30px;height:30px}.og2-component-display{font-size:16px}.og2-toolbox{gap:3px}.og2-component-item{padding:4px 6px;min-width:80px}}.opponent-game4-screen{width:100vw;height:100vh;background:#000;color:#0f0;font-family:"Press Start 2P",monospace;overflow:hidden;display:flex;justify-content:center;align-items:center}.opponent-game4-container{width:100%;max-width:1400px;height:100%;display:flex;flex-direction:column;padding:20px}.opponent-game4-header{text-align:center;margin-bottom:20px}.controls-info p{margin:5px 0;font-size:12px}.opponent-game4-button{background:#000;color:#0f0;border:2px solid #00ff00;padding:15px 30px;font-family:"Press Start 2P",monospace;font-size:14px;cursor:pointer;margin:10px;transition:all .3s;text-shadow:0 0 5px #00ff00}.opponent-game4-button:hover{background:#0f0;color:#000;box-shadow:0 0 20px #0f0}.game-area{flex:1;display:flex;justify-content:center;align-items:center;width:100%}.split-screen{display:flex;justify-content:center;align-items:flex-start;gap:40px;width:100%;max-width:1200px}.player-side,.bot-side{display:flex;flex-direction:column;align-items:center;gap:15px}.player-label{font-size:18px;color:#0f0;text-shadow:0 0 10px #00ff00;padding:10px 20px;border:2px solid #00ff00;background:#000c}.divider{width:3px;height:500px;background:linear-gradient(to bottom,transparent,#ffff00,transparent);box-shadow:0 0 20px #ff0;align-self:center}.board-header{width:100%;text-align:center;padding:15px;margin-bottom:15px;border:2px solid;background:#000000b3}.player-header{border-color:#0f0}.bot-header{border-color:red}.board-title{font-size:20px;text-shadow:0 0 10px currentColor}.player-header .board-title{color:#0f0}.bot-header .board-title{color:red}.game-canvas{border:3px solid #00ff00;box-shadow:0 0 20px #00ff004d;background:#0a0a0a}.stats-panel{margin-top:20px;width:100%;max-width:250px}.stat-item{background:#001400cc;border:2px solid #00ff00;padding:15px;margin:10px 0;text-align:center}.stat-label{font-size:12px;color:#0f0;margin-bottom:8px;display:block}.stat-value{font-size:20px;color:#fff;text-shadow:0 0 10px #00ff00}.progress-bar{width:250px;height:25px;background:#010;border:2px solid #00ff00;position:relative;overflow:hidden}.progress-fill{height:100%;transition:width .3s;position:absolute;top:0;left:0}.progress-fill.player{background:#0f0;box-shadow:0 0 15px #0f0}.progress-fill.bot{background:red;box-shadow:0 0 15px red}.progress-text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:12px;font-weight:700;text-shadow:0 0 5px #000000;z-index:1}.vs-divider{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.vs-text{font-size:48px;color:#ff0;text-shadow:0 0 20px #ffff00;padding:20px;border:3px solid #ffff00;background:#000c;animation:pulse 2s ease-in-out infinite}.race-time{font-size:24px;color:#0ff;text-shadow:0 0 10px #00ffff;padding:15px 25px;border:2px solid #00ffff;background:#000c}@media (max-width: 1200px){.split-screen{flex-direction:column;gap:30px;align-items:center}.player-side,.bot-side{width:100%;max-width:400px}.divider{width:100%;height:3px;max-width:300px}}@media (max-width: 768px){.header-title{font-size:20px}.level-intro{padding:20px}.level-intro h2{font-size:24px}.opponent-game4-button{font-size:12px;padding:12px 24px}.countdown-number{font-size:80px}.vs-text{font-size:32px}.race-time{font-size:18px}}.opponent-game6-screen{composes:opponent-game4-screen}.opponent-game6-container{composes:opponent-game4-container}.opponent-game6-header{composes:opponent-game4-header}.opponent-game6-button{composes:opponent-game4-button}.opponent-game7-screen{composes:opponent-game5-screen}.opponent-game7-container{composes:opponent-game5-container}.opponent-game7-header{composes:opponent-game5-header}.opponent-game7-button{composes:opponent-game5-button}.score-display{text-align:center;font-size:18px;margin-top:10px;text-shadow:0 0 10px #ffff00}.match-info{display:flex;gap:30px;justify-content:center;margin-top:20px;font-size:14px}.info-item{color:#0f0;text-shadow:0 0 5px #00ff00}.round-result{background:#001400f2;border:3px solid #00ff00;padding:50px;max-width:700px;margin:auto;text-align:center}.round-title{font-size:32px;margin-bottom:30px;color:#ff0;text-shadow:0 0 20px #ffff00}.match-result{margin-top:30px}.result-title{font-size:42px;margin-bottom:30px;text-shadow:0 0 30px}.result-title.victory{color:#0f0;text-shadow:0 0 30px #00ff00}.result-title.defeat{color:red;text-shadow:0 0 30px #ff0000}.opponent-game5-screen{width:100vw;height:100vh;background:#000;color:#0f0;font-family:"Press Start 2P",monospace;overflow:hidden;display:flex;justify-content:center;align-items:center}.opponent-game5-container{width:100%;max-width:1200px;height:100%;display:flex;flex-direction:column;padding:20px}.opponent-game5-header{text-align:center;margin-bottom:20px}.header-title{font-size:28px;text-shadow:0 0 10px #00ff00;animation:glow 2s ease-in-out infinite alternate}.level-intro{background:#001400e6;border:3px solid #00ff00;padding:40px;max-width:700px;margin:auto;text-align:center;box-shadow:0 0 30px #00ff004d}.level-intro h2{font-size:32px;margin-bottom:10px;color:#0f0;text-shadow:0 0 15px #00ff00}.level-intro h3{font-size:20px;margin-bottom:20px;color:#0ff}.level-intro p{font-size:14px;line-height:1.8;margin-bottom:15px}.controls-info{background:#00ff000d;border:2px solid #00ff00;padding:20px;margin:30px 0;text-align:left}.opponent-game5-button{background:#000;color:#0f0;border:2px solid #00ff00;padding:15px 30px;font-family:"Press Start 2P",monospace;font-size:14px;cursor:pointer;margin:10px;transition:all .3s}.opponent-game5-button:hover{background:#0f0;color:#000;box-shadow:0 0 20px #0f0}.countdown-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:1000}.countdown-number{font-size:120px;color:#0f0;text-shadow:0 0 40px #00ff00;animation:pulse 1s ease-in-out}.game-main{display:flex;flex-direction:column;align-items:center;gap:20px}.race-hud{display:flex;gap:30px;font-size:14px;color:#0f0;text-shadow:0 0 5px #00ff00}.result-screen{background:#001400f2;border:3px solid;padding:50px;max-width:700px;margin:auto;text-align:center;box-shadow:0 0 40px}.result-screen.success{border-color:#0f0;box-shadow:0 0 40px #00ff0080}.result-screen.failure{border-color:red;box-shadow:0 0 40px #ff000080}.result-icon{font-size:80px;margin-bottom:20px}.result-screen.success .result-icon{color:#0f0;text-shadow:0 0 30px #00ff00}.result-screen.failure .result-icon{color:red;text-shadow:0 0 30px #ff0000}.result-title{font-size:36px;margin-bottom:20px}.result-screen.success .result-title{color:#0f0}.result-screen.failure .result-title{color:red}.result-message{font-size:16px;line-height:1.8;margin-bottom:30px;color:#fff}.result-stats{background:#00000080;border:2px solid #00ff00;padding:20px;margin:20px 0}.result-stats p{margin:10px 0;font-size:14px}@keyframes glow{0%{text-shadow:0 0 10px #00ff00,0 0 20px #00ff00}to{text-shadow:0 0 20px #00ff00,0 0 30px #00ff00,0 0 40px #00ff00}}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}.opponent-game8-screen{composes:opponent-game5-screen}.opponent-game8-container{composes:opponent-game5-container}.opponent-game8-header{composes:opponent-game5-header}.opponent-game8-button{composes:opponent-game5-button}.turn-info{text-align:center;font-size:16px;color:#ff0;text-shadow:0 0 10px #ffff00;margin-top:10px}.battle-hud{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-top:20px;width:100%;max-width:1000px}.tank-status{flex:1;background:#001400cc;border:2px solid #00ff00;padding:15px;text-align:center}.bot-status{border-color:red}.status-label{font-size:14px;margin-bottom:10px;color:#fff}.health-bar{width:100%;height:20px;background:#010;border:2px solid #00ff00;margin:10px 0;position:relative;overflow:hidden}.bot-status .health-bar{border-color:red}.health-fill{height:100%;transition:width .3s;box-shadow:0 0 10px}.health-value{font-size:16px;color:#fff;text-shadow:0 0 5px}.turn-indicator{flex:0 0 auto;padding:20px}.indicator-text{font-size:24px;padding:15px 30px;border:3px solid;background:#000c;animation:pulse 1.5s ease-in-out infinite}.indicator-text.player-turn{color:#0f0;border-color:#0f0;text-shadow:0 0 15px #00ff00}.indicator-text.bot-turn{color:red;border-color:red;text-shadow:0 0 15px #ff0000}.settings-screen{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#0a0a0a);padding:40px 20px;font-family:Courier New,monospace;color:#0f0}.settings-container{max-width:900px;margin:0 auto}.settings-header{text-align:center;margin-bottom:50px}.header-line{color:#0f0;font-size:14px;margin:10px 0}.header-title{font-size:48px;margin:20px 0}.header-subtitle{font-size:16px;color:#888;margin:10px 0;letter-spacing:2px}.terminal-glow{text-shadow:0 0 10px #00ff00,0 0 20px #00ff00,0 0 30px #00ff00;animation:glow 2s ease-in-out infinite}.settings-content{background:linear-gradient(135deg,#0d0d0d,#1a1a1a);border:2px solid #00ff00;padding:40px;box-shadow:0 0 30px #00ff004d}.setting-section{margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid #333333}.setting-section:last-child{border-bottom:none}.setting-label{font-size:20px;color:#0f0;margin-bottom:15px;font-weight:700;text-shadow:0 0 10px #00ff00}.setting-control{margin-bottom:15px}.setting-description{font-size:14px;color:#888;font-style:italic;line-height:1.6}.toggle-button{background:transparent;border:2px solid #00ff00;color:#0f0;padding:12px 30px;font-size:18px;font-family:Courier New,monospace;cursor:pointer;transition:all .3s ease;box-shadow:0 0 10px #00ff004d}.toggle-button.enabled{background:#0f03;border-color:#0f0}.toggle-button.disabled{border-color:#666;color:#666;box-shadow:none}.toggle-button:hover{background:#00ff001a;box-shadow:0 0 20px #0f09;transform:scale(1.05)}.volume-slider-container{display:flex;align-items:center;gap:15px;margin-bottom:20px}.volume-label{font-size:14px;color:#888;min-width:40px}.volume-slider{flex:1;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#333;outline:none;border-radius:4px;cursor:pointer}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#0f0;cursor:pointer;border-radius:50%;box-shadow:0 0 10px #0f0}.volume-slider::-moz-range-thumb{width:20px;height:20px;background:#0f0;cursor:pointer;border-radius:50%;box-shadow:0 0 10px #0f0;border:none}.volume-slider:disabled{opacity:.3;cursor:not-allowed}.volume-slider:disabled::-webkit-slider-thumb{background:#666;box-shadow:none}.volume-bar-display{margin-top:10px}.volume-bar-bg{display:flex;gap:3px;height:20px}.volume-bar-segment{flex:1;background:#333;border:1px solid #222222;transition:all .2s ease}.volume-bar-segment.active{background:#0f0;border-color:#0f0;box-shadow:0 0 5px #0f0}.track-selection{display:flex;flex-direction:column;gap:15px}.track-button{background:#00000080;border:2px solid #333333;color:#888;padding:15px 20px;font-size:16px;font-family:Courier New,monospace;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:15px;text-align:left}.track-button:hover:not(:disabled){border-color:#0f0;color:#0f0;box-shadow:0 0 15px #00ff004d}.track-button.selected{background:#00ff001a;border-color:#0f0;color:#0f0;box-shadow:0 0 20px #00ff0080}.track-button:disabled{opacity:.3;cursor:not-allowed}.track-indicator{font-size:20px;min-width:25px}.track-name{font-size:16px}.settings-info{background:#00320033;border:1px solid #00ff00;padding:20px;margin-top:30px}.info-title{color:#0f0;font-size:18px;margin-bottom:15px;text-shadow:0 0 10px #00ff00}.settings-info p{margin:8px 0;line-height:1.8;color:#ccc;padding-left:10px}.terminal-button{background:transparent;border:2px solid #00ff00;color:#0f0;padding:15px 30px;font-size:16px;font-family:Courier New,monospace;cursor:pointer;transition:all .3s ease;box-shadow:0 0 10px #00ff004d}.terminal-button:hover{background:#00ff001a;box-shadow:0 0 20px #0f09;transform:scale(1.05)}.button-bracket{font-weight:700;margin:0 5px}.button-text{letter-spacing:2px}.settings-footer{text-align:center;margin-top:40px}@keyframes glow{0%,to{text-shadow:0 0 10px #00ff00,0 0 20px #00ff00,0 0 30px #00ff00}50%{text-shadow:0 0 15px #00ff00,0 0 30px #00ff00,0 0 45px #00ff00}}@media (max-width: 768px){.header-title{font-size:32px}.settings-content{padding:25px}.volume-slider-container{flex-direction:column;gap:10px}.volume-label{width:100%}}.app{min-height:100vh;width:100%;max-width:100vw;position:relative;background-color:#000;overflow-x:hidden}.btn{font-family:var(--font-terminal);font-weight:400;padding:12px 24px;border:2px solid var(--terminal-green);background:transparent;color:var(--terminal-green);cursor:pointer;position:relative;transition:all .2s ease;text-transform:uppercase;letter-spacing:2px;font-size:.8rem;box-shadow:0 0 10px #33ff334d}.btn:hover{background:var(--terminal-green);color:#000;box-shadow:0 0 20px var(--terminal-green);transform:scale(1.05)}.btn:active{transform:scale(.98)}.btn-primary{border-color:var(--terminal-green-bright);color:var(--terminal-green-bright)}.btn-primary:hover{background:var(--terminal-green-bright);color:#000}.btn-secondary{border-color:var(--terminal-green-dark);color:var(--terminal-green-dark)}.btn-secondary:hover{background:var(--terminal-green-dark);color:#000}:root{--terminal-green: #33ff33;--terminal-green-dark: #00aa00;--terminal-green-bright: #66ff66;--terminal-bg: #0a0a0a;--terminal-bg-light: #1a1a1a;--terminal-amber: #ffb000;--terminal-amber-dark: #cc8800;--text-primary: var(--terminal-green);--text-secondary: var(--terminal-green-dark);--text-glow: var(--terminal-green-bright);--bg-dark: var(--terminal-bg);--bg-darker: #000000;--font-terminal: "Press Start 2P", monospace;--font-terminal-alt: "VT323", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow-x:hidden}body{font-family:var(--font-terminal-alt);background-color:var(--bg-darker);color:var(--text-primary);line-height:1.6;image-rendering:pixelated;image-rendering:crisp-edges;min-height:100vh;max-width:100vw}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.15),rgba(0,0,0,.15) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:1000;animation:scanline 8s linear infinite}@keyframes scanline{0%{transform:translateY(0)}to{transform:translateY(10px)}}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#1210101a;opacity:0;z-index:999;pointer-events:none;animation:flicker .15s infinite}@keyframes flicker{0%{opacity:.27861}5%{opacity:.34769}10%{opacity:.23604}15%{opacity:.90626}20%{opacity:.18128}25%{opacity:.83891}30%{opacity:.65583}35%{opacity:.67807}40%{opacity:.26559}45%{opacity:.84693}50%{opacity:.96019}55%{opacity:.08594}60%{opacity:.20313}65%{opacity:.71988}70%{opacity:.53455}75%{opacity:.37288}80%{opacity:.71428}85%{opacity:.70419}90%{opacity:.7003}95%{opacity:.36108}to{opacity:.24387}}#root{position:relative;z-index:1;width:100%;min-height:100vh;max-width:100vw;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:var(--terminal-green);box-shadow:0 0 10px var(--terminal-green)}::-webkit-scrollbar-thumb:hover{background:var(--terminal-green-bright)}.terminal-glow{text-shadow:0 0 10px var(--terminal-green-bright),0 0 20px var(--terminal-green),0 0 30px var(--terminal-green-dark)}.terminal-border{border:2px solid var(--terminal-green);box-shadow:0 0 10px var(--terminal-green),inset 0 0 10px #3f33}.pixel-text{font-family:var(--font-terminal);text-transform:uppercase}