:root{--neon-blue:#00f3ff;--neon-pink:#ff00ea;--neon-yellow:#fffb00;--neon-green:#39ff14;--dark-bg:#0a0a0f;--ui-font:"Rajdhani", sans-serif;--title-font:"Orbitron", sans-serif}*{box-sizing:border-box;-webkit-user-select:none;user-select:none;margin:0;padding:0}body{background-color:var(--dark-bg);font-family:var(--ui-font);color:#fff;overflow:hidden}#app-viewport{background:#000;width:100vw;height:100vh;position:relative;overflow:hidden}body.mobile-aspect{justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;overflow:hidden;background-color:#000!important}body.mobile-aspect #app-viewport{width:100vw;max-width:177.78vh;height:56.25vw;max-height:100vh;box-shadow:0 0 50px #000000e6}body.mobile-phone #app-viewport{width:100vw;max-width:216.66vh;height:46.15vw;max-height:100vh}#game-container{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}#ui-layer{z-index:10;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}#crosshair{width:30px;height:30px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cross-horizontal{background:#00f3ffcc;width:100%;height:2px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.cross-vertical{background:#00f3ffcc;width:2px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}#hit-marker{opacity:0;border:2px solid #fff;width:20px;height:20px;transition:opacity .1s ease-out;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}#hit-marker.active{opacity:1}#shield-overlay{pointer-events:none;z-index:4;width:100%;height:100%;transition:box-shadow .2s;position:absolute;top:0;left:0;box-shadow:inset 0 0 #0096ff00}#low-health-overlay{pointer-events:none;z-index:5;width:100%;height:100%;transition:box-shadow .2s;position:absolute;top:0;left:0;box-shadow:inset 0 0 #f000}#damage-overlay{pointer-events:none;z-index:6;width:100%;height:100%;transition:box-shadow .2s ease-out;position:absolute;top:0;left:0;box-shadow:inset 0 0 100px #f000}#damage-overlay.active{box-shadow:inset 0 0 150px #f00c}#hud{width:100%;height:100%;position:absolute;top:0;left:0}.hidden{display:none!important}#highscore-screen{z-index:9;pointer-events:auto;background:#0a0a14f2;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}#death-screen{z-index:100;pointer-events:none;background:#1e0000e6;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}#top-center-hud{transform:translateX(-50%) scale(var(--hud-scale));transform-origin:top;text-align:center;font-family:Courier New,Courier,monospace;font-weight:700;position:absolute;top:20px;left:50%}#round-text{color:var(--neon-blue);text-shadow:0 0 10px var(--neon-blue);font-size:24px}#health-container{width:410px;height:110px;transform:scale(var(--hud-scale));transform-origin:0 100%;pointer-events:none;align-items:center;display:flex;position:absolute;bottom:30px;left:30px}#hud-avatar-area{border:3px solid var(--neon-blue);background:#0a0a0fd9;border-radius:50%;flex-shrink:0;width:90px;height:90px;margin-right:15px;position:relative;overflow:visible;box-shadow:0 0 15px #00f3ff66,inset 0 0 10px #00f3ff33}#hud-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:none}#hud-avatar-initials{color:var(--neon-blue);text-shadow:0 0 10px var(--neon-blue);justify-content:center;align-items:center;width:100%;height:100%;font-family:Orbitron,sans-serif;font-size:28px;font-weight:900;display:flex}#hud-element-badge{border:2px solid var(--neon-blue);width:32px;height:32px;box-shadow:0 0 8px var(--neon-blue);z-index:12;background:#0a0a0f;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;bottom:-5px;left:-5px}.hud-water-icon{width:20px;height:20px}#hud-stats-area{width:300px;height:100px;position:relative}.hud-bar-row{width:100%;height:20px;position:absolute;left:0}#player-name-display{color:var(--neon-blue);text-shadow:0 0 10px var(--neon-blue);white-space:nowrap;font-family:Orbitron,sans-serif;font-size:18px;font-weight:900;position:absolute;top:0;left:5px}#player-callsign-display{color:var(--neon-pink);text-shadow:0 0 8px var(--neon-pink);margin-left:8px;font-size:12px;font-weight:500}.bar-bg{border:2px solid var(--neon-blue);background:#141414cc;width:100%;height:20px;position:absolute;top:0;left:0;transform:skew(-15deg)}.bar-fill{transform-origin:0;width:100%;height:20px;transition:transform .2s ease-out;position:absolute;top:0;left:0;transform:skew(-15deg)}#shield-bar-fill{background:linear-gradient(90deg, #05f, var(--neon-blue))}#health-bar-fill{background:linear-gradient(90deg, var(--neon-green), #0fa)}#shield-text,#health-text,#magic-text{text-shadow:0 0 10px #000;font-size:14px;font-weight:700;line-height:20px;position:absolute;left:20px}#shield-text{color:var(--neon-blue);top:0}#health-text{color:#0fa;top:0}#magic-text{color:#fffa00;top:0}#ammo-container{text-align:right;transform:scale(var(--hud-scale));transform-origin:100% 100%;position:absolute;bottom:30px;right:30px}#ammo-text{color:var(--neon-yellow);text-shadow:0 0 15px #fffb0080;font-size:48px;font-weight:700;font-family:var(--title-font);display:block}#weapon-name{color:#ccc;letter-spacing:2px;font-size:24px;display:block}#top-stats{transform:translateX(-50%) scale(var(--hud-scale));transform-origin:top;border:1px solid var(--neon-pink);background:#00000080;border-radius:5px;gap:40px;padding:10px 30px;font-size:28px;font-weight:700;display:flex;position:absolute;top:20px;left:50%;box-shadow:0 0 20px #ff00ea4d}#minimap{border:2px solid var(--neon-blue);box-shadow:0 0 15px var(--neon-blue);z-index:100;transform:scale(var(--hud-scale));transform-origin:100% 0;background:#0009;border-radius:50%;position:absolute;top:20px;right:20px}#killfeed{color:#fff;transform:scale(var(--hud-scale));transform-origin:0 0;flex-direction:column;gap:5px;font-family:Courier New,Courier,monospace;font-size:16px;display:flex;position:absolute;top:20px;left:20px}#score{font-family:var(--title-font);color:var(--neon-blue);text-shadow:0 0 10px var(--neon-blue);text-align:right;transform:scale(var(--hud-scale));transform-origin:100% 0;font-size:20px;font-weight:700;position:absolute;top:190px;right:20px}#kills{font-family:var(--title-font);color:var(--neon-pink);text-shadow:0 0 10px var(--neon-pink);text-align:right;transform:scale(var(--hud-scale));transform-origin:100% 0;font-size:20px;font-weight:700;position:absolute;top:220px;right:20px}.killfeed-item{border-left:3px solid var(--neon-pink);white-space:nowrap;background:#0009;padding:5px 10px;animation:5s forwards fadeout}@keyframes fadeout{0%{opacity:1}80%{opacity:1}to{opacity:0}}#title-screen{pointer-events:auto;background:radial-gradient(circle,#1a1a2e 0%,#000 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.title-screen-hero{box-sizing:border-box;justify-content:center;align-items:flex-start;gap:36px;width:100%;margin-bottom:28px;padding:0;display:flex;position:relative}.title-screen-branding{flex-direction:column;flex:auto;justify-content:center;align-items:center;min-width:0;padding-top:12px;display:flex}.title-screen-branding h1{margin-bottom:-10px}.title-screen-branding .subtitle{margin-bottom:0}.title-screen-actions{transform:scale(var(--menu-scale));transform-origin:50%;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:4px;display:flex}#title-screen h1{font-family:var(--title-font);color:var(--neon-yellow);text-transform:uppercase;text-shadow:0 0 20px var(--neon-yellow), 0 0 40px var(--neon-yellow);letter-spacing:5px;transform:scale(var(--menu-scale));transform-origin:bottom;margin-bottom:-10px;font-size:100px}.subtitle{font-family:var(--title-font);color:var(--neon-pink);letter-spacing:10px;text-shadow:0 0 10px var(--neon-pink);transform:scale(var(--menu-scale));transform-origin:top;margin-bottom:60px;font-size:30px}#customization-panel{border:2px solid var(--neon-blue);text-align:left;width:400px;transform:scale(var(--menu-scale));transform-origin:50%;background:#0a0a0fd9;border-radius:10px;flex-direction:column;gap:15px;margin-bottom:30px;padding:30px;display:flex;box-shadow:0 0 20px #00f3ff4d}#player-name-input{border:1px solid var(--neon-blue);color:#fff;width:100%;font-family:var(--ui-font);text-align:center;background:#141414cc;border-radius:5px;padding:10px;font-size:18px;box-shadow:0 0 10px #00f3ff33}#player-name-input:disabled{opacity:.45;color:#888;cursor:not-allowed;box-shadow:none;border-color:#555}.custom-row{justify-content:space-between;align-items:center;display:flex}.custom-row label{color:#fff;font-size:16px;font-weight:700}.custom-row select,.custom-row input[type=color]{border:1px solid var(--neon-blue);color:#fff;font-family:var(--ui-font);cursor:pointer;background:#141414cc;border-radius:5px;outline:none;padding:5px 10px;font-size:14px}.custom-row input[type=color]{width:50px;height:30px;padding:0}.controls-info{text-align:center;color:#888;transform:scale(var(--menu-scale));transform-origin:top;margin-top:50px;line-height:1.8}#play-button{font-size:30px;font-family:var(--title-font);color:#fff;border:3px solid var(--neon-blue);cursor:pointer;text-transform:uppercase;background:0 0;border-radius:5px;padding:15px 50px;transition:all .2s;box-shadow:0 0 15px #00f3ff80,inset 0 0 15px #00f3ff80}#play-button:hover{background:var(--neon-blue);color:#000;box-shadow:0 0 30px #00f3ffcc,inset 0 0 30px #00f3ffcc}.controls-info{text-align:center;color:#888;margin-top:50px;line-height:1.8}#death-screen{pointer-events:auto;background:#96000080;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}#death-screen h1{font-family:var(--title-font);color:#fff;text-shadow:0 0 20px red;margin-bottom:20px;font-size:80px}#death-screen p{font-size:30px}.glitch{position:relative}.glitch:before,.glitch:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0}.glitch:before{text-shadow:-2px 0 red;clip:rect(44px, 450px, 56px, 0);animation:5s linear infinite alternate-reverse glitch-anim;left:2px}.glitch:after{text-shadow:-2px 0 #00f;clip:rect(44px, 450px, 56px, 0);animation:5s linear infinite alternate-reverse glitch-anim2;left:-2px}@keyframes glitch-anim{0%{clip:rect(79px, 9999px, 86px, 0)}5%{clip:rect(61px, 9999px, 51px, 0)}10%{clip:rect(78px, 9999px, 35px, 0)}15%{clip:rect(31px, 9999px, 42px, 0)}20%{clip:rect(98px, 9999px, 95px, 0)}25%{clip:rect(100px, 9999px, 73px, 0)}30%{clip:rect(75px, 9999px, 1px, 0)}35%{clip:rect(21px, 9999px, 90px, 0)}40%{clip:rect(43px, 9999px, 60px, 0)}45%{clip:rect(83px, 9999px, 10px, 0)}50%{clip:rect(2px, 9999px, 9px, 0)}55%{clip:rect(68px, 9999px, 53px, 0)}60%{clip:rect(7px, 9999px, 48px, 0)}65%{clip:rect(67px, 9999px, 94px, 0)}70%{clip:rect(65px, 9999px, 12px, 0)}75%{clip:rect(77px, 9999px, 11px, 0)}80%{clip:rect(54px, 9999px, 68px, 0)}85%{clip:rect(53px, 9999px, 83px, 0)}90%{clip:rect(3px, 9999px, 20px, 0)}95%{clip:rect(93px, 9999px, 57px, 0)}to{clip:rect(6px, 9999px, 73px, 0)}}@keyframes glitch-anim2{0%{clip:rect(65px, 9999px, 100px, 0)}5%{clip:rect(52px, 9999px, 74px, 0)}10%{clip:rect(79px, 9999px, 85px, 0)}15%{clip:rect(75px, 9999px, 5px, 0)}20%{clip:rect(67px, 9999px, 61px, 0)}25%{clip:rect(14px, 9999px, 79px, 0)}30%{clip:rect(1px, 9999px, 66px, 0)}35%{clip:rect(86px, 9999px, 30px, 0)}40%{clip:rect(23px, 9999px, 98px, 0)}45%{clip:rect(85px, 9999px, 72px, 0)}50%{clip:rect(71px, 9999px, 75px, 0)}55%{clip:rect(2px, 9999px, 48px, 0)}60%{clip:rect(30px, 9999px, 16px, 0)}65%{clip:rect(59px, 9999px, 50px, 0)}70%{clip:rect(41px, 9999px, 62px, 0)}75%{clip:rect(2px, 9999px, 82px, 0)}80%{clip:rect(47px, 9999px, 73px, 0)}85%{clip:rect(3px, 9999px, 27px, 0)}90%{clip:rect(26px, 9999px, 55px, 0)}95%{clip:rect(42px, 9999px, 97px, 0)}to{clip:rect(38px, 9999px, 49px, 0)}}#settings-panel{transform:scale(var(--menu-scale));transform-origin:50%}#pause-screen h1{transform:scale(var(--menu-scale));transform-origin:bottom}#btn-hud-settings,#btn-resume-game{transform:scale(var(--menu-scale));transform-origin:50%}#death-screen h1{transform:scale(var(--menu-scale));transform-origin:bottom}#death-screen p{transform:scale(var(--menu-scale));transform-origin:top}#highscore-screen h1{transform:scale(var(--menu-scale));transform-origin:bottom}#final-score-text,#high-score-text{transform:scale(var(--menu-scale));transform-origin:50%}#highscore-screen div{transform:scale(var(--menu-scale));transform-origin:top}.setting-row{flex-direction:column;margin-bottom:20px;display:flex}.setting-row label{color:#fff;font-size:18px;font-family:var(--ui-font);margin-bottom:8px}.setting-row span{color:var(--neon-pink);font-weight:700}.setting-row input[type=range]{-webkit-appearance:none;background:0 0;width:100%}.setting-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--neon-blue);cursor:pointer;width:20px;height:20px;box-shadow:0 0 10px var(--neon-blue);border-radius:50%;margin-top:-8px}.setting-row input[type=range]::-webkit-slider-runnable-track{cursor:pointer;background:#333;border-radius:2px;width:100%;height:4px}.setting-row input[type=range]:focus{outline:none}#news-pamphlet{width:300px;max-height:420px;transform:scale(var(--menu-scale));transform-origin:0 0;border:2px solid var(--neon-pink);z-index:20;font-family:var(--ui-font);box-shadow:0 0 25px #ff00ea59,inset 0 0 12px #ff00ea26;box-shadow:4px 0 0 0 var(--neon-pink), 0 0 25px #ff00ea59, inset 0 0 12px #ff00ea26;background:#0a0a0fd9;border-left:none;border-radius:0 8px 8px 0;flex-direction:column;flex:0 0 300px;margin-left:0;padding:20px;display:flex;position:relative;overflow-y:auto}#news-pamphlet::-webkit-scrollbar{display:none}.news-header{font-family:var(--title-font);letter-spacing:2px;justify-content:space-between;align-items:center;font-size:12px;display:flex}.news-header-tag{color:var(--neon-pink);text-shadow:0 0 5px var(--neon-pink);font-weight:900}.news-status{color:var(--neon-green);text-shadow:0 0 5px var(--neon-green);font-weight:700;animation:1.5s infinite blink}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.news-divider{background:linear-gradient(90deg, var(--neon-pink), transparent);height:2px;margin:10px 0 18px}.news-article-title{font-family:var(--title-font);color:var(--neon-yellow);text-shadow:0 0 8px #fffb0066;letter-spacing:1px;font-size:18px;font-weight:900;line-height:1.3}.news-article-date{color:#888;font-size:11px;font-family:var(--title-font);letter-spacing:1px;margin:4px 0 10px}.news-article-content{color:#e0e0e0;letter-spacing:.5px;font-size:13px;line-height:1.6;font-family:var(--ui-font);text-align:justify}.news-article-older{opacity:.65;border-top:1px dashed #ffffff26;margin-top:14px;padding-top:14px}.news-article-older .news-article-title{color:var(--neon-blue);font-size:14px}.news-article-older .news-article-date{font-size:10px}.news-article-older .news-article-content{font-size:11px}@media (width<=1000px){.title-screen-hero{flex-direction:column;align-items:center}#news-pamphlet{display:none!important}.title-screen-branding{padding-top:0}}#mobile-controls{z-index:99;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}#joystick-zone{pointer-events:auto;transform-origin:0 100%;z-index:10;touch-action:none;width:150px;height:150px;position:absolute;bottom:30px;left:30px}#dpad-container{width:100%;height:100%;position:relative}.dpad-btn{border:2px solid var(--neon-blue);color:#fff;cursor:pointer;background:#0a0a0fbf;border-radius:8px;outline:none;justify-content:center;align-items:center;width:50px;height:50px;font-family:inherit;font-size:20px;transition:background .1s,transform .1s,box-shadow .1s;display:flex;position:absolute;box-shadow:0 0 10px #00f3ff4d;pointer-events:auto!important}.dpad-btn:active,.dpad-btn.active{background:var(--neon-blue);color:#000;box-shadow:0 0 20px var(--neon-blue);transform:scale(.92)}#btn-dpad-up{top:0;left:50px}#btn-dpad-left{top:50px;left:0}#btn-dpad-right{top:50px;left:100px}#btn-dpad-down{top:100px;left:50px}#look-joystick-zone{pointer-events:auto;transform-origin:100% 100%;z-index:10;touch-action:none;background:#00f3ff03;border:1px dashed #00f3ff26;width:280px;height:280px;position:absolute;bottom:30px;right:250px}.resize-handle{background:var(--neon-pink);color:#fff;cursor:pointer;z-index:1010;width:32px;height:32px;box-shadow:0 0 15px var(--neon-pink);-webkit-user-select:none;user-select:none;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:none;position:absolute;pointer-events:auto!important}#mobile-controls.edit-mode .resize-handle{display:flex}#look-resize-left{cursor:ew-resize;top:50%;left:-16px;transform:translateY(-50%)}#look-resize-top{cursor:ns-resize;top:-16px;left:50%;transform:translate(-50%)}.mobile-btn-zone{transform-origin:100% 100%;pointer-events:auto;z-index:10;justify-content:center;align-items:center;display:flex;position:absolute}#mobile-controls.edit-mode .mobile-btn-zone{border:2px dashed var(--neon-pink);cursor:move;background:#ff00ea14;border-radius:8px;padding:6px;box-shadow:0 0 20px #ff00ea66,inset 0 0 10px #ff00ea1a}#zone-mobile-shoot{width:85px;height:85px}#zone-mobile-aim,#zone-mobile-jump,#zone-mobile-dash,#zone-mobile-gravity{width:60px;height:60px}.mobile-btn{pointer-events:auto;width:100%;height:100%;font-family:var(--title-font);cursor:pointer;text-transform:uppercase;touch-action:none;background:#0a0a0fcc;border-radius:50%;justify-content:center;align-items:center;font-weight:700;transition:transform .1s,box-shadow .1s;display:flex;position:relative}.mobile-btn:active{transform:scale(.9)}#btn-mobile-shoot{color:#ff007f;border:3px solid #ff007f;font-size:20px;box-shadow:0 0 20px #ff007f66,inset 0 0 10px #ff007f33}#btn-mobile-shoot:active{box-shadow:0 0 35px #ff007f,inset 0 0 15px #ff007f}#btn-mobile-aim{border:2px solid var(--neon-blue);color:var(--neon-blue);font-size:14px;box-shadow:0 0 15px #00f3ff66}#btn-mobile-aim.active{background:var(--neon-blue);color:#000;box-shadow:0 0 25px var(--neon-blue)}#btn-mobile-jump{border:2px solid var(--neon-yellow);color:var(--neon-yellow);font-size:14px;box-shadow:0 0 15px #fffb0066}#btn-mobile-dash{border:2px solid var(--neon-green);color:var(--neon-green);font-size:14px;box-shadow:0 0 15px #39ff1466}#btn-mobile-gravity{border:2px solid var(--neon-pink);color:var(--neon-pink);font-size:12px;box-shadow:0 0 15px #ff00ea66}#mobile-weapon-select-bar{pointer-events:auto;background:#0a0a0fd9;border:1px solid #ffffff26;border-radius:8px;gap:10px;padding:8px 15px;display:flex;position:absolute;top:60px;left:50%;transform:translate(-50%);box-shadow:0 4px 20px #00000080}.mobile-weapon-box{font-family:var(--title-font);color:#888;cursor:pointer;background:#0006;border:1px solid #0000;border-radius:4px;padding:6px 12px;font-size:13px;font-weight:700;transition:all .2s}.mobile-weapon-box.active{color:var(--neon-blue);border-color:var(--neon-blue);background:#00f3ff1a;box-shadow:0 0 10px #00f3ff4d}.mobile-only-btn{border:2px solid var(--neon-blue);color:#fff;cursor:pointer;z-index:110;background:#0a0a0fd9;border-radius:8px;justify-content:center;align-items:center;width:45px;height:45px;font-size:22px;display:flex;position:absolute;top:20px;left:20px;box-shadow:0 0 10px #00f3ff4d;pointer-events:auto!important}#settings-panel,.setting-row,.setting-row input,.setting-row label,#btn-hud-settings,#btn-resume-game{pointer-events:auto!important}#mobile-controls.edit-mode{background:#00000059;pointer-events:auto!important}#mobile-controls.edit-mode #joystick-zone,#mobile-controls.edit-mode #look-joystick-zone{border:2px dashed var(--neon-pink);cursor:move;background:#ff00ea14;box-shadow:0 0 25px #ff00ea66,inset 0 0 10px #ff00ea1a;pointer-events:auto!important}.edit-pill{border:1px solid var(--neon-pink);font-family:var(--title-font);z-index:1005;color:#fff;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#0a0a0ff2;border-radius:30px;align-items:center;gap:8px;padding:6px 14px;font-size:11px;display:flex;position:absolute;top:-45px;left:50%;transform:translate(-50%);box-shadow:0 0 15px #ff00ea66;pointer-events:auto!important}.pill-btn{background:var(--neon-pink);color:#000;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;font-weight:900;transition:transform .1s;display:flex;box-shadow:0 0 5px #ff00ea80}.pill-btn:active{transform:scale(.85)}#btn-hud-editor-save{border:2px solid var(--neon-pink);color:var(--neon-pink);font-family:var(--title-font);cursor:pointer;letter-spacing:1px;text-transform:uppercase;z-index:1200;pointer-events:auto;background:#0a0a0ff2;border-radius:8px;padding:12px 28px;font-size:14px;font-weight:700;transition:all .2s;position:absolute;top:20px;left:20px;box-shadow:0 0 15px #ff00ea66}#btn-hud-editor-save:hover{background:var(--neon-pink);color:#000;box-shadow:0 0 25px var(--neon-pink)}#btn-hud-editor-save:active{transform:scale(.95)}#customization-screen{z-index:50;pointer-events:auto;background:linear-gradient(160deg,#0a001a 0%,#000814 50%,#050020 100%);flex-direction:column;width:100%;height:100%;display:flex;position:absolute;top:0;left:0;overflow:hidden}#customization-screen:before{content:"";pointer-events:none;z-index:0;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00f3ff04 2px 4px);position:absolute;inset:0}#customization-screen:after{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#00f3ff0a 1px,#0000 1px),linear-gradient(90deg,#00f3ff0a 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0}.custom-screen-header{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0006;border-bottom:1px solid #00f3ff33;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 32px 14px;display:flex;position:relative}.custom-screen-title{flex-direction:column;gap:2px;display:flex}.custom-screen-tag{font-family:var(--title-font);letter-spacing:4px;color:var(--neon-pink);text-shadow:0 0 8px var(--neon-pink);opacity:.8;font-size:11px}.custom-screen-heading{font-family:var(--title-font);color:var(--neon-blue);text-shadow:0 0 20px var(--neon-blue), 0 0 40px #00f3ff4d;letter-spacing:6px;margin:0;font-size:36px;font-weight:900}.custom-back-btn{font-family:var(--title-font);letter-spacing:2px;color:var(--neon-pink);cursor:pointer;text-shadow:0 0 8px var(--neon-pink);background:#ff00ea14;border:1px solid #ff00ea80;border-radius:4px;padding:8px 20px;font-size:13px;font-weight:700;transition:all .2s;box-shadow:0 0 10px #ff00ea33}.custom-back-btn:hover{background:var(--neon-pink);color:#000;box-shadow:0 0 20px var(--neon-pink);text-shadow:none}.custom-screen-body{z-index:10;flex:1;gap:0;display:flex;position:relative;overflow:hidden}.custom-preview-wrap{background:#00001e4d;border-right:1px solid #00f3ff26;flex-direction:column;flex-shrink:0;justify-content:stretch;align-items:center;width:360px;min-width:300px;padding:20px 0 0;display:flex}.custom-preview-label{font-family:var(--title-font);letter-spacing:4px;color:var(--neon-blue);opacity:.6;margin-bottom:10px;font-size:10px}#customization-preview-canvas{background:0 0;flex:1;width:100%;min-height:0;display:block}.custom-preview-bar{background:#0006;border-top:1px solid #00f3ff26;flex-direction:column;flex-shrink:0;gap:8px;width:100%;padding:12px 16px;display:flex}#preview-weapon-label{font-family:var(--title-font);letter-spacing:3px;color:#fff6;font-size:11px}.preview-weapon-tabs{gap:6px;display:flex}.preview-weapon-tab{font-family:var(--title-font);letter-spacing:1px;color:#00f3ff80;cursor:pointer;background:#00f3ff0d;border:1px solid #00f3ff33;border-radius:3px;flex:1;padding:5px 4px;font-size:10px;transition:all .15s}.preview-weapon-tab.active,.preview-weapon-tab:hover{border-color:var(--neon-blue);color:var(--neon-blue);text-shadow:0 0 6px var(--neon-blue);background:#00f3ff26;box-shadow:0 0 8px #00f3ff33}.custom-options-panel{flex-direction:column;flex:1;gap:20px;padding:24px 28px;display:flex;overflow-y:auto}.custom-options-panel::-webkit-scrollbar{width:4px}.custom-options-panel::-webkit-scrollbar-track{background:0 0}.custom-options-panel::-webkit-scrollbar-thumb{background:#00f3ff4d;border-radius:2px}.custom-section{background:#00f3ff08;border:1px solid #00f3ff1f;border-radius:8px;flex-direction:column;gap:14px;padding:16px 20px;display:flex}.custom-section-title{font-family:var(--title-font);letter-spacing:4px;color:var(--neon-blue);text-shadow:0 0 8px var(--neon-blue);opacity:.8;border-bottom:1px solid #00f3ff26;margin-bottom:2px;padding-bottom:10px;font-size:11px}.custom-field{flex-direction:column;gap:6px;display:flex}.custom-label{font-family:var(--title-font);letter-spacing:2px;color:#ffffff80;font-size:11px}.custom-input{color:var(--neon-blue);font-family:var(--title-font);letter-spacing:2px;background:#00000080;border:1px solid #00f3ff40;border-radius:4px;outline:none;width:100%;padding:9px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.custom-input:focus{border-color:var(--neon-blue);box-shadow:0 0 12px #00f3ff40}.custom-input::placeholder{color:#00f3ff40}.custom-color-row{align-items:center;gap:12px;display:flex}.custom-color-swatch{cursor:pointer;background:0 0;border:2px solid #00f3ff66;border-radius:6px;flex-shrink:0;width:44px;height:44px;padding:2px;box-shadow:0 0 10px #00f3ff33}.custom-color-row-rgb{align-items:flex-start}.custom-color-swatch-large{width:56px;height:56px}.custom-color-hint{color:#ffffff73;letter-spacing:.3px;flex:1;font-size:12px;line-height:1.45}.color-presets{flex-wrap:wrap;gap:6px;display:flex}.color-preset{cursor:pointer;border:2px solid #0000;border-radius:50%;flex-shrink:0;width:24px;height:24px;transition:transform .15s,box-shadow .15s}.color-preset:hover{border-color:#fff;transform:scale(1.25);box-shadow:0 0 10px}.color-preset.selected{border-color:#fff;transform:scale(1.15);box-shadow:0 0 12px #fff9}.custom-toggle-field{flex-direction:row;justify-content:space-between;align-items:center}.custom-toggle{cursor:pointer;flex-shrink:0;width:50px;height:26px;display:inline-block;position:relative}.custom-toggle input{opacity:0;width:0;height:0}.custom-toggle-slider{background:#0009;border:1px solid #00f3ff4d;border-radius:26px;transition:background .2s,border-color .2s;position:absolute;inset:0}.custom-toggle-slider:before{content:"";background:#00f3ff66;border-radius:50%;width:18px;height:18px;transition:transform .2s,background .2s;position:absolute;top:3px;left:3px}.custom-toggle input:checked+.custom-toggle-slider{border-color:var(--neon-blue);background:#00f3ff26;box-shadow:0 0 10px #00f3ff4d}.custom-toggle input:checked+.custom-toggle-slider:before{background:var(--neon-blue);box-shadow:0 0 8px var(--neon-blue);transform:translate(24px)}.custom-select-wrap{position:relative}.custom-select{appearance:none;width:100%;color:var(--neon-blue);font-family:var(--title-font);letter-spacing:1px;cursor:pointer;background:#00000080 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='7'%3E%3Cpath d='M0 0l6 7 6-7z' fill='%2300f3ff'/%3E%3C/svg%3E") right 12px center no-repeat;border:1px solid #00f3ff40;border-radius:4px;outline:none;padding:9px 36px 9px 14px;font-size:13px;transition:border-color .2s}.custom-select:focus{border-color:var(--neon-blue);box-shadow:0 0 12px #00f3ff40}.custom-select option{color:#fff;background:#0a0a1a}.custom-skin-grid{gap:10px;display:flex}.custom-skin-card{cursor:pointer;background:#0006;border:1px solid #00f3ff26;border-radius:6px;flex-direction:column;flex:1;align-items:center;gap:8px;padding:14px 10px;transition:all .2s;display:flex}.custom-skin-card:hover{background:#00f3ff12;border-color:#00f3ff80}.custom-skin-card.active{border-color:var(--neon-blue);background:#00f3ff1a;box-shadow:0 0 14px #00f3ff33,inset 0 0 8px #00f3ff0d}.skin-card-icon{font-size:28px;line-height:1}.skin-card-name{font-family:var(--title-font);letter-spacing:1px;color:#fff9;text-align:center;font-size:10px}.custom-skin-card.active .skin-card-name{color:var(--neon-blue);text-shadow:0 0 6px var(--neon-blue)}.custom-save-btn{border:1px solid var(--neon-pink);width:100%;color:var(--neon-pink);font-family:var(--title-font);letter-spacing:3px;cursor:pointer;text-shadow:0 0 8px var(--neon-pink);background:linear-gradient(135deg,#ff00ea26,#00f3ff1a);border-radius:6px;justify-content:center;align-items:center;gap:10px;margin-top:4px;padding:14px 0;font-size:15px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 0 15px #ff00ea33}.custom-save-btn:hover{background:linear-gradient(135deg,#ff00ea66,#00f3ff33);box-shadow:0 0 25px #ff00ea66}.custom-save-btn:active{transform:scale(.98)}.save-btn-icon{font-size:12px;animation:1.5s infinite pulse-btn}@keyframes pulse-btn{0%,to{opacity:1}50%{opacity:.4}}#interaction-prompt{border:1px solid var(--neon-blue);color:var(--neon-blue);font-family:var(--title-font);letter-spacing:2px;pointer-events:none;z-index:200;background:#000000b3;border-radius:4px;padding:8px 18px;font-size:14px;position:absolute;bottom:30%;left:50%;transform:translate(-50%)}#auth-widget{z-index:500;pointer-events:auto;align-items:center;gap:10px;display:flex;position:absolute;top:18px;right:22px}.auth-login-btn{border:2px solid var(--neon-blue);color:var(--neon-blue);font-family:var(--title-font);letter-spacing:2px;cursor:pointer;text-shadow:0 0 8px var(--neon-blue);background:0 0;border-radius:4px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:700;transition:background .2s,box-shadow .2s,color .2s;display:flex;box-shadow:0 0 12px #00f3ff40,inset 0 0 8px #00f3ff1a}.auth-login-btn:hover{background:#00f3ff1f;box-shadow:0 0 22px #00f3ff80,inset 0 0 14px #00f3ff33}.auth-btn-icon{font-size:15px}.auth-profile{align-items:center;display:flex;position:relative}.auth-avatar-btn{border:2px solid var(--neon-pink);cursor:pointer;background:#0a0a0fe6;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:box-shadow .2s,transform .15s;display:flex;position:relative;overflow:hidden;box-shadow:0 0 14px #ff00ea80,inset 0 0 8px #ff00ea26}.auth-avatar-btn:hover{transform:scale(1.07);box-shadow:0 0 24px #ff00eacc,inset 0 0 12px #ff00ea4d}#auth-avatar-img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:none;position:absolute;inset:0}#auth-avatar-initials{font-family:var(--title-font);color:var(--neon-pink);text-shadow:0 0 8px var(--neon-pink);letter-spacing:1px;pointer-events:none;z-index:1;font-size:15px;font-weight:900;position:relative}.auth-dropdown{border:2px solid var(--neon-pink);pointer-events:auto;background:#08080ef7;border-radius:8px;flex-direction:column;gap:8px;min-width:220px;padding:16px 18px 14px;animation:.2s cubic-bezier(.25,.8,.25,1) authDropIn;display:flex;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 0 28px #ff00ea73,inset 0 0 14px #ff00ea1a}@keyframes authDropIn{0%{opacity:0;transform:translateY(-8px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-dropdown-name{font-family:var(--title-font);color:var(--neon-yellow);text-shadow:0 0 8px #fffb0080;letter-spacing:2px;white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:900;overflow:hidden}.auth-dropdown-email{font-family:var(--ui-font);color:#888;letter-spacing:1px;white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.auth-dropdown-divider{background:linear-gradient(90deg, var(--neon-pink), transparent);height:1px;margin:4px 0}.auth-signout-btn,.auth-dd-signout{font-family:var(--title-font);letter-spacing:2px;cursor:pointer;text-align:center;background:0 0;border-radius:4px;width:100%;padding:7px 14px;font-size:12px;font-weight:700;transition:background .15s,box-shadow .15s;color:#ff4040!important;text-shadow:0 0 6px #ff404099!important;border:2px solid #ff4040!important;box-shadow:0 0 10px #ff404033!important}.auth-signout-btn:hover,.auth-dd-signout:hover{background:#ff40401f!important;box-shadow:0 0 18px #ff404073!important}.auth-dd-item{color:#fffc;font-family:var(--title-font);letter-spacing:1.5px;cursor:pointer;text-align:left;box-sizing:border-box;background:0 0;border:1px solid #ff00ea33;border-radius:4px;align-items:center;gap:8px;width:100%;padding:8px 12px;font-size:11px;font-weight:700;transition:all .15s;display:flex}.auth-dd-item:hover{border-color:var(--neon-pink);color:var(--neon-pink);text-shadow:0 0 6px var(--neon-pink);background:#ff00ea14;box-shadow:0 0 10px #ff00ea33}.auth-dd-item:active{transform:scale(.98)}.auth-promo-section{flex-direction:column;gap:6px;display:flex}.auth-promo-row,.custom-promo-row{align-items:stretch;gap:8px;display:flex}.auth-promo-input,.custom-promo-input{flex:1;min-width:0}.auth-promo-redeem-btn,.custom-promo-redeem-btn{color:var(--neon-blue);font-family:var(--title-font);letter-spacing:1px;cursor:pointer;white-space:nowrap;background:#00f3ff14;border:1.5px solid #00f3ff73;border-radius:4px;padding:0 12px;font-size:10px;font-weight:700;transition:all .15s}.auth-promo-redeem-btn:hover,.custom-promo-redeem-btn:hover{background:#00f3ff26;box-shadow:0 0 10px #00f3ff40}.auth-promo-label{font-family:var(--title-font);letter-spacing:2px;color:#888;font-size:9px}.auth-promo-input{color:#fff;font-family:var(--ui-font);letter-spacing:1px;background:#00000080;border:1px solid #ff00ea40;border-radius:4px;padding:7px 10px;font-size:12px}.auth-promo-msg,.custom-promo-msg{font-family:var(--ui-font);letter-spacing:.5px;color:#888;min-height:14px;font-size:11px}.auth-promo-msg.success,.custom-promo-msg.success{color:#39ff14}.auth-promo-msg.error,.custom-promo-msg.error{color:#f44}.auth-promo-msg.pending,.custom-promo-msg.pending{color:var(--neon-blue)}#auth-modal-overlay{z-index:9000;-webkit-backdrop-filter:blur(14px);background:#000000a6;justify-content:center;align-items:center;animation:.3s authOverlayIn;display:flex;position:fixed;inset:0}@keyframes authOverlayIn{0%{opacity:0}to{opacity:1}}.auth-modal-box{border:2px solid var(--neon-pink);background:#08080ef7;border-radius:12px;flex-direction:column;gap:14px;width:360px;max-width:95vw;padding:36px 40px 32px;animation:.32s cubic-bezier(.25,.8,.25,1) authModalIn;display:flex;box-shadow:0 0 40px #ff00ea80,inset 0 0 20px #ff00ea14}@keyframes authModalIn{0%{opacity:0;transform:scale(.9)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.auth-modal-title{font-family:var(--title-font);color:var(--neon-blue);text-shadow:0 0 12px var(--neon-blue);letter-spacing:3px;text-align:center;margin-bottom:4px;font-size:22px;font-weight:900}.auth-modal-subtitle{font-family:var(--ui-font);color:#666;text-align:center;letter-spacing:1px;margin-top:-8px;font-size:12px}.auth-modal-divider{background:linear-gradient(90deg, transparent, var(--neon-pink), transparent);height:1px;margin:4px 0}.auth-modal-input{color:#fff;width:100%;font-family:var(--ui-font);box-sizing:border-box;letter-spacing:1px;background:#14141ee6;border:1px solid #00f3ff4d;border-radius:6px;outline:none;padding:10px 14px;font-size:14px;transition:border-color .2s,box-shadow .2s}.auth-modal-input:focus{border-color:var(--neon-blue);box-shadow:0 0 10px #00f3ff4d}.auth-modal-input::placeholder{color:#444}.auth-modal-btn-primary{border:2px solid var(--neon-blue);width:100%;color:var(--neon-blue);font-family:var(--title-font);letter-spacing:2px;cursor:pointer;text-shadow:0 0 8px var(--neon-blue);background:0 0;border-radius:6px;padding:11px;font-size:14px;font-weight:700;transition:background .2s,box-shadow .2s;box-shadow:0 0 14px #00f3ff40,inset 0 0 8px #00f3ff1a}.auth-modal-btn-primary:hover{background:#00f3ff1f;box-shadow:0 0 24px #00f3ff80}.auth-modal-btn-google{border:2px solid var(--neon-yellow);width:100%;color:var(--neon-yellow);font-family:var(--title-font);letter-spacing:2px;cursor:pointer;text-shadow:0 0 8px #fffb0080;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:10px;padding:11px;font-size:14px;font-weight:700;transition:background .2s,box-shadow .2s;display:flex;box-shadow:0 0 14px #fffb0033,inset 0 0 8px #fffb000d}.auth-modal-btn-google:hover{background:#fffb0014;box-shadow:0 0 22px #fffb0066}.auth-modal-toggle{font-family:var(--ui-font);color:#666;text-align:center;cursor:pointer;letter-spacing:1px;font-size:12px;transition:color .2s}.auth-modal-toggle span{color:var(--neon-pink);cursor:pointer;text-decoration:underline}.auth-modal-toggle:hover{color:#999}.auth-modal-error{font-family:var(--ui-font);color:#f55;text-align:center;letter-spacing:.5px;min-height:16px;font-size:12px}.auth-modal-info{font-family:var(--ui-font);color:var(--neon-green);text-align:center;letter-spacing:.5px;min-height:16px;text-shadow:0 0 6px var(--neon-green);font-size:12px}.custom-avatar-upload-row{align-items:center;gap:16px;margin-top:6px;display:flex}.custom-avatar-preview-container{background:#00000080;border:2px solid #00f3ff66;border-radius:8px;justify-content:center;align-items:center;width:64px;height:64px;display:flex;position:relative;overflow:hidden;box-shadow:0 0 10px #00f3ff33}.custom-avatar-preview-container img{object-fit:cover;width:100%;height:100%}#custom-avatar-preview-placeholder{font-family:var(--title-font);color:#ffffff4d;font-size:14px;font-weight:700}.custom-avatar-upload-controls{flex-direction:column;gap:8px;display:flex}.custom-file-upload-btn{font-family:var(--title-font);color:var(--neon-blue);cursor:pointer;text-align:center;letter-spacing:1px;background:#00f3ff14;border:1px solid #00f3ff66;border-radius:4px;padding:8px 16px;font-size:11px;font-weight:700;transition:all .15s}.custom-file-upload-btn:hover{border-color:var(--neon-blue);text-shadow:0 0 5px var(--neon-blue);background:#00f3ff33;box-shadow:0 0 8px #00f3ff40}.custom-avatar-remove-btn{font-family:var(--title-font);color:var(--neon-pink);cursor:pointer;text-align:center;letter-spacing:1px;background:#ff00ea0d;border:1px solid #ff00ea33;border-radius:4px;padding:6px 12px;font-size:10px;font-weight:700;transition:all .15s}.custom-avatar-remove-btn:hover{border-color:var(--neon-pink);text-shadow:0 0 5px var(--neon-pink);background:#ff00ea26;box-shadow:0 0 8px #ff00ea40}#auth-widget{align-items:center;gap:16px;display:flex}.shells-loading{opacity:.55;animation:1.2s ease-in-out infinite shellPulse}@keyframes shellPulse{0%,to{opacity:.45}50%{opacity:.9}}.auth-shells{font-family:var(--title-font);color:#ff00ea;text-shadow:0 0 8px #ff00eacc;letter-spacing:1px;background:#00000073;border:1px solid #ff00ea73;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:15px;font-weight:700;display:flex;box-shadow:0 0 10px #ff00ea26}.shells-auth-icon{object-fit:contain;filter:drop-shadow(0 0 4px #ff00eacc);width:18px;height:18px}#shells-hud{font-family:var(--title-font);color:#ff00ea;text-shadow:0 0 10px #ff00ea;text-align:right;transform:scale(var(--hud-scale));transform-origin:100% 0;background:#00000059;border:1px solid #ff00ea59;border-radius:4px;align-items:center;gap:10px;padding:4px 10px;font-size:20px;font-weight:700;display:flex;position:absolute;top:250px;right:20px}.shells-hud-icon{object-fit:contain;filter:drop-shadow(0 0 5px #ff00eae6);width:22px;height:22px}#shells-notification-container{pointer-events:none;width:180px;height:300px;transform:scale(var(--hud-scale));transform-origin:100% 0;position:absolute;top:250px;right:20px;overflow:visible}.shell-float-notification{font-family:var(--title-font);color:#ffef00;text-shadow:0 0 10px #ffef00;opacity:1;align-items:center;gap:8px;font-size:20px;font-weight:700;animation:1.4s cubic-bezier(.25,1,.5,1) forwards shellFloatFade;display:flex;position:absolute;right:0}.shell-float-icon{object-fit:contain;filter:drop-shadow(0 0 5px #ff00eae6);width:20px;height:20px}@keyframes shellFloatFade{0%{opacity:0;transform:translateY(-20px)}10%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(40px)}}.custom-shop-btn{border:2px solid var(--neon-pink);width:100%;color:var(--neon-pink);font-family:var(--title-font);letter-spacing:2px;cursor:pointer;text-shadow:0 0 8px var(--neon-pink);background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:10px;margin-bottom:12px;padding:12px;font-size:14px;font-weight:700;transition:all .2s;display:flex;box-shadow:0 0 14px #ff00ea33,inset 0 0 8px #ff00ea0d}.custom-shop-btn:hover{background:#ff00ea1f;box-shadow:0 0 24px #ff00ea73}.custom-loadout-panel{flex-direction:column;flex:1;gap:20px;display:flex}.shop-inline-panel{flex-direction:column;flex:1;min-height:0;animation:.2s ease-out fadeIn;display:flex}.shop-container-inline{flex:1;min-height:0}.shop-inline-panel .shop-sidebar{width:180px;padding:16px 10px}.shop-inline-panel .shop-cat-btn{padding:12px;font-size:11px}.shop-inline-panel .shop-content-area{padding:16px 18px}.shop-inline-panel .shop-header{padding:14px 18px}.shop-inline-panel .shop-heading{font-size:20px}.shop-container{background:#0a0a1299;border:2px solid #ff00ea4d;border-radius:12px;flex-direction:column;width:100%;height:100%;min-height:480px;display:flex;overflow:hidden;box-shadow:0 0 35px #ff00ea26,inset 0 0 20px #00f3ff0d}.shop-header{background:#05050a80;border-bottom:1.5px solid #ff00ea33;justify-content:space-between;align-items:center;padding:20px 30px;display:flex}.shop-title-wrap{flex-direction:column;display:flex}.shop-tag{font-family:var(--ui-font);color:var(--neon-pink);letter-spacing:2.5px;text-shadow:0 0 5px #ff00ea80;font-size:11px}.shop-heading{font-family:var(--title-font);color:#fff;letter-spacing:2px;text-shadow:0 0 10px #fff3;margin:4px 0 0;font-size:26px}.shop-header-right{align-items:center;gap:25px;display:flex}.shop-shells-display{font-family:var(--title-font);color:#ff00ea;text-shadow:0 0 10px #ff00ea;background:#0000008c;border:1.5px solid #ff00ea66;border-radius:8px;align-items:center;gap:10px;padding:8px 18px;font-size:18px;font-weight:700;display:flex;box-shadow:0 0 15px #ff00ea1a}.shop-shells-icon{object-fit:contain;filter:drop-shadow(0 0 5px #ff00eae6);width:22px;height:22px}.shop-close-btn{color:#ccc;font-family:var(--title-font);letter-spacing:1.5px;cursor:pointer;background:0 0;border:1.5px solid #ffffff4d;border-radius:4px;padding:8px 18px;font-size:12px;font-weight:700;transition:all .15s}.shop-close-btn:hover{color:#fff;background:#ffffff14;border-color:#fff}.shop-body{flex:1;display:flex;overflow:hidden}.shop-sidebar{background:#05050a66;border-right:1.5px solid #ff00ea26;flex-direction:column;gap:10px;width:240px;padding:25px 15px;display:flex}.shop-cat-btn{color:#999;font-family:var(--title-font);text-align:left;cursor:pointer;letter-spacing:1px;background:0 0;border:1px solid #0000;border-radius:6px;padding:14px 18px;font-size:13px;font-weight:700;transition:all .2s}.shop-cat-btn:hover{color:#fff;background:#ff00ea0f;border-color:#ff00ea33}.shop-cat-btn.active{color:var(--neon-pink);text-shadow:0 0 6px var(--neon-pink);background:#ff00ea1f;border-color:#ff00ea80;box-shadow:0 0 10px #ff00ea1a}.shop-content-area{background:#0a0a1440;flex-direction:column;flex:1;padding:25px 30px;display:flex;overflow-y:auto}.shop-subcategories{border-bottom:1px solid #ffffff14;min-height:40px;margin-bottom:20px;padding-bottom:12px}.subcat-group{gap:12px;display:flex}.shop-subcat-btn{color:#aaa;font-family:var(--title-font);cursor:pointer;letter-spacing:1px;background:#ffffff08;border:1px solid #ffffff26;border-radius:20px;padding:8px 16px;font-size:11px;font-weight:700;transition:all .15s}.shop-subcat-btn:hover{color:#fff;background:#ffffff14;border-color:#ffffff4d}.shop-subcat-btn.active{color:var(--neon-blue);text-shadow:0 0 6px var(--neon-blue);background:#00f3ff14;border-color:#00f3ff80;box-shadow:0 0 8px #00f3ff26}.shop-items-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));align-content:start;gap:20px;display:grid}.shop-item-card{background:#00000073;border:1.5px solid #ffffff14;border-radius:8px;flex-direction:column;align-items:center;padding:16px;transition:all .2s;display:flex;position:relative;box-shadow:0 4px 10px #0000004d}.shop-item-card:hover{border-color:#ff00ea59;transform:translateY(-4px);box-shadow:0 6px 18px #ff00ea26}.shop-item-card.owned{border-color:#00f3ff40}.shop-item-icon{background:#ffffff08;border:1.5px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;width:72px;height:72px;margin-top:10px;margin-bottom:15px;display:flex;position:relative;overflow:hidden}.shop-item-placeholder-img{object-fit:contain;opacity:.85;width:56px;height:56px}.shop-item-name{font-family:var(--title-font);color:#fff;text-align:center;letter-spacing:.5px;margin-bottom:12px;font-size:13px;font-weight:700}.shop-item-footer{flex-direction:column;gap:8px;width:100%;margin-top:auto;display:flex}.shop-item-price{font-family:var(--title-font);color:#ff00ea;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.shop-item-price-icon{object-fit:contain;filter:drop-shadow(0 0 2px #ff00eab3);width:15px;height:15px}.shop-buy-btn{width:100%;color:var(--neon-pink);font-family:var(--title-font);cursor:pointer;letter-spacing:1px;background:#ff00ea14;border:1px solid #ff00ea73;border-radius:4px;padding:8px;font-size:11px;font-weight:700;transition:all .15s}.shop-buy-btn:hover{text-shadow:0 0 4px var(--neon-pink);background:#ff00ea2e;box-shadow:0 0 8px #ff00ea40}.shop-buy-btn.owned-btn{color:var(--neon-blue);cursor:default;background:#00f3ff0d;border-color:#00f3ff4d}.custom-preview-wrap{position:relative}.preview-zoom-controls{z-index:5;align-items:center;gap:6px;display:flex;position:absolute;bottom:72px;left:12px}.preview-zoom-btn{width:28px;height:28px;color:var(--neon-blue);font-family:var(--title-font);cursor:pointer;background:#0000008c;border:1px solid #00f3ff80;border-radius:4px;font-size:16px;line-height:1}.preview-zoom-label{font-family:var(--title-font);color:#aaa;text-align:center;min-width:36px;font-size:10px}.custom-color-glow-row{align-items:center;gap:16px;display:flex}.custom-eye-glow-wrap{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.custom-label-inline{margin-bottom:0!important}.hat-reverse-label{font-family:var(--title-font);letter-spacing:1px;color:#fff;cursor:pointer;align-items:center;gap:10px;margin-top:10px;font-size:11px;display:flex}.hat-reverse-label.disabled{color:#666;cursor:not-allowed}.hat-reverse-label input{display:none}.hat-reverse-box{background:#fff;border:2px solid #fff;border-radius:3px;width:16px;height:16px;display:inline-block}.hat-reverse-label.disabled .hat-reverse-box{background:#444;border-color:#555}.hat-debug-panel{background:#fffb000a;border:1px dashed #fffb0059;border-radius:6px;margin-top:12px;padding:10px}.hat-debug-title{font-family:var(--title-font);letter-spacing:2px;color:var(--neon-yellow);margin-bottom:8px;font-size:9px}.hat-debug-grid{color:#aaa;grid-template-columns:repeat(3,1fr);gap:8px;font-size:10px;display:grid}.hat-debug-input{color:#fff;background:#00000080;border:1px solid #ffffff26;width:100%;margin-top:2px;padding:4px;font-size:11px}.hat-debug-actions{gap:8px;margin-top:10px;display:flex}.hat-debug-btn{font-family:var(--title-font);letter-spacing:1px;color:var(--neon-yellow);cursor:pointer;background:#00000080;border:1px solid #fffb0066;flex:1;padding:6px 8px;font-size:9px}.hat-debug-paste-area{color:#ccc;resize:vertical;background:#0000008c;border:1px solid #ffffff1f;width:100%;margin-top:8px;padding:6px;font-family:monospace;font-size:10px}.hat-debug-msg{letter-spacing:1px;color:#888;margin-top:6px;font-size:10px}.hat-debug-msg.success{color:#39ff14}.hat-debug-msg.error{color:#f44}.achievements-list{flex-direction:column;gap:10px;display:flex}.achievement-row{background:#00000040;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:12px;padding:10px 12px;display:flex}.achievement-row.unlocked{border-color:#39ff1459}.achievement-row.locked{opacity:.65}.achievement-row-icon img{object-fit:contain;width:36px;height:36px}.achievement-row-body{flex:1;min-width:0}.achievement-row-title{font-family:var(--title-font);color:#fff;letter-spacing:.5px;font-size:11px}.achievement-row-sub{color:#888;margin-top:2px;font-size:10px}.achievement-row-reward{color:#ff00ea;margin-top:4px;font-size:10px}.achievement-row-status{font-family:var(--title-font);letter-spacing:1px;color:var(--neon-blue);font-size:9px}.achievement-row.locked .achievement-row-status{color:#666}#achievement-toast-container{z-index:25;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:absolute;top:50%;left:24px;transform:translateY(-50%)}.achievement-toast{opacity:0;background:#000000e0;border:1px solid #ffffff26;border-radius:4px;align-items:center;gap:12px;min-width:280px;max-width:360px;padding:10px 14px;transition:opacity .35s,transform .35s;display:flex;transform:translate(-30px);box-shadow:0 4px 20px #0009}.achievement-toast.visible{opacity:1;transform:translate(0)}.achievement-toast-icon{object-fit:contain;background:#ffffff0f;border-radius:4px;width:48px;height:48px;padding:4px}.achievement-toast-label{font-family:var(--ui-font);color:#ccc;font-size:12px}.achievement-toast-title{font-family:var(--title-font);color:#fff;letter-spacing:.5px;margin-top:2px;font-size:13px}.shop-mode-tabs{gap:10px;margin-bottom:14px;display:flex}.shop-mode-btn{color:#aaa;font-family:var(--title-font);letter-spacing:1.5px;cursor:pointer;background:#ffffff0a;border:1px solid #fff3;border-radius:4px;padding:8px 20px;font-size:11px;font-weight:700}.shop-mode-btn.active{color:var(--neon-pink);background:#ff00ea1a;border-color:#ff00ea80}.shop-empty-msg{color:#555;font-family:var(--title-font);letter-spacing:1px;padding:20px}.shop-item-free{color:var(--neon-blue);justify-content:center}.shop-confirm-modal{z-index:2000;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.shop-confirm-box{border:2px solid var(--neon-pink);text-align:center;background:#0a0a12f2;border-radius:10px;min-width:320px;padding:28px 32px;box-shadow:0 0 30px #ff00ea4d}.shop-confirm-title{font-family:var(--title-font);color:var(--neon-pink);letter-spacing:2px;margin-bottom:16px;font-size:16px}.shop-confirm-item{font-family:var(--title-font);color:#fff;margin-bottom:10px;font-size:14px}.shop-confirm-price{color:#ff00ea;font-family:var(--title-font);justify-content:center;align-items:center;gap:8px;margin-bottom:20px;display:flex}.shop-confirm-actions{justify-content:center;gap:12px;display:flex}.shop-confirm-yes,.shop-confirm-no{font-family:var(--title-font);letter-spacing:1px;cursor:pointer;border-radius:4px;padding:10px 20px;font-size:11px;font-weight:700}.shop-confirm-yes{border:1px solid var(--neon-pink);color:var(--neon-pink);background:#ff00ea26}.shop-confirm-no{color:#aaa;background:0 0;border:1px solid #666}.shop-purchase-glow{transition:box-shadow .3s;border-color:#fff!important;box-shadow:0 0 30px #ffffffe6,0 0 60px #fff6!important}.shop-fly-clone{z-index:3000;pointer-events:none;transition:left .6s,top .6s,transform .6s,opacity .6s;position:fixed}.shop-confetti-piece{z-index:2999;pointer-events:none;width:8px;height:8px;animation:.85s ease-out forwards confettiBurst;position:fixed}@keyframes confettiBurst{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(var(--dx), var(--dy)) rotate(360deg)}}.shop-item-rarity{font-family:var(--title-font);letter-spacing:1px;background:#000000a6;border-radius:3px;padding:2px 6px;font-size:8px;position:absolute;top:8px;right:8px}.rarity-common,.rarity-glow-common{color:#b8b8b8}.rarity-rare,.rarity-glow-rare{color:#7ec8ff}.rarity-unique,.rarity-glow-unique{color:gold}.rarity-legendary,.rarity-glow-legendary{color:#ff9500}.rarity-mythic,.rarity-glow-mythic{color:#ff00ea}.rarity-limited,.rarity-glow-limited{color:#ff69b4}.rarity-boss,.rarity-glow-boss{color:#b366ff}.shop-item-card.rarity-common,.rarity-glow-common{box-shadow:0 0 12px #b8b8b840}.shop-item-card.rarity-rare,.rarity-glow-rare{box-shadow:0 0 14px #7ec8ff59}.shop-item-card.rarity-unique,.rarity-glow-unique{box-shadow:0 0 16px #ffd70066}.shop-item-card.rarity-legendary,.rarity-glow-legendary{animation:2s ease-in-out infinite legendaryPulse}.shop-item-card.rarity-mythic,.rarity-glow-mythic{animation:3s linear infinite mythicRainbow}.shop-item-card.rarity-limited,.rarity-glow-limited{box-shadow:0 0 18px #ff69b48c}.shop-item-card.rarity-boss,.rarity-glow-boss{box-shadow:0 0 18px #b366ff8c}.shop-item-card.rarity-legendary:after,.shop-item-icon.rarity-glow-legendary:after{content:"";border-radius:inherit;pointer-events:none;background:radial-gradient(circle at 50% 110%,#ff780073,#0000 55%);animation:1.2s ease-in-out infinite alternate fireFlicker;position:absolute;inset:-4px}.shop-item-icon.rarity-glow-legendary:after{inset:-2px}@keyframes legendaryPulse{0%,to{filter:none;box-shadow:0 0 14px #ff780073}50%{box-shadow:0 0 22px #ffdc00a6}}@keyframes fireFlicker{0%{opacity:.35;transform:translateY(0)}to{opacity:.75;transform:translateY(-3px)}}@keyframes mythicRainbow{0%{filter:hue-rotate();box-shadow:0 0 16px #ff000080}25%{box-shadow:0 0 16px #00ff0080}50%{filter:hue-rotate(180deg);box-shadow:0 0 16px #0064ff80}75%{box-shadow:0 0 16px #ff00ff80}to{filter:hue-rotate(360deg);box-shadow:0 0 16px #ff000080}}.rarity-glow-mythic{animation:3s linear infinite mythicRainbow}.rarity-mythic{animation:3s linear infinite mythicText}@keyframes mythicText{0%{color:#ff0080}33%{color:#00f3ff}66%{color:gold}to{color:#ff0080}}.inventory-sort-options{gap:8px;margin-bottom:12px;display:flex}.inv-sort-btn{color:#888;font-family:var(--title-font);cursor:pointer;letter-spacing:1.5px;background:#141414b3;border:1px solid #ff00ea4d;border-radius:4px;flex:1;padding:8px 12px;font-size:13px;font-weight:700;transition:all .25s ease-out}.inv-sort-btn:hover{color:#fff;border-color:var(--neon-pink);box-shadow:0 0 10px #ff00ea33}.inv-sort-btn.active{color:var(--neon-blue);border-color:var(--neon-blue);text-shadow:0 0 8px var(--neon-blue);background:#00f3ff14;box-shadow:0 0 12px #00f3ff40,inset 0 0 8px #00f3ff26}.inventory-grid{background:#050508e6;border:1px solid #00f3ff33;border-radius:6px;flex-direction:column;gap:12px;max-height:250px;margin-bottom:16px;padding:12px;display:flex;overflow-y:auto;box-shadow:inset 0 0 15px #000c}.inventory-grid::-webkit-scrollbar{width:6px}.inventory-grid::-webkit-scrollbar-track{background:#0000004d}.inventory-grid::-webkit-scrollbar-thumb{background:#00f3ff4d;border-radius:3px}.inventory-grid::-webkit-scrollbar-thumb:hover{background:var(--neon-blue)}.inventory-cat-header{font-family:var(--title-font);color:var(--neon-pink);letter-spacing:2px;text-shadow:0 0 6px #ff00ea4d;border-bottom:1px solid #ff00ea33;margin-top:6px;padding-bottom:4px;font-size:14px;font-weight:900}.inventory-sub-header{font-family:var(--ui-font);color:var(--neon-yellow);letter-spacing:1.5px;margin-left:6px;font-size:11px;font-weight:700}.inventory-items-row{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px;margin-bottom:10px;margin-left:6px;display:grid}.inventory-items-flat-grid{grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:10px;display:grid}.inventory-item-card{text-align:center;cursor:pointer;background:#0f0f19bf;border:1px solid #ffffff1a;border-radius:6px;flex-direction:column;align-items:center;padding:8px;transition:all .2s ease-out;display:flex;position:relative}.inventory-item-card:hover{border-color:#ffffff4d;transform:translateY(-2px)}.inventory-item-card.selected{background:#39ff140a;box-shadow:0 0 15px #39ff1459,inset 0 0 8px #39ff1426;border-color:var(--neon-green)!important}.inventory-item-rarity{letter-spacing:1px;font-size:8px;font-weight:900;font-family:var(--title-font);margin-bottom:4px}.inventory-item-icon{background:#0006;border:2px solid #ccc;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:6px;transition:box-shadow .2s;display:flex}.inventory-item-placeholder-img{opacity:.8;width:24px;height:24px}.inventory-item-name{color:#eee;white-space:nowrap;text-overflow:ellipsis;width:100%;margin-bottom:6px;font-size:11px;font-weight:700;overflow:hidden}.inventory-item-footer{width:100%}.inventory-equip-btn{width:100%;font-family:var(--title-font);cursor:pointer;letter-spacing:1px;border:none;border-radius:3px;padding:4px 6px;font-size:9px;font-weight:900;transition:all .2s ease-out}.inventory-equip-btn.owned-btn{color:#ccc;background:#ffffff1a;border:1px solid #ffffff26}.inventory-equip-btn.owned-btn:hover{color:#fff;background:#fff3}.inventory-equip-btn.selected-btn{background:var(--neon-green);color:#000;font-weight:900;box-shadow:0 0 10px #39ff1480}#goggles-custom-colors{background:#0a0a0fd9;border:1px solid #00f3ff4d;border-radius:6px;margin-bottom:12px;padding:12px;box-shadow:0 0 12px #00f3ff1a}.custom-sub-label{letter-spacing:1.5px!important;color:var(--neon-blue)!important;margin-bottom:8px!important;font-size:12px!important}.goggles-color-pickers{gap:16px;display:flex}.goggles-color-field{flex-direction:column;flex:1;gap:4px;display:flex}.custom-color-lbl{color:#aaa;letter-spacing:1px;font-size:10px;font-weight:700;font-family:var(--title-font)}#inventory-hat-options{background:#0a0a0f80;border:1px dashed #ffffff26;border-radius:6px;margin-bottom:12px;padding:12px}#glove-custom-options{background:#0a0a0fd9;border:1px solid #00f3ff4d;border-radius:6px;margin-bottom:12px;padding:12px;box-shadow:0 0 12px #00f3ff14}.glove-options-grid{flex-direction:column;gap:10px;display:flex}.glove-color-field{flex-direction:column;gap:4px;display:flex}.glove-color-row{align-items:center;gap:10px;display:flex}.glove-color-hint{color:#666;font-size:9px;font-family:var(--title-font);letter-spacing:1px;font-style:italic}.glove-option-label{font-family:var(--title-font);letter-spacing:1px;color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:11px;display:flex}.glove-option-label.disabled{color:#555;cursor:not-allowed}.glove-option-label input{display:none}.glove-option-box{background:0 0;border:2px solid #00f3ff99;border-radius:3px;flex-shrink:0;width:16px;height:16px;transition:background .15s,border-color .15s;display:inline-block}.glove-option-label input:checked+.glove-option-box{background:var(--neon-blue);border-color:var(--neon-blue);box-shadow:0 0 6px #00f3ff80}.glove-option-label.disabled .glove-option-box{background:#333;border-color:#444}#hud-avatar-area.royal-border{border-color:gold!important;box-shadow:0 0 20px #ffd700cc,inset 0 0 15px #ffd70066!important}#player-name-display.royal-name{color:gold!important;text-shadow:0 0 12px gold,0 0 4px #fc0!important}#player-name-display.royal-name #player-callsign-display{color:#fa0!important}.royal-particle{pointer-events:none;opacity:.8;z-index:10;border-radius:50%;animation:2.5s linear forwards float-up-fade;position:absolute;box-shadow:0 0 4px gold}@keyframes float-up-fade{0%{opacity:.9;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(-25px)scale(.4)}}#hud-element-badge{z-index:5;background:#0a0a0ff2;border:2px solid #fffb0066;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:absolute;bottom:-8px;right:-8px;overflow:visible;box-shadow:0 0 10px #000c}.magic-timer-svg{width:32px;height:32px;overflow:visible}.magic-timer-fill{transition:stroke-dashoffset .1s linear,stroke .2s}.badge-particle{pointer-events:none;opacity:.8;z-index:12;border-radius:50%;animation:1.2s ease-out forwards badge-float-fade;position:absolute}@keyframes badge-float-fade{0%{opacity:.9;transform:translate(0)scale(1)}to{transform:translate(var(--dx), var(--dy)) scale(.3);opacity:0}}#hud-avatar-area.header_default{border-color:#888!important;box-shadow:0 0 10px #8886,inset 0 0 8px #8883!important}#hud-avatar-area.header_flame{animation:1.2s ease-in-out infinite alternate flame-pulse;border-color:#f40!important;box-shadow:0 0 20px #f40c,inset 0 0 15px #f406!important}#hud-avatar-area.header_neon{animation:1.8s ease-in-out infinite alternate neon-pulse;border-color:#00f3ff!important;box-shadow:0 0 20px #00f3ffcc,inset 0 0 15px #00f3ff66!important}#hud-avatar-area.header_yolk{animation:2.5s ease-in-out infinite alternate yolk-wobble;border-color:#fffb00!important;box-shadow:0 0 20px #fffb00cc,inset 0 0 15px #fffb0066!important}@keyframes flame-pulse{0%{box-shadow:0 0 15px #f409,inset 0 0 10px #ff44004d;border-color:#f20!important}to{box-shadow:0 0 25px #ff7800e6,inset 0 0 20px #ff780080;border-color:#f60!important}}@keyframes neon-pulse{0%{box-shadow:0 0 15px #00f3ff99,inset 0 0 10px #00f3ff4d;border-color:#0df!important}to{box-shadow:0 0 28px #ff00eacc,inset 0 0 20px #ff00ea80;border-color:#ff00ea!important}}@keyframes yolk-wobble{0%{transform:scale(1);box-shadow:0 0 15px #fffb0099,inset 0 0 10px #fffb004d}to{transform:scale(1.03);box-shadow:0 0 25px #ffc800cc,inset 0 0 15px #ffc80066}}