:root{--neon-pink: #ff00cc;--neon-cyan: #00f5ff;--neon-green: #00ff9d;--neon-purple: #bf00ff;--neon-deep-purple: #6a00ff;--neon-red: #ff0055;--dark-bg: #0d001a;--darker-bg: #05000a;--text-color: #e0e0ff;--glow-intensity: 0 0 10px, 0 0 20px, 0 0 30px;--input-bg: rgba(20, 0, 40, .9)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:JetBrains Mono,monospace;background-color:var(--darker-bg);color:var(--text-color);overflow-x:hidden;overflow-y:auto;width:100vw;min-height:100vh;position:relative;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;touch-action:manipulation}#mapCanvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1;opacity:0;animation:fadeIn 2s ease-in forwards}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:3;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-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none;z-index:2;opacity:.3}.container{position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;height:auto;padding:2rem}.typewriter-container{margin-bottom:4rem;text-align:center}.main-text{font-family:Codystar,cursive;font-weight:700;letter-spacing:.1em;color:#fff;text-shadow:0 0 10px var(--neon-purple),0 0 25px var(--neon-purple),0 0 45px var(--neon-deep-purple);position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(.5rem,1vw,1rem);line-height:1.3}.main-text .line{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:clamp(.5rem,2vw,1.5rem)}.main-text .word{display:inline-flex;gap:0;white-space:nowrap;position:relative}.main-text .word:before{content:attr(data-word);visibility:hidden;white-space:nowrap;font-size:inherit;position:absolute;top:0;left:0;pointer-events:none}.main-text .letter{display:inline-block;opacity:0}.main-text .letter.visible{animation:fadeIn .3s ease-in forwards}@keyframes fadeIn{to{opacity:1}}.main-text .cursor{display:inline-block;opacity:0;animation:blink 1s step-end infinite;margin-left:.1em;vertical-align:baseline}.main-text .cursor.active{opacity:1}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.main-text.glitch{animation:glitch .3s cubic-bezier(.25,.46,.45,.94) both infinite}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes signalFlicker{0%,to{opacity:1}2%,8%,15%,23%,40%,56%,72%,89%{opacity:.98}4%,12%,18%,26%,43%,60%,76%,91%{opacity:1}6%,14%,21%,35%,48%,65%,82%,94%{opacity:.96}}.cta-container{text-align:center;opacity:0;transform:translateY(20px);padding:2rem 2.5rem;background:#0a001499;border:1px solid rgba(191,0,255,.3);box-shadow:0 0 30px #bf00ff26,inset 0 0 30px #6400ff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);position:relative}.cta-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid var(--neon-purple);opacity:.5;clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);pointer-events:none}.cta-container.visible{animation:slideUp .8s ease-out forwards}@keyframes slideUp{to{opacity:1;transform:translateY(0)}}.form-wrapper{position:relative;display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap;justify-content:center;align-items:stretch}.city-select{font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:700;padding:1rem 3rem 1rem 1.5rem;background:var(--input-bg);border:2px solid var(--neon-purple);color:var(--neon-cyan);border-radius:2px;outline:none;transition:all .3s ease;min-width:200px;box-shadow:0 0 15px #bf00ff33,inset 0 0 10px #bf00ff1a;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23bf00ff' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;clip-path:polygon(10px 0,100% 0,100% 100%,0 100%,0 10px)}.city-select:focus{border-color:var(--neon-cyan);box-shadow:0 0 30px #00f5ff66,inset 0 0 20px #00f5ff1a;text-shadow:0 0 5px var(--neon-cyan)}.city-select option{background:#05050ffa;color:var(--neon-cyan);padding:.5rem;font-weight:700}.email-input{font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:700;padding:1rem 1.5rem;background:var(--input-bg);border:2px solid var(--neon-purple);color:var(--neon-cyan);border-radius:2px;outline:none;transition:all .3s ease;min-width:280px;box-shadow:0 0 15px #bf00ff33,inset 0 0 10px #bf00ff1a;clip-path:polygon(0 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%)}.email-input:focus{border-color:var(--neon-cyan);box-shadow:0 0 30px #00f5ff66,inset 0 0 20px #00f5ff1a}.email-input::placeholder{color:#bf00ff80;font-weight:400}.custom-city-input{font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:700;padding:1rem 1.5rem;background:var(--input-bg);border:2px solid var(--neon-purple);color:var(--neon-cyan);border-radius:2px;outline:none;transition:all .3s ease;min-width:200px;box-shadow:0 0 15px #bf00ff33,inset 0 0 10px #bf00ff1a;clip-path:polygon(10px 0,100% 0,100% 100%,0 100%,0 10px)}.custom-city-input:focus{border-color:var(--neon-cyan);box-shadow:0 0 30px #00f5ff66,inset 0 0 20px #00f5ff1a}.custom-city-input::placeholder{color:#bf00ff80;font-weight:400}.submit-btn{font-family:JetBrains Mono,monospace;font-size:1rem;font-weight:900;padding:1rem 2rem;background:var(--neon-purple);background:linear-gradient(135deg,var(--neon-deep-purple),var(--neon-purple));color:#fff;border:1px solid var(--neon-cyan);border-radius:2px;cursor:pointer;position:relative;overflow:hidden;transition:all .2s ease;box-shadow:0 0 20px #bf00ff66;text-transform:uppercase;letter-spacing:.15em;clip-path:polygon(15px 0,100% 0,100% 100%,0 100%,0 15px)}.submit-btn:hover{background:var(--neon-cyan);color:var(--darker-bg);box-shadow:0 0 30px #00f5ffcc,0 0 60px #bf00ff66;transform:translateY(-2px) scale(1.02);border-color:var(--neon-purple)}.submit-btn:active{transform:translateY(0)}.submit-btn:hover{animation:btnGlitch .3s ease-in-out}@keyframes btnGlitch{0%,to{transform:translateY(-2px)}25%{transform:translate(-2px,-4px)}75%{transform:translate(2px,-4px)}}.tagline{font-size:.9rem;color:#e0e0e0b3;letter-spacing:.15em;text-transform:uppercase;margin-top:1.5rem}.locked-overlay{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:auto;z-index:100;display:flex;align-items:center;justify-content:center}.locked-tape{position:absolute;width:120%;height:80px;background:repeating-linear-gradient(45deg,#ff0040e6,#ff0040e6 20px,#c80032e6 20px,#c80032e6 40px);transform:rotate(-15deg);box-shadow:0 4px 15px #ff004080,inset 0 2px 5px #fff3,inset 0 -2px 5px #0000004d;border-top:2px solid rgba(255,100,130,.6);border-bottom:2px solid rgba(150,0,40,.8);animation:tapeReveal .6s ease-out}@keyframes tapeReveal{0%{transform:rotate(-15deg) translateY(-200px);opacity:0}60%{transform:rotate(-15deg) translateY(10px)}to{transform:rotate(-15deg) translateY(0);opacity:1}}.locked-text{position:relative;font-family:Codystar,JetBrains Mono,monospace;font-size:2.5rem;font-weight:700;color:#fff;text-shadow:0 0 10px rgba(255,0,64,.8),0 0 20px rgba(255,0,64,.6),2px 2px 4px rgba(0,0,0,.8);letter-spacing:.2em;transform:rotate(-15deg);z-index:10;animation:textGlitch 3s infinite}@keyframes textGlitch{0%,90%,to{text-shadow:0 0 10px rgba(255,0,64,.8),0 0 20px rgba(255,0,64,.6),2px 2px 4px rgba(0,0,0,.8)}92%,94%,96%{text-shadow:-2px 0 10px rgba(0,255,255,.8),2px 0 10px rgba(255,0,204,.8),0 0 20px rgba(255,0,64,.6)}}.already-locked-section{margin-top:3rem;padding:2rem 0}.already-locked-divider{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(0,245,255,.5) 20%,rgba(0,245,255,.5) 80%,transparent)}.divider-text{font-family:JetBrains Mono,monospace;font-size:.85rem;color:var(--neon-cyan);letter-spacing:.15em;text-transform:uppercase;white-space:nowrap;text-shadow:0 0 10px rgba(0,245,255,.5)}.retrieve-form{display:flex;gap:.8rem;align-items:center}.retrieve-email-input{flex:1;padding:.9rem 1.2rem;background:#05000f99;border:1px solid rgba(0,245,255,.3);color:#e0e0e0;font-family:JetBrains Mono,monospace;font-size:.95rem;outline:none;transition:all .3s ease;box-shadow:inset 0 0 10px #00f5ff1a}.retrieve-email-input:focus{border-color:var(--neon-cyan);box-shadow:0 0 15px #00f5ff4d,inset 0 0 15px #00f5ff26}.retrieve-email-input::placeholder{color:#e0e0e066}.retrieve-btn{padding:.9rem 1.8rem;background:linear-gradient(135deg,#00f5ff1a,#00b3ff1a);border:2px solid var(--neon-cyan);color:var(--neon-cyan);font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:all .3s ease;white-space:nowrap;box-shadow:0 0 15px #00f5ff33}.retrieve-btn:hover{background:linear-gradient(135deg,#00f5ff33,#00b3ff33);box-shadow:0 0 25px #00f5ff66;transform:translateY(-2px)}.retrieve-btn:active{transform:translateY(0)}.retrieve-btn.loading{opacity:.6;cursor:not-allowed;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:.8}}.headline-container{text-align:center;margin-bottom:3rem;padding:1.75rem 2rem;background:#05050f47;border:1px solid rgba(0,255,255,.18);box-shadow:0 0 30px #00ffff1a,inset 0 0 26px #00ffff0f;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}.headline{font-family:JetBrains Mono,monospace;font-size:2.5rem;font-weight:900;color:var(--neon-cyan);text-shadow:0 0 10px var(--neon-cyan),0 0 20px var(--neon-cyan),0 0 30px var(--neon-cyan);margin-bottom:2rem;line-height:1.4;letter-spacing:.05em;animation:subtleGlow 4s ease-in-out infinite}.subheadline{font-family:JetBrains Mono,monospace;font-size:1.2rem;font-weight:700;color:var(--neon-pink);line-height:2;margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem}.subheadline .subline{display:block;text-shadow:0 0 8px var(--neon-pink)}.body-text{font-family:JetBrains Mono,monospace;font-size:1rem;color:#e0e0e0d9;line-height:2;margin-bottom:2rem}.input-label{font-family:JetBrains Mono,monospace;font-size:1.1rem;font-weight:700;color:var(--neon-green);text-shadow:0 0 8px var(--neon-green);margin-bottom:1rem;letter-spacing:.05em}@keyframes subtleGlow{0%,to{text-shadow:0 0 10px var(--neon-cyan),0 0 20px var(--neon-cyan),0 0 30px var(--neon-cyan)}50%{text-shadow:0 0 15px var(--neon-cyan),0 0 30px var(--neon-cyan),0 0 45px var(--neon-cyan)}}@media(max-width:768px){.form-wrapper{flex-direction:column;align-items:stretch}.city-select,.custom-city-input,.email-input{min-width:auto;width:100%}.submit-btn{width:100%}.headline-container{margin-bottom:2rem;padding:1.25rem 1.5rem}.main-text{gap:clamp(.3rem,1.5vw,.8rem)}.main-text .line{gap:clamp(.3rem,1.5vw,1rem)}.subheadline{font-size:1rem}.body-text{font-size:.9rem;line-height:1.8}.input-label{font-size:1rem}.cta-container{padding:1.5rem 1.25rem}.form-wrapper{gap:.75rem}.locked-text{font-size:1.8rem}.locked-tape{height:60px}.retrieve-form{flex-direction:column}.retrieve-btn{width:100%}.already-locked-section{margin-top:2rem;padding:1.5rem 0}}.submit-btn.loading{pointer-events:none;opacity:.6}.submit-btn.loading:after{content:"...";animation:dots 1.5s steps(4,end) infinite}@keyframes dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.form-message{margin-top:1.5rem;padding:1.25rem 1.75rem;border-radius:0;font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:700;text-align:left;opacity:0;display:none;transform:translateY(-10px);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;letter-spacing:.05em;clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px)}.form-message.visible{opacity:1;transform:translateY(0)}.form-message:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);animation:scanEffect 2s ease-in-out}@keyframes scanEffect{0%{left:-100%}to{left:100%}}.form-message .message-title{display:block;font-size:1.1rem;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.1em}.form-message .message-body{display:block;font-size:.85rem;opacity:.9;line-height:1.6;font-weight:400}.form-message.success{background:#00ff9d14;border:2px solid var(--neon-green);color:var(--neon-green);box-shadow:0 0 20px #00ff9d33,inset 0 0 20px #00ff9d0d}.form-message.success .message-title:before{content:"> ";color:var(--neon-cyan)}.form-message.error{background:#ff005514;border:2px solid var(--neon-red);color:var(--neon-red);box-shadow:0 0 20px #f053,inset 0 0 20px #ff00550d;animation:errorShake .4s ease-in-out}.form-message.error .message-title:before{content:"⚠ ";color:var(--neon-pink)}@keyframes errorShake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.avatar-editor-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#05000af2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;transition:opacity .3s ease}.avatar-editor-overlay.visible{opacity:1}.avatar-editor-modal{background:linear-gradient(135deg,#0d001af2,#140028f2);border:2px solid var(--neon-purple);box-shadow:0 0 30px #bf00ff4d,inset 0 0 30px #6400ff1a;max-width:500px;width:100%;max-height:90vh;overflow-y:auto;position:relative;clip-path:polygon(20px 0,100% 0,100% calc(100% - 20px),calc(100% - 20px) 100%,0 100%,0 20px);animation:modalSlideIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes modalSlideIn{0%{transform:translateY(-50px) scale(.9);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.avatar-editor-header{padding:1.5rem;border-bottom:1px solid rgba(191,0,255,.3);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;background:#0d001afa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10}.avatar-editor-title{font-family:Codystar,JetBrains Mono,monospace;font-size:1.2rem;font-weight:700;color:var(--neon-purple);text-shadow:0 0 10px var(--neon-purple);letter-spacing:.1em;margin:0}.avatar-editor-close{background:none;border:none;color:var(--neon-cyan);font-size:2rem;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;line-height:1}.avatar-editor-close:hover{color:var(--neon-pink);transform:rotate(90deg);text-shadow:0 0 15px var(--neon-pink)}.avatar-editor-preview{padding:2rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.avatar-preview-image{width:128px;height:128px;border:3px solid var(--neon-purple);border-radius:8px;box-shadow:0 0 20px #bf00ff66,0 0 40px #bf00ff33;background:#0000004d;image-rendering:pixelated;transition:all .3s ease}.avatar-preview-image:hover{transform:scale(1.05);box-shadow:0 0 30px #bf00ff99,0 0 60px #bf00ff4d}.avatar-randomize-btn{font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:700;padding:.6rem 1.5rem;background:linear-gradient(135deg,var(--neon-purple) 0%,var(--neon-deep-purple) 100%);color:#fff;border:1px solid var(--neon-purple);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease;box-shadow:0 0 15px #bf00ff4d;display:flex;align-items:center;gap:.5rem}.avatar-randomize-btn:hover{background:linear-gradient(135deg,var(--neon-pink) 0%,var(--neon-purple) 100%);box-shadow:0 0 25px #ff00cc80;transform:translateY(-2px)}.avatar-randomize-btn span{font-size:1.2rem;display:inline-block;transition:transform .3s ease}.avatar-randomize-btn:hover span{transform:rotate(180deg)}.avatar-editor-controls{padding:0 2rem 1rem;display:flex;flex-direction:column;gap:1.5rem}.avatar-control-group{display:flex;flex-direction:column;gap:.8rem}.avatar-control-label{font-family:JetBrains Mono,monospace;font-size:.75rem;font-weight:700;color:var(--neon-cyan);text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 8px rgba(0,245,255,.5)}.avatar-color-picker{display:flex;gap:.6rem;flex-wrap:wrap}.color-option{width:40px;height:40px;border:2px solid transparent;border-radius:4px;cursor:pointer;transition:all .2s ease;position:relative;box-shadow:0 0 10px #00000080}.color-option:hover{transform:scale(1.1);box-shadow:0 0 15px currentColor}.color-option.active{border-color:#fff;box-shadow:0 0 20px currentColor,inset 0 0 10px #ffffff4d}.color-option.active:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:1.2rem;font-weight:700;text-shadow:0 0 5px rgba(0,0,0,.8)}.avatar-option-buttons{display:flex;gap:.6rem;flex-wrap:wrap}.option-btn{font-family:JetBrains Mono,monospace;font-size:.8rem;padding:.6rem 1rem;background:#14002899;color:var(--text-color);border:1px solid rgba(191,0,255,.3);cursor:pointer;transition:all .2s ease;text-transform:uppercase;letter-spacing:.05em;flex:1;min-width:100px}.option-btn:hover{background:#bf00ff33;border-color:var(--neon-purple);box-shadow:0 0 10px #bf00ff4d}.option-btn.active{background:linear-gradient(135deg,var(--neon-purple) 0%,var(--neon-deep-purple) 100%);border-color:var(--neon-purple);color:#fff;box-shadow:0 0 15px #bf00ff80}.avatar-editor-nickname{padding:0 2rem 1rem;display:flex;flex-direction:column;gap:.8rem}.nickname-input{font-family:JetBrains Mono,monospace;font-size:1rem;padding:.8rem 1rem;background:var(--input-bg);color:var(--text-color);border:2px solid var(--neon-purple);outline:none;transition:all .3s ease;text-transform:uppercase;letter-spacing:.05em}.nickname-input:focus{border-color:var(--neon-cyan);box-shadow:0 0 15px #00f5ff4d,inset 0 0 10px #00f5ff1a}.nickname-input::placeholder{color:#e0e0ff66;text-transform:none}.avatar-editor-actions{padding:1.5rem 2rem;display:flex;gap:1rem;border-top:1px solid rgba(191,0,255,.3);position:sticky;bottom:0;background:#0d001afa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.avatar-btn{font-family:JetBrains Mono,monospace;font-size:.9rem;font-weight:700;padding:.8rem 1.5rem;border:2px solid;cursor:pointer;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease;flex:1}.avatar-btn-secondary{background:transparent;color:var(--text-color);border-color:#bf00ff80}.avatar-btn-secondary:hover{background:#bf00ff1a;border-color:var(--neon-purple);box-shadow:0 0 15px #bf00ff33}.avatar-btn-primary{background:linear-gradient(135deg,var(--neon-pink) 0%,var(--neon-purple) 100%);color:#fff;border-color:var(--neon-pink);box-shadow:0 0 20px #ff00cc4d}.avatar-btn-primary:hover{background:linear-gradient(135deg,var(--neon-cyan) 0%,var(--neon-purple) 100%);box-shadow:0 0 30px #00f5ff80;transform:translateY(-2px)}.avatar-btn:active{transform:translateY(0) scale(.98)}@media(max-width:600px){.avatar-editor-modal{max-width:100%;max-height:100vh;clip-path:none}.avatar-editor-header,.avatar-editor-controls,.avatar-editor-nickname,.avatar-editor-actions{padding-left:1rem;padding-right:1rem}.avatar-editor-preview{padding:1.5rem 1rem}.avatar-editor-title{font-size:1rem}.color-option{width:35px;height:35px}.avatar-option-buttons{flex-direction:column}.option-btn{min-width:auto}.avatar-editor-actions{flex-direction:column}}.moshpit-container{position:relative;z-index:20;width:100%;margin:3rem auto;padding:2rem;max-width:1200px;background-color:#0009;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.moshpit-header{text-align:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(191,0,255,.3)}.moshpit-title{font-family:Codystar,JetBrains Mono,monospace;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:700;color:var(--neon-pink);text-shadow:0 0 10px var(--neon-pink),0 0 25px var(--neon-pink),0 0 45px rgba(255,0,204,.5);letter-spacing:.15em;margin:0 0 .5rem;animation:titlePulse 2s ease-in-out infinite}@keyframes titlePulse{0%,to{text-shadow:0 0 10px var(--neon-pink),0 0 25px var(--neon-pink),0 0 45px rgba(255,0,204,.5)}50%{text-shadow:0 0 15px var(--neon-pink),0 0 35px var(--neon-pink),0 0 60px rgba(255,0,204,.8)}}.moshpit-subtitle{font-family:JetBrains Mono,monospace;font-size:.9rem;color:var(--neon-cyan);text-transform:uppercase;letter-spacing:.1em;opacity:.8;margin:0}.moshpit-stage{position:relative;width:100%;height:500px;background:linear-gradient(rgba(191,0,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(191,0,255,.03) 1px,transparent 1px);background-size:20px 20px;background-color:#05000acc;border:2px solid var(--neon-purple);overflow:hidden;box-shadow:inset 0 0 50px #bf00ff1a,0 0 30px #bf00ff33;clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px)}.moshpit-stage:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,rgba(191,0,255,.05),rgba(191,0,255,.05) 1px,transparent 1px,transparent 3px);pointer-events:none;animation:scanlineMove 8s linear infinite}@keyframes scanlineMove{0%{transform:translateY(0)}to{transform:translateY(20px)}}.moshpit-avatar{position:absolute;cursor:pointer;z-index:1;will-change:transform;pointer-events:auto}.moshpit-avatar.user-avatar{z-index:100}.avatar-container{position:relative;display:inline-block}.avatar-image{width:64px;height:64px;border:2px solid rgba(191,0,255,.5);border-radius:6px;background:#00000080;image-rendering:pixelated;transition:all .2s ease;box-shadow:0 0 10px #bf00ff4d;transform:translateZ(0);will-change:transform}.moshpit-avatar:hover .avatar-image{transform:scale(1.1);border-color:var(--neon-cyan);box-shadow:0 0 20px #00f5ff99}.user-avatar .avatar-image{border:3px solid var(--neon-pink);box-shadow:0 0 20px #f0c9,0 0 40px #ff00cc4d}.user-avatar:hover .avatar-image{border-color:var(--neon-pink);box-shadow:0 0 30px #f0cc,0 0 50px #ff00cc80}.avatar-badge{position:absolute;top:-8px;right:-8px;background:linear-gradient(135deg,var(--neon-pink) 0%,var(--neon-purple) 100%);color:#fff;font-family:JetBrains Mono,monospace;font-size:.6rem;font-weight:700;padding:.2rem .5rem;border-radius:3px;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 0 15px #f0c9;animation:badgeGlow 1.5s ease-in-out infinite;z-index:10}@keyframes badgeGlow{0%,to{box-shadow:0 0 15px #f0c9}50%{box-shadow:0 0 25px #ff00cce6}}.avatar-nickname{position:absolute;bottom:-20px;left:50%;transform:translate(-50%);background:#000c;color:var(--neon-cyan);font-family:JetBrains Mono,monospace;font-size:.65rem;font-weight:700;padding:.2rem .5rem;border-radius:3px;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em;border:1px solid var(--neon-cyan);box-shadow:0 0 10px #00f5ff4d;opacity:0;transition:opacity .2s ease;pointer-events:none}.moshpit-avatar:hover .avatar-nickname{opacity:1}.user-avatar .avatar-nickname{opacity:1;color:var(--neon-pink);border-color:var(--neon-pink);box-shadow:0 0 15px #ff00cc80}@media(max-width:768px){.moshpit-container{padding:1rem;margin:2rem auto;z-index:20}.moshpit-title{font-size:1.5rem}.moshpit-subtitle{font-size:.75rem}.moshpit-stage{height:350px;gap:.8rem;padding:.8rem;clip-path:none;border-width:1px}.avatar-image{width:48px;height:48px;border-width:1px}.user-avatar .avatar-image{width:56px;height:56px;border-width:2px}.avatar-badge{font-size:.5rem;padding:.15rem .4rem;top:-6px;right:-6px}.avatar-nickname{font-size:.6rem;bottom:-18px}}@media(max-width:480px){.moshpit-stage{height:280px;gap:.6rem;padding:.6rem}.avatar-image{width:40px;height:40px}.user-avatar .avatar-image{width:48px;height:48px}.avatar-badge{font-size:.45rem;padding:.1rem .3rem}.moshpit-title{font-size:1.2rem}}