:root{--neon-cyan: #00ffff;--neon-pink: #ff00cc;--neon-green: #00ff62;--cabinet-glow: rgba(0, 255, 255, .8)}@font-face{font-family:aAnotherTag;src:url(./fonts/aAnotherTag.otf) format("opentype");font-display:swap}@font-face{font-family:PhillySans;src:url(./fonts/PhillySans.otf) format("opentype");font-display:swap}@font-face{font-family:aDrip1;src:url(./fonts/adrip1.ttf) format("truetype");font-display:swap}.oracle-immersion-container{position:relative;width:100vw;height:100vh;overflow:hidden;background:#000;font-family:PhillySans,sans-serif;cursor:crosshair}.alley-background{position:absolute;top:-10%;left:-10%;width:120%;height:120%;background-image:url(https://i.postimg.cc/jSJRRRk2/7-D633-B70-4-C62-4326-92-A8-3-B8790-C9-B3-B0.png)!important;background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important;opacity:1!important;z-index:1!important;filter:contrast(1.3) brightness(1.1) saturate(1.3);transition:transform .1s ease-out;will-change:transform;animation:alley-atmosphere 20s infinite ease-in-out}@keyframes alley-atmosphere{0%,to{filter:contrast(1.3) brightness(1.1) saturate(1.3)}25%{filter:contrast(1.4) brightness(1.2) saturate(1.4)}50%{filter:contrast(1.2) brightness(1) saturate(1.2)}75%{filter:contrast(1.5) brightness(1.3) saturate(1.5)}}.dust-wrap{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:2}.dust{position:absolute;width:3px;height:3px;background:var(--neon-cyan);border-radius:50%;opacity:.7;box-shadow:0 0 6px currentColor;animation:dust-float 8s infinite linear}@keyframes dust-float{0%{transform:translateY(100vh) translate(0) rotate(0) scale(.5);opacity:0}10%{opacity:.7}90%{opacity:.7}to{transform:translateY(-10vh) translate(50px) rotate(360deg) scale(1.2);opacity:0}}.sneakar-branding{position:absolute;top:5%;left:50%;transform:translate(-50%);z-index:1000;text-align:center;width:90%;max-width:900px}.sneakar-title{font-family:aAnotherTag,PhillySans,monospace!important;font-size:clamp(3rem,8vw,6rem);color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan),0 0 20px var(--neon-cyan),0 0 30px var(--neon-cyan),0 0 40px var(--neon-pink),0 0 60px var(--neon-pink);letter-spacing:.2em;margin:0;animation:title-consciousness 6s infinite ease-in-out}@keyframes title-consciousness{0%,to{text-shadow:0 0 10px var(--neon-cyan),0 0 20px var(--neon-cyan),0 0 30px var(--neon-cyan),0 0 40px var(--neon-pink),0 0 60px var(--neon-pink);transform:scale(1)}33%{text-shadow:0 0 15px var(--neon-cyan),0 0 30px var(--neon-cyan),0 0 45px var(--neon-cyan),0 0 60px var(--neon-pink),0 0 90px var(--neon-pink);transform:scale(1.02)}66%{text-shadow:0 0 20px var(--neon-cyan),0 0 40px var(--neon-cyan),0 0 60px var(--neon-cyan),0 0 80px var(--neon-pink),0 0 120px var(--neon-pink);transform:scale(1.01)}}.sneakar-subtitle{font-family:PhillySans,aAnotherTag,monospace!important;font-size:clamp(1.2rem,3vw,1.8rem);color:var(--neon-green);text-shadow:0 0 8px var(--neon-green),0 0 16px var(--neon-green);margin:15px 0 0;letter-spacing:.1em;transition:all .3s ease;animation:subtitle-pulse 4s infinite ease-in-out}@keyframes subtitle-pulse{0%,to{text-shadow:0 0 8px var(--neon-green),0 0 16px var(--neon-green);opacity:.9}50%{text-shadow:0 0 12px var(--neon-green),0 0 24px var(--neon-green),0 0 36px var(--neon-green);opacity:1}}.oracle-image-container{position:absolute!important;top:50%!important;left:50%!important;width:320px!important;height:320px!important;transform:translate(-50%,-50%)!important;background-image:url(https://i.postimg.cc/26pvW2SN/orackle-only-static.png)!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;cursor:pointer!important;z-index:500!important;transition:all .4s cubic-bezier(.175,.885,.32,1.275)!important;border-radius:8%!important;border:3px solid transparent!important;background-clip:padding-box!important;box-shadow:0 0 0 2px var(--cabinet-glow),0 0 20px var(--cabinet-glow),0 0 40px #0ff9,0 0 60px #0ff6,inset 0 0 20px #00ffff1a!important;filter:brightness(1.2) contrast(1.3) saturate(1.1) drop-shadow(0 0 30px rgba(0,255,255,.8))!important;animation:oracle-cabinet-pulse 5s infinite ease-in-out,oracle-cabinet-zoom 7s infinite ease-in-out!important}@keyframes oracle-cabinet-pulse{0%,to{box-shadow:0 0 0 2px #0ffc,0 0 20px #0ffc,0 0 40px #0ff9,0 0 60px #0ff6,inset 0 0 20px #00ffff1a;filter:brightness(1.2) contrast(1.3) saturate(1.1) drop-shadow(0 0 30px rgba(0,255,255,.8))}50%{box-shadow:0 0 0 3px #0ff,0 0 30px #0ff,0 0 60px #0ffc,0 0 90px #0ff9,0 0 120px #f0c6,inset 0 0 30px #0ff3;filter:brightness(1.4) contrast(1.4) saturate(1.2) drop-shadow(0 0 50px rgba(0,255,255,1))}}@keyframes oracle-cabinet-zoom{0%,to{transform:translate(-50%,-50%) scale(1)}25%{transform:translate(-50%,-50%) scale(1.02)}50%{transform:translate(-50%,-50%) scale(1.04)}75%{transform:translate(-50%,-50%) scale(1.01)}}.oracle-image-container:hover{transform:translate(-50%,-50%) scale(1.08)!important;animation:oracle-cabinet-pulse 2s infinite ease-in-out,oracle-cabinet-zoom 3s infinite ease-in-out!important;box-shadow:0 0 0 4px #0ff,0 0 40px #0ff,0 0 80px #0ff,0 0 120px #0ffc,0 0 160px #f0c9,inset 0 0 40px #00ffff4d!important;filter:brightness(1.6) contrast(1.5) saturate(1.3) drop-shadow(0 0 70px rgba(0,255,255,1.2))!important}.oracle-video{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:inherit;transition:opacity .5s ease}.graff-punks-boombox{position:absolute!important;bottom:12%!important;left:15%!important;transform:translate(-50%)!important;width:120px!important;height:80px!important;background-image:url(https://sintra-images.s3.eu-north-1.amazonaws.com/3fddfa4f-21d6-4499-8920-9b9b4c304d56/message-files/3b007f84-834b-46f1-b22f-3d21c9567ce5/image__1_.png)!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;cursor:pointer!important;border-radius:8px!important;transition:all .3s ease!important;filter:brightness(1) saturate(1) drop-shadow(0 0 10px rgba(0,255,255,.4))!important;z-index:20!important;animation:radio-idle-glow 4s infinite ease-in-out!important;pointer-events:auto!important}.graff-punks-boombox:hover{transform:translate(-50%) scale(1.1)!important;filter:brightness(1.3) saturate(1.3) drop-shadow(0 0 20px rgba(0,255,255,.8))!important;animation:radio-active-glow 2s infinite ease-in-out!important}.graff-punks-boombox.playing{animation:radio-active-glow 1.5s infinite ease-in-out!important}.enculturate-spray-crate{position:absolute!important;bottom:12%!important;right:15%!important;transform:translate(50%)!important;width:120px!important;height:80px!important;background-image:url(https://sintra-images.s3.eu-north-1.amazonaws.com/3fddfa4f-21d6-4499-8920-9b9b4c304d56/power-ups/remove-background/5658be5f-989d-42d1-a0dd-eef0f4891989/image.png)!important;background-size:contain!important;background-position:center!important;background-repeat:no-repeat!important;cursor:pointer!important;border-radius:8px!important;transition:all .3s ease!important;filter:brightness(1) saturate(1) drop-shadow(0 0 10px rgba(0,255,136,.4))!important;z-index:150!important;animation:crate-idle-glow 5s infinite ease-in-out!important;pointer-events:auto!important}.enculturate-spray-crate:hover{transform:translate(50%) scale(1.1)!important;filter:brightness(1.3) saturate(1.3) drop-shadow(0 0 20px rgba(0,255,136,.8))!important;animation:crate-active-glow 2s infinite ease-in-out!important}@keyframes radio-idle-glow{0%,to{filter:brightness(1) saturate(1) drop-shadow(0 0 10px rgba(0,255,255,.4));transform:translate(-50%) scale(1)}50%{filter:brightness(1.1) saturate(1.1) drop-shadow(0 0 15px rgba(0,255,255,.6));transform:translate(-50%) scale(1.01)}}@keyframes radio-active-glow{0%,to{filter:brightness(1.3) saturate(1.3) drop-shadow(0 0 20px rgba(0,255,255,.8));transform:translate(-50%) scale(1.1)}50%{filter:brightness(1.5) saturate(1.5) drop-shadow(0 0 30px rgba(0,255,255,1)) drop-shadow(0 0 50px rgba(255,0,204,.5));transform:translate(-50%) scale(1.12)}}@keyframes crate-idle-glow{0%,to{filter:brightness(1) saturate(1) drop-shadow(0 0 10px rgba(0,255,136,.4));transform:translate(50%) scale(1)}50%{filter:brightness(1.1) saturate(1.1) drop-shadow(0 0 15px rgba(0,255,136,.6));transform:translate(50%) scale(1.01)}}@keyframes crate-active-glow{0%,to{filter:brightness(1.3) saturate(1.3) drop-shadow(0 0 20px rgba(0,255,136,.8));transform:translate(50%) scale(1.1)}50%{filter:brightness(1.5) saturate(1.5) drop-shadow(0 0 30px rgba(0,255,136,1)) drop-shadow(0 0 50px rgba(0,255,136,.5));transform:translate(50%) scale(1.12)}}.connecting-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#000000f2,#0a0519fa,#1e0f32f2);backdrop-filter:blur(15px) saturate(1.2);border:3px solid rgba(0,255,255,.8);border-radius:20px;box-shadow:0 0 40px #0ff9,0 0 80px #00ffff4d,inset 0 0 30px #00ffff1a;color:var(--neon-cyan);padding:30px 50px;text-align:center;z-index:1500}.connecting-text{font-family:aAnotherTag,PhillySans,monospace!important;font-size:1.5rem;letter-spacing:.15em;background:linear-gradient(45deg,#0ff,#f0a,#0f8,#f0a,#0ff);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(0,255,255,.8)) drop-shadow(0 0 20px rgba(255,0,170,.6));animation:gradient-shift 3s ease-in-out infinite,engaging-pulse 2s ease-in-out infinite}@keyframes engaging-pulse{0%,to{transform:scale(1) rotate(0)}50%{transform:scale(1.05) rotate(1deg)}}.oracle-exit-btn{position:absolute!important;top:25px!important;right:25px!important;background:#f00c!important;border:3px solid rgb(255,255,255)!important;color:#fff!important;padding:15px!important;border-radius:50%!important;cursor:pointer!important;z-index:2001!important;width:60px!important;height:60px!important;display:flex!important;align-items:center!important;justify-content:center!important;transition:all .3s ease!important;box-shadow:0 0 30px red!important}.oracle-exit-btn:hover{background:red!important;transform:scale(1.05)!important;box-shadow:0 0 50px red!important}.error-display{position:fixed;top:20px;right:20px;background:#f003;border:2px solid rgba(255,0,0,.5);color:#f66;padding:12px 20px;border-radius:10px;z-index:3000;max-width:300px;display:flex;align-items:center;justify-content:space-between;gap:10px;animation:error-slide-in .3s ease;font-family:PhillySans,monospace!important}@keyframes error-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.error-close-btn{background:none;border:none;color:#f66;cursor:pointer;padding:2px;border-radius:3px;transition:all .2s ease}.error-close-btn:hover{background:#f003;transform:scale(1.1)}@media (max-width: 900px){.sneakar-title{font-size:3.5rem}.sneakar-subtitle{font-size:1.2rem}.oracle-image-container{width:250px!important;height:250px!important}.graff-punks-boombox{width:100px!important;height:65px!important;left:10%!important}.enculturate-spray-crate{width:100px!important;height:65px!important;right:10%!important}}@media (max-width: 600px){.sneakar-title{font-size:2.5rem}.sneakar-subtitle{font-size:1rem}.oracle-image-container{width:200px!important;height:200px!important}.graff-punks-boombox{width:80px!important;height:50px!important;left:8%!important}.enculturate-spray-crate{width:80px!important;height:50px!important;right:8%!important}.connecting-text{font-size:1.2rem}}@font-face{font-family:aAnotherTag;src:url(/assets/aAnotherTag-DFKsPGX8.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:PhillySans;src:url(/assets/PhillySans-B__OEYLg.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:aDrip1;src:url(/assets/adrip1-DoY5KXWR.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--neon-cyan: #00ffff;--neon-green: #00ff88;--neon-pink: #ff00aa;--neon-purple: #a855f7;--neon-yellow: #ffd700;--dark-bg: #0a0a0f;--terminal-green: #00ff41;--graffiti-blue: #1e90ff;--graffiti-pink: #ff1493;--graffiti-yellow: #ffd700}*{margin:0;padding:0;box-sizing:border-box}body{font-family:PhillySans,aAnotherTag,monospace!important;background:var(--dark-bg);color:var(--neon-cyan);overflow-x:hidden}*{font-family:PhillySans,aAnotherTag,monospace!important}input,textarea,button{font-family:aDrip1,PhillySans,monospace!important}h1,h2,h3,.title,.brand{font-family:aAnotherTag,PhillySans,monospace!important}.btn,.button,.panel,.terminal-button,.arcade-btn,.tier-card,.glitch{font-family:aDrip1,PhillySans,monospace!important}.debug-content,.terminal-text-glow,.panel-tabs button,.logs-container,.terminal-container,.debug-panel{font-family:PhillySans,monospace!important}.oracle-exit-btn{position:fixed!important;top:20px!important;left:20px!important;background:#f00c!important;border:3px solid rgb(255,255,255)!important;color:#fff!important;padding:15px 25px!important;border-radius:50%!important;cursor:pointer!important;z-index:9999!important;display:flex!important;align-items:center!important;justify-content:center!important;width:60px!important;height:60px!important;box-shadow:0 0 30px red!important;font-family:aDrip1,monospace!important}.overlay{position:fixed;inset:0;background:#000000d9;backdrop-filter:blur(15px);z-index:1000;display:flex;align-items:center;justify-content:center}.panel{background:linear-gradient(135deg,#000000e6,#0a0514f2);border:2px solid var(--neon-cyan);border-radius:12px;padding:25px;max-width:90vw;max-height:85vh;overflow-y:auto;box-shadow:0 0 30px #00ffff4d,inset 0 0 20px #00ffff1a;position:relative}.btn{background:linear-gradient(45deg,#0ff3,#00ffff1a);border:1px solid var(--neon-cyan);color:var(--neon-cyan);padding:12px 20px;border-radius:8px;cursor:pointer;transition:all .3s ease;font-family:Orbitron,monospace;font-weight:600;text-transform:uppercase;letter-spacing:1px;position:relative;overflow:hidden}.btn:hover{background:linear-gradient(45deg,#0ff6,#0ff3);box-shadow:0 0 20px #0ff9;transform:translateY(-2px)}.btn:active{transform:translateY(0)}.close{position:absolute;top:15px;right:15px;background:#f003;border:1px solid #ff4444;color:#f44;padding:8px;border-radius:50%;cursor:pointer;transition:all .3s ease;z-index:10}.close:hover{background:#f006;box-shadow:0 0 15px #f449}.alley-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#0a0a0f,#1a0a2e,#16213e);background-image:radial-gradient(circle at 20% 80%,rgba(0,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(168,85,247,.1) 0%,transparent 50%);overflow:hidden}.dust-wrap{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.dust{position:absolute;width:2px;height:2px;background:var(--neon-cyan);border-radius:50%;opacity:.6;animation:float 6s infinite ease-in-out}@keyframes float{0%,to{transform:translateY(0) rotate(0);opacity:.6}50%{transform:translateY(-20px) rotate(180deg);opacity:1}}.brand{color:var(--neon-green);font-family:Bangers,cursive;font-size:2.5rem;text-shadow:0 0 10px var(--neon-green),0 0 20px var(--neon-green);transform:rotate(-2deg);-webkit-text-stroke:1px #000}.title{font-family:Permanent Marker,cursive;font-size:3rem;color:var(--graffiti-pink);text-shadow:0 0 15px var(--graffiti-pink);transform:rotate(-3deg);-webkit-text-stroke:2px #000}.oracle{position:relative;width:400px;height:300px;margin:0 auto;background:linear-gradient(135deg,#000c,#0a0514e6);border:3px solid var(--neon-cyan);border-radius:20px;box-shadow:0 0 40px #0ff6;transform-style:preserve-3d;transition:all .5s ease}.oracle.connecting{animation:pulse 2s infinite}.oracle.connected{box-shadow:0 0 60px #0f89;border-color:var(--neon-green)}.oracle.speaking{animation:speak .5s infinite alternate}@keyframes pulse{0%,to{box-shadow:0 0 40px #0ff6}50%{box-shadow:0 0 80px #0ffc}}@keyframes speak{0%{box-shadow:0 0 60px #0f89}to{box-shadow:0 0 100px #0f8}}@keyframes engaging-pulse{0%,to{transform:scale(1);filter:drop-shadow(0 0 15px rgba(0,255,255,.8)) drop-shadow(0 0 30px rgba(255,0,170,.6))}50%{transform:scale(1.05);filter:drop-shadow(0 0 25px rgba(0,255,255,1)) drop-shadow(0 0 50px rgba(255,0,170,.8))}}@keyframes connection-pulse{0%,to{opacity:.8;text-shadow:0 0 10px var(--neon-green),0 0 20px var(--neon-green)}50%{opacity:1;text-shadow:0 0 15px var(--neon-green),0 0 30px var(--neon-green),0 0 45px var(--neon-green)}}.vid{width:100%;height:100%;border-radius:17px;object-fit:cover;background:radial-gradient(circle,#00ffff1a,#000000e6)}.play{background:linear-gradient(45deg,#ffd7004d,#ffd7001a);border-color:var(--neon-yellow);color:var(--neon-yellow)}.play:hover{background:linear-gradient(45deg,#ffd70080,#ffd7004d);box-shadow:0 0 25px #ffd700b3}.learn{background:linear-gradient(45deg,#a855f74d,#a855f71a);border-color:var(--neon-purple);color:var(--neon-purple)}.learn:hover{background:linear-gradient(45deg,#a855f780,#a855f74d);box-shadow:0 0 25px #a855f7b3}.cult{background:linear-gradient(45deg,#ff00aa4d,#ff00aa1a);border-color:var(--neon-pink);color:var(--neon-pink)}.cult:hover{background:linear-gradient(45deg,#ff00aa80,#ff00aa4d);box-shadow:0 0 25px #ff00aab3}.panel-tabs{display:flex;gap:10px;margin-bottom:20px;border-bottom:2px solid rgba(0,255,255,.3);padding-bottom:15px;overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--neon-cyan) transparent}.panel-tabs button{background:#00000080;border:1px solid rgba(0,255,255,.3);color:#00ffffb3;padding:10px 15px;border-radius:8px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;white-space:nowrap;min-width:fit-content;position:relative;overflow:hidden}.panel-tabs button.active{background:#0ff3;border-color:var(--neon-cyan);color:var(--neon-cyan);box-shadow:0 0 15px #0ff6;transform:translateY(-2px)}.panel-tabs button:hover{background:#00ffff1a;color:var(--neon-cyan);transform:translateY(-1px);box-shadow:0 0 10px #00ffff4d}.panel-tabs button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.panel-tabs button:hover:before{left:100%}.panel::-webkit-scrollbar{width:8px}.panel::-webkit-scrollbar-track{background:#00000080;border-radius:4px}.panel::-webkit-scrollbar-thumb{background:linear-gradient(45deg,var(--neon-cyan),var(--neon-green));border-radius:4px}.panel::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,var(--neon-green),var(--neon-cyan))}.scrollbar-thin{scrollbar-width:thin}.scrollbar-thumb-cyan-500{scrollbar-color:var(--neon-cyan) transparent}.scrollbar-thumb-purple-500{scrollbar-color:var(--neon-purple) transparent}.scrollbar-track-gray-800{scrollbar-color:var(--neon-cyan) rgba(31,41,55,.5)}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thumb-cyan-500::-webkit-scrollbar-thumb{background:var(--neon-cyan);border-radius:3px}.scrollbar-thumb-purple-500::-webkit-scrollbar-thumb{background:var(--neon-purple);border-radius:3px}.scrollbar-track-gray-800::-webkit-scrollbar-track{background:#1f293780;border-radius:3px}.glitch{position:relative;color:var(--neon-cyan);font-family:Orbitron,monospace;animation:glitch 2s infinite}@keyframes glitch{0%,to{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}}.btn{position:relative;overflow:hidden}.btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s}.btn:hover:before{left:100%}@keyframes logFadeIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.log-entry{animation:logFadeIn .3s ease-out}.status-dot{width:8px;height:8px;border-radius:50%;animation:statusPulse 2s infinite}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.5}}.tier-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.tier-card:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 10px 25px #0003}@media (max-width: 768px){.panel{padding:15px;max-width:95vw;max-height:90vh}.backend-panel{width:98vw;height:95vh;border-radius:15px}.panel-tabs{flex-wrap:nowrap;overflow-x:auto;gap:5px}.panel-tabs button{padding:8px 12px;font-size:.9rem;min-width:100px}.panel-content{padding:15px}.squad-up-header h2{font-size:2rem}.grid-cols-1.md\\:grid-cols-2{grid-template-columns:1fr}.grid-cols-2.md\\:grid-cols-5{grid-template-columns:1fr 1fr}.grid-cols-1.sm\\:grid-cols-3{grid-template-columns:1fr}.oracle{width:300px;height:225px}.brand{font-size:2rem}.title{font-size:2.5rem}.btn{padding:10px 16px;font-size:.9rem}}@media (max-width: 480px){.panel{padding:10px;max-width:98vw}.oracle{width:250px;height:188px}.panel-tabs{flex-wrap:wrap;gap:5px}.panel-tabs button{padding:8px 12px;font-size:.8rem}.debug-content .grid{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.connecting-overlay{background:linear-gradient(135deg,#000000f2,#0a0519fa,#1e0f32f2);backdrop-filter:blur(15px) saturate(1.2);border:3px solid rgba(0,255,255,.8);border-radius:20px;box-shadow:0 0 40px #0ff9,0 0 80px #00ffff4d,inset 0 0 30px #00ffff1a}.connecting-text{background:linear-gradient(45deg,#0ff,#f0a,#0f8,#f0a,#0ff);background-size:200% 200%;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 10px rgba(0,255,255,.8)) drop-shadow(0 0 20px rgba(255,0,170,.6)) drop-shadow(0 0 30px rgba(0,255,136,.4));animation:gradient-shift 3s ease-in-out infinite,engaging-pulse 2s ease-in-out infinite}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes engaging-pulse{0%,to{filter:drop-shadow(0 0 10px rgba(0,255,255,.8)) drop-shadow(0 0 20px rgba(255,0,170,.6)) drop-shadow(0 0 30px rgba(0,255,136,.4));transform:scale(1) rotate(0)}50%{filter:drop-shadow(0 0 15px rgba(0,255,255,1)) drop-shadow(0 0 30px rgba(255,0,170,.8)) drop-shadow(0 0 45px rgba(0,255,136,.6));transform:scale(1.05) rotate(1deg)}}@keyframes connection-pulse{0%,to{opacity:.8;text-shadow:0 0 15px var(--neon-green),0 0 30px var(--neon-green)}50%{opacity:1;text-shadow:0 0 20px var(--neon-green),0 0 40px var(--neon-green),0 0 60px var(--neon-green)}}.panel{animation:fadeIn .5s ease-out}@keyframes pulse{0%,to{box-shadow:0 0 20px #00ffffb3,0 0 40px #7c3aed99;transform:translate(-50%) scale(1)}50%{box-shadow:0 0 30px #00ffffe6,0 0 60px #7c3aedcc;transform:translate(-50%) scale(1.05)}}.text-glow{text-shadow:0 0 10px currentColor,0 0 20px currentColor}.border-glow{box-shadow:0 0 15px #00ffff4d,inset 0 0 15px #00ffff1a}.backend-panel{width:99vw;max-width:1600px;height:99vh;max-height:95vh;background:linear-gradient(135deg,#000000f2,#0a0514fa);border:3px solid var(--neon-cyan);border-radius:20px;box-shadow:0 0 40px #0ff6,0 0 80px #0ff3,inset 0 0 30px #00ffff0d;backdrop-filter:blur(20px);display:flex;flex-direction:column;overflow:hidden}.panel-tabs-container{flex-shrink:0;padding:20px 25px 0;background:linear-gradient(90deg,#00ffff0d,#ff00aa0d);border-bottom:2px solid rgba(0,255,255,.3)}.panel-content{flex:1;padding:25px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--neon-cyan) transparent}.panel-content::-webkit-scrollbar{width:8px}.panel-content::-webkit-scrollbar-track{background:#0000004d;border-radius:4px}.panel-content::-webkit-scrollbar-thumb{background:linear-gradient(45deg,var(--neon-cyan),var(--neon-green));border-radius:4px}.panel-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(45deg,var(--neon-green),var(--neon-cyan))}.panel-close-button{position:absolute;top:20px;right:20px;background:#f003;border:2px solid #ff4444;color:#f44;width:50px;height:50px;border-radius:50%;cursor:pointer;transition:all .3s ease;z-index:10;display:flex;align-items:center;justify-content:center}.panel-close-button:hover{background:#f006;box-shadow:0 0 20px #f449;transform:scale(1.1) rotate(90deg)}.squad-up-tab{min-height:0;overflow-y:auto}.debug-logs{flex-shrink:0;margin-top:20px}.logs-container{font-family:JetBrains Mono,Courier New,monospace}