.ai-dialogue-box{position:fixed;top:50%;left:40px;transform:translateY(-50%);width:400px;max-width:210px;min-height:600px;font-family:Courier New,Consolas,monospace;z-index:9999;pointer-events:none;opacity:1;transition:opacity .5s ease-in-out;animation:slideInLeft .3s ease-out forwards}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px) translateY(-50%)}to{opacity:1;transform:translate(0) translateY(-50%)}}.ai-dialogue-inner{position:relative;background:#0a0f19d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid;border-radius:8px;box-shadow:0 0 20px #000c,inset 0 0 40px #0000004d;overflow:hidden}.ai-dialogue-inner:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(0deg,rgba(0,0,0,.1) 0px,rgba(0,0,0,.1) 1px,transparent 1px,transparent 2px);pointer-events:none;z-index:10;animation:scanlines 8s linear infinite}@keyframes scanlines{0%{transform:translateY(0)}to{transform:translateY(4px)}}.ai-dialogue-header{display:flex;align-items:center;padding:8px 12px;border-bottom:1px solid;position:relative}.ai-dialogue-status-dot{width:6px;height:6px;border-radius:50%;margin-right:8px;box-shadow:0 0 8px currentColor;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.ai-dialogue-label{font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-shadow:0 0 8px currentColor}.ai-dialogue-body{padding:12px 16px;font-size:14px;line-height:1.6;min-height:50px;position:relative}.ai-dialogue-text{position:relative;z-index:5}.ai-dialogue-caret{display:inline-block;width:6px;height:14px;margin-left:2px;background:currentColor;animation:blink .7s step-end infinite}@keyframes blink{50%{opacity:0}}.ai-dialogue-footer{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;border-top:1px solid;font-size:10px;opacity:.7}.ai-dialogue-caption{letter-spacing:1px;text-transform:uppercase}.ai-dialogue-led{width:4px;height:4px;border-radius:50%;box-shadow:0 0 6px currentColor;animation:pulse 2s ease-in-out infinite}.ai-dialogue-box .ai-dialogue-inner{border-color:#00ff41;color:#b8ffd1}.ai-dialogue-box .ai-dialogue-header{border-bottom-color:#00ff414d}.ai-dialogue-box .ai-dialogue-footer{border-top-color:#00ff414d}.ai-dialogue-box .ai-dialogue-status-dot,.ai-dialogue-box .ai-dialogue-led{background:#00ff41}.ai-dialogue-box .ai-dialogue-inner{box-shadow:0 0 20px #00ff4166,inset 0 0 30px #0000004d}.ai-dialogue-box[data-tone=error] .ai-dialogue-inner{border-color:#ff0040;color:#ffb8d1;animation:errorGlitch .3s ease-in-out infinite}.ai-dialogue-box[data-tone=error] .ai-dialogue-header{border-bottom-color:#ff00404d}.ai-dialogue-box[data-tone=error] .ai-dialogue-footer{border-top-color:#ff00404d}.ai-dialogue-box[data-tone=error] .ai-dialogue-status-dot,.ai-dialogue-box[data-tone=error] .ai-dialogue-led{background:#ff0040}.ai-dialogue-box[data-tone=error] .ai-dialogue-inner{box-shadow:0 0 25px #ff004099,inset 0 0 30px #0000004d}@keyframes errorGlitch{0%,to{transform:translate(0);filter:hue-rotate(0deg)}10%{transform:translate(-2px);filter:hue-rotate(90deg)}20%{transform:translate(2px);filter:hue-rotate(180deg)}30%{transform:translate(-1px);filter:hue-rotate(270deg)}40%{transform:translate(1px);filter:hue-rotate(360deg)}50%{transform:translate(0);filter:hue-rotate(0deg)}}.ai-dialogue-text.glitching{text-shadow:2px 0 0 rgba(255,0,0,.5),-2px 0 0 rgba(0,255,255,.5);animation:glitch .3s ease-in-out infinite}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px)}40%{transform:translate(2px)}60%{transform:translate(-1px)}80%{transform:translate(1px)}}.ai-dialogue-box.hidden{display:none}.ai-map__overlay{position:fixed;inset:0;background:#060c12eb;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:9999;display:grid;grid-template-rows:auto 1fr;overflow:hidden;font-family:Courier New,Consolas,monospace}.ai-map__close{justify-self:end;margin:16px;padding:8px 12px;border:1px solid #39ff88;background:#0d1b26;color:#c8ffe0;border-radius:8px;cursor:pointer;font-family:Courier New,Consolas,monospace;font-size:14px;transition:all .2s}.ai-map__close:hover{background:#0f2230;box-shadow:0 0 10px #39ff8866}.ai-map__close:focus{outline:2px solid #9fffd0;outline-offset:2px}.ai-map__canvas{position:relative;margin:0 16px 16px;border:1px solid rgba(57,255,136,.2);border-radius:10px;overflow:hidden;background:#050a1080}.ai-map__img{width:100%;height:100%;object-fit:contain;display:block;opacity:.9}.ai-map__pins{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.ai-map__pin{position:absolute;transform:translate(-50%,-100%);width:18px;height:18px;border-radius:50%;border:2px solid #39ff88;background:#39ff8826;box-shadow:0 0 14px #39ff8899;cursor:pointer;pointer-events:all;transition:all .3s;padding:0}.ai-map__pin:hover{width:24px;height:24px;border-width:3px;box-shadow:0 0 20px #39ff88e6;animation:pin-pulse 2s ease-in-out infinite}.ai-map__pin:focus{outline:2px solid #9fffd0;outline-offset:3px;width:24px;height:24px;border-width:3px;box-shadow:0 0 20px #39ff88e6}@keyframes pin-pulse{0%,to{box-shadow:0 0 20px #39ff88e6}50%{box-shadow:0 0 30px #39ff8899}}.ai-map__card-container{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:10}.ai-map__card{position:absolute;min-width:280px;max-width:360px;background:#050a10f2;border:1px solid rgba(57,255,136,.35);border-radius:10px;padding:12px 14px;pointer-events:none;color:#c8ffe0;box-shadow:0 6px 24px #0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);font-family:Courier New,Consolas,monospace;animation:card-fade-in .2s ease-out}@keyframes card-fade-in{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.ai-map__card-title{margin:0 0 6px;font-size:16px;color:#9d7cff;font-weight:700;text-shadow:0 0 8px rgba(157,124,255,.5)}.ai-map__card-line{font-size:13px;opacity:.9;margin-bottom:4px;line-height:1.4}.ai-map__card-line strong{color:#39ff88;font-weight:700}.ai-map__card-desc{margin:8px 0 0;font-size:13px;line-height:1.35;opacity:.85;font-style:italic}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000;z-index:10000;pointer-events:auto;overflow:hidden;font-family:Orbitron,Courier New,monospace}#matrix-rain{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.crawl-container{position:absolute;top:0;left:0;width:100%;height:100%;perspective:500px;overflow:hidden;z-index:2}.crawl{position:absolute;top:50%;left:50%;width:90%;max-width:1000px;transform:translate(-50%,-50%) perspective(500px) rotateX(25deg);transform-origin:50% 50%;color:#0f6;font-size:32px;line-height:1.8;text-align:center;text-shadow:0 0 10px rgba(0,255,102,.9),0 0 20px rgba(0,255,102,.7),0 0 30px rgba(0,255,102,.5),0 0 40px rgba(0,255,102,.3);font-weight:400;animation:crawlUp 45s linear forwards;white-space:pre-line;z-index:3;padding:40px;background:#00000080;border-radius:10px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@keyframes crawlUp{0%{transform:translate(-50%,-50%) perspective(500px) rotateX(25deg) translateY(50vh)}to{transform:translate(-50%,-50%) perspective(500px) rotateX(25deg) translateY(-150vh)}}.crawl-title{font-size:72px;font-weight:700;margin-bottom:80px;color:#0f6;text-shadow:0 0 20px rgba(0,255,102,1),0 0 30px rgba(0,255,102,.8),0 0 40px rgba(0,255,102,.6),0 0 50px rgba(0,255,102,.4);letter-spacing:8px;text-transform:uppercase;text-align:center;width:100%}.crawl-text{font-size:28px;line-height:2;margin-bottom:30px;color:#0f6;text-shadow:0 0 8px rgba(0,255,102,.9),0 0 16px rgba(0,255,102,.7),0 0 24px rgba(0,255,102,.5)}.loader-meter{position:absolute;bottom:50px;left:50px;color:#0f6;font-size:16px;font-weight:700;text-shadow:0 0 10px rgba(0,255,102,.8),0 0 20px rgba(0,255,102,.4);z-index:3;opacity:1;transition:opacity .5s ease-out}.loader-meter.loaded{opacity:0}.start-gate{position:absolute;bottom:100px;left:50px;background:#000c;border:2px solid #00ff66;border-radius:8px;padding:12px 24px;color:#0f6;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;text-shadow:0 0 10px rgba(0,255,102,.8),0 0 20px rgba(0,255,102,.4);cursor:pointer;z-index:4;opacity:0;pointer-events:none;transition:opacity .5s ease-in;animation:pulse 2s ease-in-out infinite}.start-gate.visible{opacity:1;pointer-events:auto}.start-gate:hover{background:#00ff661a;box-shadow:0 0 20px #00ff6680,inset 0 0 20px #00ff661a}@keyframes pulse{0%,to{opacity:.7}50%{opacity:1}}.loading-screen.fade-out{opacity:0;transition:opacity .6s ease-out}.loading-screen.fade-out .crawl,.loading-screen.fade-out .loader-meter,.loading-screen.fade-out .start-gate{opacity:0;transition:opacity .4s ease-out}@media (prefers-reduced-motion: reduce){.crawl{animation-duration:90s;transform:translate(-50%,-50%)}.start-gate{animation:none}.loading-screen.fade-out{transition-duration:.3s}}@media (max-width: 768px){.crawl{font-size:22px;width:95%}.crawl-title{font-size:52px;letter-spacing:4px}.crawl-text{font-size:24px}.start-gate{font-size:12px;padding:10px 20px;left:20px}.loader-meter{font-size:14px;left:20px}}:root{--neon:#00ff7f;--neon-2:#32ffa6;--neon-dim:#00c86b;--danger:#ff3b3b;--panel:#0c0f12;--panel-2:#12161b;--ink:#e6ffe6;--blur:14px}.main-menu{background:radial-gradient(1200px 800px at 50% 40%,rgba(0,255,130,.06),transparent 55%),linear-gradient(135deg,#060707,#0b0f14 48%,#0a0f1a 55%,#050607);color:var(--ink);isolation:isolate}.main-menu:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background:radial-gradient(1200px 800px at 50% 50%,transparent 55%,rgba(0,0,0,.55) 85%),url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='140' height='140' viewBox='0 0 10 10'><filter id='n'><feTurbulence baseFrequency='0.9' numOctaves='2' seed='3'/><feColorMatrix type='saturate' values='0'/><feComponentTransfer><feFuncA type='table' tableValues='0 0 0 .06 0'/></feComponentTransfer></filter><rect width='10' height='10' filter='url(%23n)'/></svg>");mix-blend-mode:soft-light;animation:flicker 6s infinite steps(60,end);opacity:.65}@keyframes flicker{0%,to{opacity:.6}45%{opacity:.62}50%{opacity:.7}55%{opacity:.63}}.menu-container{background:linear-gradient(180deg,#090e0ccc,#090e0cb3);border:1.5px solid var(--neon-dim);border-radius:16px;padding:48px 44px;box-shadow:0 0 0 1px #00ff8c14 inset,0 0 42px #00ff8c24,0 22px 60px #0009}.difficulty-container{margin-bottom:32px;text-align:center}.difficulty-title{font-size:18px;font-weight:600;color:var(--neon);margin-bottom:20px;text-shadow:0 0 8px var(--neon);letter-spacing:1px}.difficulty-options{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.difficulty-btn{background:linear-gradient(135deg,#0c0f12cc,#12161be6);border:1.5px solid var(--neon-dim);border-radius:12px;padding:16px 20px;cursor:pointer;transition:all .3s ease;min-width:120px;text-align:center;position:relative;overflow:hidden}.difficulty-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,127,.1),transparent);transition:left .5s ease}.difficulty-btn:hover:before{left:100%}.difficulty-btn:hover{border-color:var(--neon);box-shadow:0 0 20px #00ff7f4d}.difficulty-btn.selected{border-color:var(--neon);background:linear-gradient(135deg,#00ff7f40,#00ff7f26);box-shadow:0 0 30px #00ff7f99,0 0 60px #00ff7f4d,inset 0 0 20px #00ff7f1a;animation:selectedPulse 2s ease-in-out infinite}@keyframes selectedPulse{0%,to{box-shadow:0 0 30px #00ff7f99,0 0 60px #00ff7f4d,inset 0 0 20px #00ff7f1a}50%{box-shadow:0 0 40px #00ff7fcc,0 0 80px #00ff7f80,inset 0 0 30px #00ff7f33}}.difficulty-name{display:block;font-size:16px;font-weight:700;color:var(--neon);margin-bottom:4px;text-shadow:0 0 6px var(--neon);transition:all .3s ease}.difficulty-btn.selected .difficulty-name{font-size:16px;font-weight:800;color:#fff;text-shadow:0 0 10px var(--neon),0 0 20px var(--neon),0 0 30px var(--neon);animation:textGlow 2s ease-in-out infinite}@keyframes textGlow{0%,to{text-shadow:0 0 10px var(--neon),0 0 20px var(--neon),0 0 30px var(--neon)}50%{text-shadow:0 0 15px var(--neon),0 0 30px var(--neon),0 0 45px var(--neon)}}.difficulty-desc{display:block;font-size:12px;color:var(--neon-dim);opacity:.8;transition:all .3s ease}.difficulty-btn.selected .difficulty-desc{font-size:12px;color:var(--neon);opacity:1;text-shadow:0 0 8px var(--neon);font-weight:600}.menu-container:before{content:"";position:absolute;inset:-2px;border-radius:18px;padding:2px;background:conic-gradient(from 130deg,transparent 0 10%,rgba(0,255,140,.45) 15%,transparent 30% 60%,rgba(0,255,140,.35) 70%,transparent 85% 100%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;animation:rim 12s linear infinite;pointer-events:none;z-index:-1}@keyframes rim{to{transform:rotate(1turn)}}.menu-container:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,#0000 0 1px,#00000012 2px 3px);opacity:.6;pointer-events:none}.game-title{margin-bottom:42px}.title-main{font-family:Share Tech Mono,Courier New,monospace;font-size:clamp(40px,6vw,64px);letter-spacing:.18em;color:var(--neon);text-shadow:0 0 22px rgba(0,255,130,.55),0 0 60px rgba(0,255,130,.25);position:relative;line-height:1.05}.title-main:before,.title-main:after{content:attr(data-text);position:absolute;inset:0;filter:blur(.3px);mix-blend-mode:screen;opacity:.45;pointer-events:none}.title-main:before{transform:translate(1px);color:#0fe}.title-main:after{transform:translate(-1px);color:#60ff60}.title-subtitle{color:#b7ffd8;opacity:.85;letter-spacing:.35em;text-transform:uppercase}.menu-buttons-container{gap:18px}.menu-button{width:min(92vw,340px);height:58px;background:linear-gradient(180deg,#0e1418,#131a20);border:1.5px solid var(--neon-dim);color:var(--neon);border-radius:10px;letter-spacing:.25em;text-transform:uppercase;box-shadow:0 2px #0009 inset,0 18px 40px #0000008c;transition:transform .15s ease,box-shadow .25s ease,background .25s ease,color .2s ease;position:relative;overflow:hidden;cursor:pointer;-webkit-user-select:none;user-select:none}.menu-button:before{content:"";position:absolute;inset:-1px;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.08) 50%,transparent 70%);transform:translate(-120%);transition:transform .6s ease}.menu-button:hover:before{transform:translate(120%)}.menu-button:hover{background:linear-gradient(180deg,#111a1f,#0e161b);box-shadow:0 0 24px #00ff8c40,0 18px 40px #000000a6;transform:translateY(-1px);color:#eafff2}.menu-button:active{transform:translateY(0);box-shadow:0 0 12px #00ff8c59,0 8px 20px #0000008c}.menu-button:focus-visible{outline:none;box-shadow:0 0 0 3px #00ff8c59,0 0 0 6px #00ff8c26}.menu-button.primary{background:linear-gradient(180deg,var(--neon),var(--neon-2));color:#00130a;border-color:transparent;text-shadow:none}.menu-button.primary:hover{box-shadow:0 0 26px #00ff8c8c,0 22px 44px #000000a6}.menu-button.danger{border-color:var(--danger);color:var(--danger)}.menu-button.danger:hover{background:linear-gradient(180deg,#220b0b,#1a0a0a);box-shadow:0 0 24px #ff3c3c59;color:#fff}.menu-button:hover .btn-label{position:relative}.menu-button:hover .btn-label:after,.menu-button:hover .btn-label:before{content:attr(data-text);position:absolute;inset:0;opacity:.14;pointer-events:none;animation:glitch .7s steps(8,end) both}.menu-button:hover .btn-label:before{transform:translate(1px);color:#0fe}.menu-button:hover .btn-label:after{transform:translate(-1px);color:#60ff60}@keyframes glitch{0%{clip-path:inset(0 0 90% 0)}20%{clip-path:inset(40% 0 40% 0)}40%{clip-path:inset(85% 0 5% 0)}60%{clip-path:inset(10% 0 80% 0)}80%{clip-path:inset(50% 0 20% 0)}to{clip-path:inset(0 0 0 0)}}.settings-panel,.credits-panel{background:linear-gradient(180deg,var(--panel),var(--panel-2));border-color:var(--neon-dim);box-shadow:0 0 0 1px #00ff8c14 inset,0 30px 80px #000000b3,0 0 36px #00ff8c33;-webkit-backdrop-filter:blur(var(--blur)) saturate(110%);backdrop-filter:blur(var(--blur)) saturate(110%);border-radius:14px}.settings-header h2,.credits-header h2{text-shadow:0 0 16px rgba(0,255,140,.6)}.performance-panel{max-width:900px;width:95%}.performance-description{margin-bottom:25px;padding:15px;background:#0000004d;border-radius:8px;border:1px solid rgba(0,255,0,.1)}.performance-description p{color:#ccc;margin:0 0 15px;font-size:14px;line-height:1.5}.current-hardware{margin-top:15px;padding-top:15px;border-top:1px solid rgba(0,255,0,.2)}.current-hardware h4{color:var(--neon);margin:0 0 8px;font-size:14px;text-shadow:0 0 5px var(--neon)}.current-hardware p{font-size:12px;color:#aaa;margin:0;font-family:Courier New,monospace}.quality-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:25px;max-width:100%}@media (max-width: 900px){.quality-grid{grid-template-columns:1fr;gap:15px}}.quality-option{background:linear-gradient(135deg,#0c0f12cc,#12161be6);border:2px solid var(--neon-dim);border-radius:10px;padding:20px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.quality-option:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,127,.1),transparent);transition:left .5s ease}.quality-option:hover:before{left:100%}.quality-option:hover{border-color:var(--neon);box-shadow:0 0 20px #00ff7f4d;transform:translateY(-2px)}.quality-option.selected{border-color:var(--neon);background:linear-gradient(135deg,#00ff7f40,#00ff7f26);box-shadow:0 0 30px #00ff7f99,0 0 60px #00ff7f4d,inset 0 0 20px #00ff7f1a}.quality-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.quality-header h4{color:var(--neon);margin:0;font-size:16px;text-shadow:0 0 8px var(--neon)}.auto-badge{background:linear-gradient(45deg,#f60,#f90);color:#000;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:700;letter-spacing:.5px;box-shadow:0 0 10px #ff660080;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{box-shadow:0 0 10px #ff660080}50%{box-shadow:0 0 20px #f60c}}.quality-description{color:#ccc;font-size:13px;line-height:1.4;margin-bottom:15px}.quality-specs{display:flex;flex-direction:column;gap:6px}.spec-item{display:flex;justify-content:space-between;align-items:center;font-size:12px}.spec-label{color:#aaa}.spec-value{color:var(--neon);font-weight:700;font-family:Courier New,monospace}.performance-actions{display:flex;gap:15px;justify-content:center;margin-bottom:25px;flex-wrap:wrap}.performance-button{padding:12px 24px;background:linear-gradient(145deg,#1a1a1a,#2a2a2a);border:2px solid var(--neon-dim);border-radius:8px;color:var(--neon);font-family:Courier New,monospace;font-size:14px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.performance-button:hover:not(:disabled){background:linear-gradient(145deg,#2a2a2a,#3a3a3a);border-color:var(--neon);box-shadow:0 0 20px #00ff7f4d}.performance-button.auto-detect{border-color:#f90;color:#f90}.performance-button.auto-detect:hover{border-color:#fa0;color:#fa0;box-shadow:0 0 20px #ff99004d}.performance-button:disabled{opacity:.5;cursor:not-allowed;color:#666;border-color:#666}@media (max-width: 768px){.performance-panel{max-width:95%;padding:20px}.performance-actions{flex-direction:column;align-items:center}.performance-button{width:100%;max-width:300px}}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}}.main-menu{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e,#16213e);z-index:10000;display:flex;flex-direction:column;justify-content:center;align-items:center;font-family:Courier New,monospace;color:#fff;overflow:hidden}#main-menu-matrix-rain{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;pointer-events:none}.menu-container{position:relative;z-index:2;text-align:center;max-width:600px;padding:40px;background:#000000b3;border:2px solid #00ff00;border-radius:10px;box-shadow:0 0 30px #00ff004d,inset 0 0 30px #00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-title{margin-bottom:50px;text-align:center}.title-main{font-size:48px;font-weight:900;color:#0f0;text-shadow:0 0 20px #00ff00,0 0 40px #00ff00,0 0 60px #00ff00;letter-spacing:4px;margin-bottom:10px;animation:titleGlow 2s ease-in-out infinite alternate}.title-subtitle{font-size:18px;color:#8f8;letter-spacing:2px;opacity:.8}@keyframes titleGlow{0%{text-shadow:0 0 20px #00ff00,0 0 40px #00ff00,0 0 60px #00ff00}to{text-shadow:0 0 30px #00ff00,0 0 50px #00ff00,0 0 70px #00ff00}}.menu-buttons-container{display:flex;flex-direction:column;gap:20px;align-items:center}.menu-button{width:300px;height:60px;background:linear-gradient(145deg,#1a1a1a,#2a2a2a);border:2px solid #00ff00;border-radius:8px;color:#0f0;font-family:Courier New,monospace;font-size:18px;font-weight:700;letter-spacing:2px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;text-transform:uppercase;box-shadow:0 4px 15px #0f03,inset 0 1px #ffffff1a}.menu-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,255,0,.2),transparent);transition:left .5s ease}.menu-button:hover:before{left:100%}.menu-button:hover{background:linear-gradient(145deg,#2a2a2a,#3a3a3a);border-color:#0f0;color:#fff;box-shadow:0 0 20px #00ff0080,0 0 40px #00ff004d,inset 0 1px #fff3;transform:translateY(-2px)}.menu-button:active{transform:translateY(0);box-shadow:0 2px 10px #00ff004d,inset 0 1px #ffffff1a}.menu-button.primary{background:linear-gradient(145deg,#0a0,#0f0);color:#000;font-weight:900;box-shadow:0 4px 20px #0f06,inset 0 1px #ffffff4d}.menu-button.primary:hover{background:linear-gradient(145deg,#0f0,#0c0);box-shadow:0 0 30px #0f09,0 0 50px #0f06}.menu-button.danger{border-color:red;color:red}.menu-button.danger:hover{background:linear-gradient(145deg,#2a0000,#3a0000);border-color:red;color:#fff;box-shadow:0 0 20px #ff000080,0 0 40px #ff00004d}.settings-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;z-index:20000;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.settings-panel{background:linear-gradient(145deg,#1a1a1a,#2a2a2a);border:2px solid #00ff00;border-radius:10px;padding:30px;max-width:600px;width:90%;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 0 30px #00ff004d,inset 0 0 30px #00000080}.settings-panel--wide{max-width:720px}.settings-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;border-bottom:1px solid #00ff00;padding-bottom:15px}.settings-header h2{color:#0f0;font-size:24px;margin:0;text-shadow:0 0 10px #00ff00}.close-settings{background:none;border:2px solid #00ff00;color:#0f0;width:40px;height:40px;border-radius:50%;font-size:20px;cursor:pointer;transition:all .3s ease}.close-settings:hover{background:#0f0;color:#000;box-shadow:0 0 15px #00ff0080}.settings-content{flex:1;margin-bottom:25px;max-height:60vh;overflow-y:auto;padding-right:10px}.settings-content::-webkit-scrollbar{width:8px}.settings-content::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.settings-content::-webkit-scrollbar-thumb{background:#00ff004d;border-radius:4px}.settings-content::-webkit-scrollbar-thumb:hover{background:#00ff0080}.settings-section{margin-bottom:25px;padding:15px;background:#0000004d;border-radius:5px;border:1px solid rgba(0,255,0,.1)}.settings-section h3{color:#0f0;font-size:18px;margin-bottom:15px;text-shadow:0 0 5px #00ff00}.settings-row{display:flex;align-items:center;gap:15px;color:#ccc}.settings-row label{flex:0 0 180px;font-size:14px}.settings-row input[type=range]{flex:1;accent-color:#00ff00}.value-display{color:#0f0;font-weight:700;min-width:40px;text-align:center}.controls-table{width:100%;border-collapse:collapse;margin-bottom:10px}.controls-table th,.controls-table td{padding:10px;border-bottom:1px solid rgba(0,255,0,.12);color:#c9ffd9;font-family:Courier New,monospace}.controls-table th{background:#00ff0014;color:#0f8;text-transform:uppercase;letter-spacing:.05em}.controls-table td.key-cell{cursor:pointer;text-align:center;background:#00000073;transition:background .2s ease,box-shadow .2s ease;min-width:80px}.controls-table td.key-cell:hover{background:#00ff001a;box-shadow:0 0 12px #0f03}.controls-table td.key-cell.listening{background:#06c6;color:#e6f7ff;animation:settingsPulse 1s ease-in-out infinite}@keyframes settingsPulse{0%,to{opacity:1}50%{opacity:.6}}.settings-hint{margin-top:10px;font-size:12px;color:#8cff8c;opacity:.75;font-style:italic}.settings-buttons{display:flex;gap:15px;justify-content:center;margin-top:30px;border-top:1px solid #00ff00;padding-top:20px}.settings-button{padding:10px 20px;background:linear-gradient(145deg,#1a1a1a,#2a2a2a);border:2px solid #00ff00;border-radius:5px;color:#0f0;font-family:Courier New,monospace;font-size:14px;cursor:pointer;transition:all .3s ease}.settings-button.primary{background:linear-gradient(145deg,#0a5,#084);border-color:#0f8;color:#0bff92;box-shadow:0 0 15px #00ff8840}.settings-button:hover{background:linear-gradient(145deg,#2a2a2a,#3a3a3a);box-shadow:0 0 15px #00ff004d}.settings-button.primary:hover{background:linear-gradient(145deg,#00c26a,#095);color:#012b0f;box-shadow:0 0 20px #00ff8873}.credits-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000c;z-index:20000;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.credits-panel{background:linear-gradient(145deg,#1a1a1a,#2a2a2a);border:2px solid #00ff00;border-radius:10px;padding:30px;max-width:800px;width:90%;max-height:85vh;box-shadow:0 0 30px #00ff004d,inset 0 0 30px #00000080}.credits-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;border-bottom:1px solid #00ff00;padding-bottom:15px}.credits-header h2{color:#0f0;font-size:24px;margin:0;text-shadow:0 0 10px #00ff00}.close-credits{background:none;border:2px solid #00ff00;color:#0f0;width:40px;height:40px;border-radius:50%;font-size:20px;cursor:pointer;transition:all .3s ease}.close-credits:hover{background:#0f0;color:#000;box-shadow:0 0 15px #00ff0080}.credits-content{margin-bottom:30px;max-height:60vh;overflow-y:auto;padding-right:10px}.credits-content::-webkit-scrollbar{width:8px}.credits-content::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.credits-content::-webkit-scrollbar-thumb{background:#00ff004d;border-radius:4px}.credits-content::-webkit-scrollbar-thumb:hover{background:#00ff0080}.credits-section{margin-bottom:25px;padding:15px;background:#0000004d;border-radius:5px;border:1px solid #333}.credits-section h3{color:#0f0;font-size:18px;margin-bottom:15px;text-shadow:0 0 5px #00ff00}.credits-section p{color:#ccc;font-size:14px;line-height:1.5;margin:5px 0}.credits-items{display:flex;flex-direction:column;gap:8px}.credits-item{display:flex;align-items:flex-start;flex-wrap:wrap;padding:10px 12px;background:#0003;border-radius:4px;font-size:13px;transition:background .2s ease;gap:8px}.credits-item:hover{background:#00ff001a}.credits-name{color:#0f0;font-weight:700;font-family:Courier New,monospace;min-width:200px;flex-shrink:0}.credits-separator{color:#666;margin:0 5px}.credits-link{color:#0cf;text-decoration:none;transition:color .2s ease;flex-shrink:0}.credits-link:hover{color:#0ff;text-decoration:underline}.credits-source{color:#ccc;flex-shrink:0}.credits-note{color:#999;font-size:11px;font-style:italic;margin-top:4px;width:100%;padding-left:12px}.credits-buttons{display:flex;justify-content:center;border-top:1px solid #00ff00;padding-top:20px}.credits-button{padding:10px 30px;background:linear-gradient(145deg,#1a1a1a,#2a2a2a);border:2px solid #00ff00;border-radius:5px;color:#0f0;font-family:Courier New,monospace;font-size:14px;cursor:pointer;transition:all .3s ease}.credits-button:hover{background:linear-gradient(145deg,#2a2a2a,#3a3a3a);box-shadow:0 0 15px #00ff004d}.fade-out{opacity:0;transform:scale(.9);transition:all .6s ease}@media (max-width: 768px){.menu-container{max-width:90%;padding:20px}.title-main{font-size:32px}.menu-button{width:250px;height:50px;font-size:16px}.settings-panel,.credits-panel{max-width:95%;padding:20px}}