*{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#0a0a0a;font-family:Courier New,monospace;overflow:hidden}#game-container{width:100vw;height:100vh;position:relative}#game-canvas{width:100%;height:100%;display:block}#ui-overlay{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}#ui-overlay>*{pointer-events:auto}html,body{overscroll-behavior:none;touch-action:none;-webkit-overflow-scrolling:touch}#game-container{padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}:root{--bg-dark:#0a0a0c;--bg-panel:#141419d9;--primary-accent:#ff4655;--primary-hover:#ff5e6a;--primary-glow:#ff465566;--text-main:#ece8e1;--text-muted:#8b978f;--font-main:"Inter", "Segoe UI", sans-serif;--font-display:"Bebas Neue", "Impact", sans-serif;--font-mono:"JetBrains Mono", "Courier New", monospace;--border-light:#ffffff14;--team-alpha:#4a9eff;--team-bravo:#ff4655}#main-menu{background:var(--bg-dark);background-image:radial-gradient(ellipse at 20% 50%, #ff46550f 0%, transparent 50%), radial-gradient(ellipse at 80% 30%, #4a9eff0a 0%, transparent 50%), radial-gradient(circle at 50% 50%, #12121a 0%, var(--bg-dark) 100%);z-index:100;width:100%;height:100%;font-family:var(--font-main);color:var(--text-main);flex-direction:column;display:flex;position:absolute;top:0;left:0;overflow:hidden}#main-menu .particle-bg{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}#main-menu .scanlines-overlay{z-index:2;pointer-events:none;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000008 2px 4px);width:100%;height:100%;position:absolute;top:0;left:0}#main-menu .vignette-overlay{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset 0 0 200px 60px #000000b3}#main-menu .top-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);z-index:50;background:#0a0a0c99;align-items:center;height:64px;padding:0 3rem;display:flex;position:relative}#main-menu .nav-brand{font-family:var(--font-display);letter-spacing:.05em;color:var(--text-main);margin-right:3rem;font-size:1.6rem}#main-menu .nav-brand .brand-accent{color:var(--primary-accent);text-shadow:0 0 12px var(--primary-glow)}#main-menu .nav-links{flex:1;gap:0;display:flex}#main-menu .nav-link{letter-spacing:.12em;height:64px;color:var(--text-muted);cursor:pointer;border-bottom:2px solid #0000;align-items:center;gap:.5rem;padding:0 1.5rem;font-size:.8rem;font-weight:700;transition:all .2s;display:flex;position:relative}#main-menu .nav-link:hover{color:var(--text-main);background:#ffffff08}#main-menu .nav-link.active{color:var(--text-main);border-bottom-color:var(--primary-accent)}#main-menu .nav-link.active:after{content:"";background:var(--primary-accent);width:100%;height:2px;box-shadow:0 0 8px var(--primary-glow), 0 0 20px #ff465526;position:absolute;bottom:0;left:50%;transform:translate(-50%)}#main-menu .nav-link svg{width:16px;height:16px}#main-menu .nav-right{align-items:center;gap:1rem;display:flex}#main-menu .nav-studio-link{opacity:.6;align-items:center;transition:opacity .3s;display:flex}#main-menu .nav-studio-link:hover{opacity:1}#main-menu .nav-studio-logo{width:auto;height:24px}#main-menu .nav-version{font-family:var(--font-mono);color:var(--text-muted);opacity:.6;letter-spacing:.1em;font-size:.7rem}#main-menu .hero-section{z-index:10;flex:1;display:flex;position:relative;overflow:hidden}#main-menu .accent-diagonal{z-index:1;pointer-events:none;background:linear-gradient(#0000 0%,#ff465526 30%,#ff46554d 50%,#ff465526 70%,#0000 100%);width:1px;height:140%;position:absolute;top:-20%;right:38%;transform:rotate(15deg)}#main-menu .bg-text{font-family:var(--font-display);color:#ffffff04;pointer-events:none;z-index:1;white-space:nowrap;letter-spacing:.05em;-webkit-user-select:none;user-select:none;font-size:clamp(8rem,18vw,22rem);font-weight:400;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#main-menu .hero-content{z-index:10;flex-direction:column;flex:0 0 50%;justify-content:center;padding:4rem 4rem 4rem 5rem;display:flex;position:relative}#main-menu .hero-content:before,#main-menu .hero-content:after{content:"";border-color:var(--primary-accent);opacity:.4;border-style:solid;width:20px;height:20px;position:absolute}#main-menu .hero-content:before{border-width:2px 0 0 2px;top:3rem;left:4rem}#main-menu .hero-content:after{border-width:0 0 2px 2px;bottom:3rem;left:4rem}#main-menu .hero-title-block{margin-bottom:2rem}#main-menu .hero-subtitle{font-family:var(--font-mono);letter-spacing:.3em;color:var(--primary-accent);text-shadow:0 0 15px #ff46554d;margin-bottom:1rem;font-size:.75rem;font-weight:700;animation:3s ease-in-out infinite subtitleGlow}@keyframes subtitleGlow{0%,to{opacity:.8}50%{opacity:1}}#main-menu .hero-title{font-family:var(--font-display);flex-direction:column;margin:0;line-height:.9;display:flex}#main-menu .title-line{letter-spacing:.02em;color:var(--text-main);font-size:clamp(2rem,8vw,7rem);display:block}#main-menu .title-line.title-accent{color:var(--primary-accent);text-shadow:0 0 20px #ff465566,0 0 60px #ff465526,0 0 100px #ff46550d}#main-menu .hero-tagline{color:var(--text-muted);letter-spacing:.02em;max-width:400px;margin-top:1.2rem;font-size:.95rem;line-height:1.5}#main-menu .hero-badges{gap:1.5rem;margin-bottom:2.5rem;display:flex}#main-menu .hero-badge{font-family:var(--font-mono);letter-spacing:.15em;color:var(--text-muted);align-items:center;gap:.5rem;padding:.4rem 0;font-size:.7rem;font-weight:700;display:flex}#main-menu .badge-dot{background:var(--primary-accent);width:6px;height:6px;box-shadow:0 0 6px var(--primary-glow);display:inline-block}#main-menu .action-container{z-index:10;flex-direction:column;gap:.8rem;max-width:420px;margin-bottom:1rem;display:flex}#main-menu .frontline-info{font-family:var(--font-mono);color:#ffffff59;letter-spacing:.15em;text-align:center;margin-top:-.4rem;font-size:.65rem}#main-menu .action-separator{align-items:center;gap:.8rem;margin:.3rem 0;display:flex}#main-menu .action-separator span:first-child,#main-menu .action-separator span:last-child{background:#ffffff14;flex:1;height:1px}#main-menu .action-separator span:nth-child(2){font-family:var(--font-mono);color:#ffffff40;letter-spacing:.15em;font-size:.65rem}#main-menu .tdm-buttons-row{gap:.6rem;width:100%;display:flex}#main-menu .btn-full-width{justify-content:center;width:100%}#main-menu .btn-half{flex:1;justify-content:center}.btn-esport{background:var(--primary-accent);color:#fff;font-family:var(--font-main);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);border:none;align-items:center;gap:.6rem;padding:1rem 2.5rem;font-size:1rem;font-weight:800;transition:all .25s;display:flex;position:relative;overflow:hidden}.btn-esport:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-esport:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 25px #ff465559}.btn-esport:hover:before{left:100%}.btn-esport:active{transform:translateY(0)}.btn-esport-secondary{color:var(--text-main);font-family:var(--font-main);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;clip-path:polygon(12px 0,100% 0,100% 100%,0 100%,0 12px);background:0 0;border:1px solid #ffffff26;align-items:center;gap:.6rem;padding:1rem 2rem;font-size:1rem;font-weight:700;transition:all .25s;display:flex}.btn-esport-secondary:hover{background:#ffffff0d;border-color:#ffffff59;transform:translateY(-2px)}.btn-esport-secondary:active{transform:translateY(0)}.btn-frontline{background:var(--primary-accent);color:#fff;font-family:var(--font-main);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;clip-path:polygon(0 0,100% 0,calc(100% - 12px) 100%,0 100%);border:none;justify-content:center;align-items:center;gap:.6rem;width:100%;padding:1rem 2.5rem;font-size:1rem;font-weight:800;transition:all .25s;display:flex;position:relative;overflow:hidden}.btn-frontline:before{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-frontline:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 6px 25px #ff465559}.btn-frontline:hover:before{left:100%}.btn-frontline:active{transform:translateY(0)}.btn-esport-outline{color:#ffffff80;font-family:var(--font-main);text-transform:uppercase;letter-spacing:.08em;cursor:pointer;background:0 0;border:1px solid #ffffff14;justify-content:center;align-items:center;gap:.5rem;padding:.8rem 1.8rem;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.btn-esport-outline:hover{color:var(--text-main);background:#ffffff08;border-color:#ffffff40}.config-visibility{border-top:1px solid #ffffff0f;justify-content:space-between;align-items:center;margin-top:.5rem;padding:.8rem 0;display:flex}.config-vis-label{font-family:var(--font-mono);color:#fff6;letter-spacing:.12em;font-size:.7rem;font-weight:700}.config-vis-toggle{gap:4px;display:flex}.config-vis-btn{color:#fff6;font-family:var(--font-main);cursor:pointer;text-transform:uppercase;letter-spacing:.05em;background:0 0;border:1px solid #ffffff1a;padding:.5rem 1rem;font-size:.75rem;font-weight:700;transition:all .15s}.config-vis-btn:hover{color:#ffffffb3;background:#ffffff0a}.config-vis-btn.active{background:var(--primary-accent);border-color:var(--primary-accent);color:#fff}#main-menu .error-message{color:var(--primary-accent);font-family:var(--font-mono);text-shadow:0 0 10px #ff46554d;min-height:1.2em;font-size:.85rem}#main-menu .weapon-showcase{z-index:5;pointer-events:none;width:55%;height:100%;position:absolute;top:0;right:0;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 15% 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 15% 100%)}#main-menu .weapon-showcase-canvas{display:block;width:100%!important;height:100%!important}#main-menu .bottom-bar{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border-light);z-index:50;background:#0a0a0cb3;justify-content:center;align-items:center;gap:0;height:72px;padding:0 3rem;display:flex;position:relative}#main-menu .bottom-feature{border-right:1px solid var(--border-light);align-items:center;gap:.8rem;height:100%;padding:0 2rem;transition:all .3s;display:flex}#main-menu .bottom-feature:last-child{border-right:none}#main-menu .bottom-feature:hover{background:#ffffff05}#main-menu .bottom-feature:hover .feature-icon{color:var(--primary-accent)}#main-menu .feature-icon{color:var(--text-muted);opacity:.6;align-items:center;transition:all .3s;display:flex}#main-menu .feature-icon svg{width:22px;height:22px}#main-menu .feature-info{flex-direction:column;display:flex}#main-menu .feature-label{letter-spacing:.1em;color:var(--text-main);font-size:.8rem;font-weight:800}#main-menu .feature-desc{color:var(--text-muted);font-size:.65rem;font-family:var(--font-mono);letter-spacing:.05em}#main-menu .menu-loader{background:var(--bg-dark);z-index:500;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .6s;display:flex;position:absolute;top:0;left:0}#main-menu .menu-loader.loader-done{opacity:0;pointer-events:none}.loader-content{flex-direction:column;align-items:center;gap:1.5rem;display:flex}.loader-brand{font-family:var(--font-display);color:var(--text-main);letter-spacing:.05em;font-size:4rem}.loader-bar-track{background:#ffffff14;width:240px;height:2px;position:relative;overflow:hidden}.loader-bar-fill{background:var(--primary-accent);width:30%;height:100%;box-shadow:0 0 10px var(--primary-glow);animation:1.2s ease-in-out infinite loaderSlide}@keyframes loaderSlide{0%{width:0%;margin-left:0%}50%{width:60%;margin-left:20%}to{width:0%;margin-left:100%}}.loader-text{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.2em;font-size:.7rem;animation:1s infinite loaderBlink}@keyframes loaderBlink{0%,to{opacity:.4}50%{opacity:1}}#main-menu .match-config,#main-menu .join-panel,#main-menu .settings-panel{z-index:30;background:var(--bg-panel);border:1px solid var(--border-light);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);flex-direction:column;gap:clamp(.6rem,1.5vw,1.2rem);width:90%;max-width:460px;max-height:85vh;padding:clamp(1rem,3vw,2.5rem) clamp(1rem,3vw,3rem);animation:.3s panelAppear;display:flex;position:absolute;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%);box-shadow:0 20px 60px #00000080}#main-menu .match-config:before,#main-menu .match-config:after,#main-menu .join-panel:before,#main-menu .join-panel:after,#main-menu .settings-panel:before,#main-menu .settings-panel:after{content:"";border-color:var(--primary-accent);opacity:.5;border-style:solid;width:14px;height:14px;position:absolute}#main-menu .match-config:before,#main-menu .join-panel:before,#main-menu .settings-panel:before{border-width:2px 0 0 2px;top:-1px;left:-1px}#main-menu .match-config:after,#main-menu .join-panel:after,#main-menu .settings-panel:after{border-width:0 2px 2px 0;bottom:-1px;right:-1px}@keyframes panelAppear{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}#main-menu .config-title{font-family:var(--font-mono);color:var(--primary-accent);letter-spacing:.15em;text-shadow:0 0 12px #ff465533;margin-bottom:.5rem;font-size:.85rem}#main-menu .config-field{flex-direction:column;gap:.4rem;display:flex}#main-menu .config-field label{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:700;font-family:var(--font-mono)}#main-menu .config-select,#main-menu .config-input{border:1px solid var(--border-light);color:var(--text-main);font-family:var(--font-mono);appearance:none;background:#00000080;outline:none;padding:.6rem .8rem;font-size:.9rem;transition:border-color .2s,box-shadow .2s}#main-menu .config-select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238b978f' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-position:right .8rem center;background-repeat:no-repeat;padding-right:2rem}#main-menu .config-select:focus,#main-menu .config-input:focus{border-color:var(--primary-accent);box-shadow:0 0 10px #ff465526}#main-menu .config-select:hover,#main-menu .config-input:hover{border-color:#ffffff40}#main-menu .config-select option{color:var(--text-main);background:#14141a}#main-menu .config-input[type=number]{width:100px}#main-menu .config-input[type=number]::-webkit-inner-spin-button{opacity:1;filter:invert(.8)}#main-menu .config-input[type=number]::-webkit-outer-spin-button{opacity:1;filter:invert(.8)}#main-menu .config-grid{grid-template-columns:1fr 1fr;gap:1rem;display:grid}#main-menu .config-grid .config-field:first-child{grid-column:1/-1}#main-menu .config-buttons{gap:1rem;margin-top:.5rem;display:flex}#main-menu .config-buttons .btn-esport,#main-menu .config-buttons .btn-esport-secondary{text-align:center;flex:1;justify-content:center;padding:.9rem 1.5rem;font-size:.9rem}#main-menu .join-desc{color:var(--text-muted);font-size:.85rem;font-family:var(--font-mono);letter-spacing:.05em}#main-menu .code-boxes{justify-content:center;gap:.8rem;display:flex}#main-menu .code-box{border:2px solid var(--border-light);width:64px;height:76px;color:var(--primary-accent);font-family:var(--font-mono);text-align:center;text-transform:uppercase;caret-color:var(--primary-accent);background:#0009;outline:none;font-size:2rem;font-weight:800;transition:border-color .2s,box-shadow .2s}#main-menu .code-box:focus{border-color:var(--primary-accent);box-shadow:0 0 15px #ff465540,inset 0 0 8px #ff465514}#main-menu .code-box::selection{background:#ff46554d}#main-menu .settings-panel{max-height:75vh;overflow-y:auto}.settings-section-title{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.2em;text-transform:uppercase;border-bottom:1px solid var(--border-light);margin-top:.5rem;padding-bottom:.3rem;font-size:.7rem;font-weight:700}.settings-slider-row{flex-direction:column;gap:.4rem;display:flex}.settings-slider-header{justify-content:space-between;align-items:center;display:flex}.settings-slider-label{color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem;font-weight:700;font-family:var(--font-mono)}.settings-slider-value{font-family:var(--font-mono);color:var(--primary-accent);text-align:right;min-width:40px;font-size:.9rem;font-weight:700}.settings-slider{appearance:none;cursor:pointer;background:#ffffff1a;border-radius:0;outline:none;width:100%;height:3px}.settings-slider::-webkit-slider-thumb{appearance:none;background:var(--primary-accent);cursor:pointer;width:14px;height:14px;box-shadow:0 0 8px var(--primary-glow);border:none}.settings-slider::-moz-range-thumb{background:var(--primary-accent);cursor:pointer;border:none;border-radius:0;width:14px;height:14px}.settings-slider::-webkit-slider-runnable-track{height:3px}.keybinds-grid{flex-direction:column;gap:.4rem;display:flex}.keybind-row{justify-content:space-between;align-items:center;padding:.5rem 0;display:flex}.keybind-label{color:var(--text-muted);letter-spacing:.08em;font-size:.75rem;font-weight:600;font-family:var(--font-mono)}.keybind-btn{border:1px solid var(--border-light);color:var(--text-main);font-family:var(--font-mono);text-align:center;cursor:pointer;background:#00000080;min-width:70px;padding:.4rem 1.2rem;font-size:.85rem;font-weight:700;transition:all .2s}.keybind-btn:hover{background:#ffffff0d;border-color:#ffffff4d}.keybind-btn.listening{border-color:var(--primary-accent);color:var(--primary-accent);animation:.8s infinite keybindPulse}@keyframes keybindPulse{0%,to{box-shadow:0 0 #ff46554d}50%{box-shadow:0 0 12px 3px #ff465533}}.settings-panel::-webkit-scrollbar{width:3px}.settings-panel::-webkit-scrollbar-track{background:0 0}.settings-panel::-webkit-scrollbar-thumb{background:#ffffff1f}#lobby-screen{background:var(--bg-dark);z-index:100;width:100%;height:100%;font-family:var(--font-main);color:var(--text-main);flex-direction:column;display:flex;position:absolute;top:0;left:0}#lobby-screen .lobby-header{border-bottom:1px solid var(--border-light);background:var(--bg-panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20;justify-content:space-between;align-items:center;padding:1.5rem 3rem;display:flex}#lobby-screen .match-type{letter-spacing:.1em;font-size:1.5rem;font-weight:900}#lobby-screen .room-code-label{color:var(--text-muted);text-transform:uppercase;font-size:.9rem;font-weight:700}#lobby-screen .room-code{color:var(--primary-accent);font-family:var(--font-mono);letter-spacing:.3em;background:#ff46551a;border:1px solid #ff46554d;padding:.2rem 1rem;font-size:2rem;font-weight:700}#lobby-screen .split-container{flex:1;display:flex}#lobby-screen .vs-column{pointer-events:none;flex-direction:column;flex-shrink:0;align-items:center;display:flex;position:relative}#lobby-screen .vs-line{background:linear-gradient(#0000,#fff3);flex:1;width:2px}#lobby-screen .vs-line:first-child{background:linear-gradient(#0000,#4a9eff66)}#lobby-screen .vs-line:last-child{background:linear-gradient(#ff465566,#0000)}#lobby-screen .vs-badge{width:52px;height:52px;font-family:var(--font-main);letter-spacing:.1em;color:#fff;z-index:2;background:#0a0a0ff2;border:2px solid #fff3;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:900;animation:2.5s ease-in-out infinite vsPulse;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes vsPulse{0%,to{box-shadow:0 0 15px #ff465526,0 0 15px #4a9eff26}50%{border-color:#fff6;box-shadow:0 0 30px #ff46554d,0 0 30px #4a9eff4d}}#lobby-screen .team-header-a{flex-direction:row-reverse}#lobby-screen .team-icon{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}#lobby-screen .team-column.team-a .team-icon{background:#4a9eff1a;border:1px solid #4a9eff33}#lobby-screen .team-column.team-a .team-icon svg{stroke:var(--team-alpha);width:24px;height:24px}#lobby-screen .team-column.team-b .team-icon{background:#ff46551a;border:1px solid #ff465533}#lobby-screen .team-column.team-b .team-icon svg{stroke:var(--team-bravo);width:24px;height:24px}#lobby-screen .team-name{letter-spacing:.15em;text-transform:uppercase;font-size:1.6rem;font-weight:900}#lobby-screen .team-column.team-a .team-name{color:var(--team-alpha);text-shadow:0 0 20px #4a9eff4d;text-align:right}#lobby-screen .team-column.team-b .team-name{color:var(--team-bravo);text-shadow:0 0 20px #ff46554d;text-align:left}#lobby-screen .player-slot{pointer-events:none}#lobby-screen .player-slot{border:1px solid var(--border-light);width:80%;max-width:400px;font-family:var(--font-mono);background:#0006;justify-content:space-between;align-items:center;padding:1rem;display:flex}#lobby-screen .team-column.team-a .player-slot{border-right:3px solid var(--team-alpha)}#lobby-screen .player-slot.filled{background:#ffffff0a;animation:.3s slotAppear}@keyframes slotAppear{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}#lobby-screen .player-slot.empty{color:var(--text-muted);font-family:var(--font-main);border:1px dashed #ffffff1a;justify-content:center;font-weight:600}#lobby-screen .player-name{color:#fff;font-size:1.1rem}#lobby-screen .lobby-footer{background:var(--bg-panel);border-top:1px solid var(--border-light);z-index:20;justify-content:space-between;align-items:center;padding:1.5rem 3rem;display:flex}.btn-weapon-change{color:#fff;font-family:var(--font-main);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px);background:#ffffff0a;border:1px solid #ffffff1f;align-items:center;gap:.8rem;padding:.7rem 1.4rem;font-size:1rem;font-weight:700;transition:all .2s;display:flex}.btn-weapon-change:hover{border-color:var(--primary-accent);background:#ffffff14}.btn-weapon-change svg{width:16px;height:16px;stroke:var(--primary-accent)}.weapon-change-hint{color:var(--primary-accent);letter-spacing:.12em;opacity:.8;margin-left:.5rem;font-size:.65rem;font-weight:600}.weapon-modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:2000;background:#000000bf;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s modalFadeIn;display:flex;position:fixed;top:0;left:0}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.weapon-modal{background:linear-gradient(135deg,#0f0f14fa,#191923fa);border:1px solid #ffffff14;flex-direction:column;width:850px;max-width:90vw;max-height:85vh;animation:.25s cubic-bezier(.16,1,.3,1) modalSlideIn;display:flex;overflow:hidden}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}.weapon-modal-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:1.2rem 1.5rem;display:flex}.weapon-modal-header h2{font-family:var(--font-main);text-transform:uppercase;letter-spacing:.15em;color:#fff;font-size:1.1rem;font-weight:800}.weapon-modal-close{color:#fff6;cursor:pointer;background:0 0;border:none;padding:.3rem;font-size:1.2rem;transition:color .15s}.weapon-modal-close:hover{color:var(--primary-accent)}.weapon-modal-content{flex:1;display:flex;overflow:hidden}.weapon-modal-list{border-right:1px solid #ffffff0f;flex-direction:column;gap:.3rem;width:320px;padding:1rem;display:flex;overflow-y:auto}.weapon-modal-list::-webkit-scrollbar{width:3px}.weapon-modal-list::-webkit-scrollbar-thumb{background:#ffffff1a}.weapon-modal-cat{font-family:var(--font-mono);color:#ffffff40;text-transform:uppercase;letter-spacing:.15em;padding:.6rem .5rem .3rem;font-size:.6rem;font-weight:700}.weapon-modal-card{cursor:pointer;text-align:left;font-family:var(--font-main);background:#ffffff05;border:1px solid #0000;flex-direction:column;gap:.4rem;padding:.7rem .8rem;transition:all .15s;display:flex}.weapon-modal-card:hover{background:#ffffff0d;border-color:#ffffff1a}.weapon-modal-card.selected{border-color:var(--primary-accent);border-left:3px solid var(--primary-accent);background:#ff465514}.weapon-modal-card-name{color:#fffc;text-transform:uppercase;letter-spacing:.05em;font-size:.9rem;font-weight:700}.weapon-modal-card.selected .weapon-modal-card-name{color:#fff}.weapon-modal-card-stats{flex-direction:column;gap:.2rem;display:flex}.weapon-modal-stat-row{align-items:center;gap:.5rem;display:flex}.weapon-modal-stat-label{font-family:var(--font-mono);color:#ffffff4d;letter-spacing:.08em;flex-shrink:0;width:38px;font-size:.55rem;font-weight:700}.weapon-modal-stat-bar-bg{background:#ffffff0f;border-radius:1px;flex:1;height:3px;overflow:hidden}.weapon-modal-stat-bar-fill{background:var(--primary-accent);border-radius:1px;height:100%;transition:width .3s}.weapon-modal-stat-val{font-family:var(--font-mono);color:#ffffff80;text-align:right;flex-shrink:0;width:24px;font-size:.6rem;font-weight:600}.weapon-modal-preview{background:radial-gradient(#ff465508 0%,#0000 70%);flex:1;justify-content:center;align-items:center;display:flex;position:relative}.weapon-modal-canvas{width:100%;height:100%;display:block}#lobby-screen .player-count{font-family:var(--font-mono);color:var(--text-muted);letter-spacing:.1em;font-size:.85rem}#lobby-screen .room-code{cursor:pointer;transition:color .2s}#lobby-screen .room-code:hover{color:#fff}#lobby-screen .room-code.copied{color:#4ade80!important}#lobby-screen .leave-btn{margin-right:auto}@media (width<=1024px){#main-menu .hero-content{padding:2rem 2rem 2rem 3rem}#main-menu .hero-content:before{top:1.5rem;left:2rem}#main-menu .hero-content:after{bottom:1.5rem;right:1.5rem}#main-menu .hero-badges{gap:.8rem;margin-bottom:1.5rem}#main-menu .hero-tagline{max-width:300px;font-size:.8rem}#main-menu .action-container{max-width:320px}.btn-esport,.btn-frontline{padding:.8rem 1.5rem;font-size:.85rem}.btn-esport-secondary{padding:.8rem 1.2rem;font-size:.85rem}}@media (width<=768px){#main-menu .content-area{flex-direction:column;overflow-y:auto}#main-menu .hero-content{text-align:center;flex:none;align-items:center;padding:1.5rem}#main-menu .hero-content:before,#main-menu .hero-content:after{display:none}#main-menu .hero-title-block{align-items:center}#main-menu .title-line{font-size:clamp(2.5rem,10vw,4rem)}#main-menu .hero-tagline{text-align:center;max-width:90%;font-size:.75rem}#main-menu .hero-badges{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-bottom:1rem}#main-menu .hero-badge{font-size:.6rem}#main-menu .action-container{align-self:center;width:100%;max-width:90%}.btn-esport,.btn-frontline{padding:.7rem 1.2rem;font-size:.8rem}.btn-esport-secondary,.btn-esport-outline{padding:.7rem 1rem;font-size:.8rem}#main-menu .frontline-info{font-size:.55rem!important}#main-menu .action-separator span{font-size:.6rem}#main-menu .weapon-showcase-container{display:none!important}#main-menu .bg-text{opacity:.02!important;font-size:15vw!important}#main-menu .top-nav{padding:.5rem 1rem}#main-menu .nav-brand{font-size:.9rem}#main-menu .nav-links{display:none}#main-menu .bottom-bar{padding:.5rem 1rem;font-size:.6rem}.menu-loader .loader-brand{font-size:3rem!important}}@media (height<=500px){#main-menu .content-area{flex-direction:row;overflow:hidden}#main-menu .hero-content{text-align:left;flex:0 0 38%;justify-content:center;align-items:flex-start;padding:.8rem 1.2rem;overflow:hidden}#main-menu .hero-content:before,#main-menu .hero-content:after{display:none}#main-menu .hero-title-block{align-items:flex-start}#main-menu .hero-subtitle{margin-bottom:.2rem!important;font-size:.5rem!important}#main-menu .title-line{font-size:clamp(1.5rem,4.5vw,2.5rem)}#main-menu .hero-tagline{display:none}#main-menu .hero-badges{gap:.4rem;margin-bottom:.3rem}#main-menu .hero-badge{padding:.1rem 0;font-size:.45rem}#main-menu .action-container{z-index:20;gap:.35rem;width:240px;max-width:240px;margin-bottom:0;position:fixed;top:50%;right:1rem;transform:translateY(-50%)}.btn-esport,.btn-frontline{gap:.4rem;padding:.5rem .8rem;font-size:.7rem}.btn-esport-secondary,.btn-esport-outline{gap:.3rem;padding:.45rem .7rem;font-size:.65rem}#main-menu .frontline-info{text-align:center;margin:0!important;font-size:.45rem!important}#main-menu .action-separator{margin:.15rem 0!important}#main-menu .action-separator span{font-size:.5rem}#main-menu .tdm-buttons-row{gap:.3rem}#main-menu .weapon-showcase-container{display:none!important}#main-menu .bg-text{opacity:.015!important;font-size:12vw!important}#main-menu .top-nav{padding:.25rem .8rem}#main-menu .nav-brand{font-size:.75rem}#main-menu .nav-links{display:none}#main-menu .bottom-bar{padding:.25rem .8rem;font-size:.5rem}#main-menu .error-message{z-index:25;max-width:240px;position:fixed;bottom:2rem;right:1rem;font-size:.6rem!important}}@media (height<=380px){#main-menu .hero-content{flex:0 0 30%;padding:.5rem .8rem}#main-menu .title-line{font-size:clamp(1.2rem,4vw,2rem)}#main-menu .hero-badges{display:none}#main-menu .action-container{gap:.25rem;width:200px;max-width:200px}.btn-esport,.btn-frontline{padding:.4rem .6rem;font-size:.6rem}.btn-esport-secondary,.btn-esport-outline{padding:.35rem .5rem;font-size:.55rem}#main-menu .frontline-info,#main-menu .action-separator{display:none!important}}@media (width<=768px){.match-config{padding:1rem!important}.match-config .config-grid{grid-template-columns:1fr!important;gap:.8rem!important}.match-config .config-title{font-size:1.2rem!important}.match-config .config-buttons{flex-direction:column;gap:.5rem}.match-config .config-buttons .btn-esport,.match-config .config-buttons .btn-esport-secondary{justify-content:center;width:100%}#lobby-screen .lobby-inner{flex-direction:column!important;gap:.5rem!important;padding:.5rem!important}#lobby-screen .lobby-team{min-height:auto!important}#lobby-screen .lobby-header{padding:.5rem!important}#lobby-screen .lobby-footer{flex-wrap:wrap;gap:.5rem;padding:.5rem!important}.pause-panel{width:85%!important;min-width:auto!important;padding:1.5rem!important}.pause-title{font-size:2rem!important}.pause-settings{max-height:80vh;overflow-y:auto;width:90%!important;min-width:auto!important;padding:1rem!important}.shortcuts-hint{display:none!important}#hud .health-bar-container{max-width:clamp(120px,40vw,300px)!important}#hud .kill-entry{padding:.2rem .5rem!important;font-size:.6rem!important}}@media (height<=400px){#hud .top-left-header{display:none!important}#hud .ammo-panel{bottom:.3rem!important;left:.3rem!important}#match-end{overflow-y:auto}.me-board{flex-direction:column!important;max-width:90%!important}.me-back-btn{margin-top:.5rem!important;padding:.5rem 1.5rem!important;font-size:.8rem!important}}:root{--hud-bg-dark:#0a0a0cd9;--hud-bg-panel:#141419b3;--hud-accent:#ff4655;--hud-accent-hover:#ff5e6a;--hud-accent-glow:#ff465566;--hud-text:#ece8e1;--hud-text-muted:#8b978f;--hud-font-main:"Inter", "Segoe UI", sans-serif;--hud-font-display:"Bebas Neue", "Impact", sans-serif;--hud-font-mono:"JetBrains Mono", "Courier New", monospace;--hud-border:#ffffff1a;--hud-team-alpha:#4a9eff;--hud-team-alpha-glow:#4a9eff66;--hud-team-bravo:#ff4655;--hud-team-bravo-glow:#ff465566;--hud-health:#4ade80;--hud-health-crit:#ff4655;--hud-stamina:#4a9eff}#hud{pointer-events:none;z-index:50;width:100%;height:100%;font-family:var(--hud-font-main);color:var(--hud-text);position:absolute;top:0;left:0}#hud .top-left-header{flex-direction:column;gap:.4rem;display:flex;position:absolute;top:1rem;left:1.5rem}#hud .hud-terminal-tag{font-size:.7rem;font-family:var(--hud-font-mono);color:var(--hud-text-muted);letter-spacing:.15em;text-transform:uppercase}#hud .hud-terminal-tag .accent{color:var(--hud-accent)}#hud .hud-terminal-status{font-size:.6rem;font-family:var(--hud-font-mono);color:var(--hud-text-muted);letter-spacing:.12em;align-items:center;gap:.4rem;display:flex}#hud .status-indicator{border-radius:50%;width:6px;height:6px;display:inline-block}#hud .status-indicator.live{background:var(--hud-health);animation:2s ease-in-out infinite statusPulse;box-shadow:0 0 6px #4ade8099}@keyframes statusPulse{0%,to{opacity:1}50%{opacity:.5}}#hud .top-center{flex-direction:column;align-items:center;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}#hud .top-tabs{letter-spacing:.15em;text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--hud-border);border-left:1px solid var(--hud-border);border-right:1px solid var(--hud-border);clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,8px 100%);background:#0a0a0c80;gap:clamp(.5rem,2vw,2rem);padding:.6rem 2rem;font-size:.65rem;font-weight:700;display:flex}#hud .top-tabs .tab{color:var(--hud-text-muted);cursor:pointer;padding:.2rem 0;transition:color .2s;position:relative}#hud .top-tabs .tab.active{color:var(--hud-text)}#hud .top-tabs .tab.active:after{content:"";background:var(--hud-accent);width:100%;height:2px;box-shadow:0 0 6px var(--hud-accent-glow);position:absolute;bottom:-2px;left:0}#hud .scores-container{align-items:center;gap:0;margin-top:.3rem;display:flex}#hud .score-team-label{letter-spacing:.2em;padding:0 .8rem;font-size:.6rem;font-weight:800}#hud .score-label-a{color:var(--hud-team-alpha)}#hud .score-label-b{color:var(--hud-team-bravo)}#hud .score-box{text-align:center;min-width:clamp(40px,10vw,64px);font-size:clamp(1rem,3vw,1.6rem);font-weight:900;font-family:var(--hud-font-mono);background:var(--hud-bg-dark);border:1px solid var(--hud-border);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:.5rem clamp(.5rem,1.5vw,1rem)}#hud .score-box.team-a{color:var(--hud-team-alpha);border-bottom:3px solid var(--hud-team-alpha);clip-path:polygon(0 0,100% 0,100% 100%,8px 100%,0 calc(100% - 8px));box-shadow:0 4px 15px #4a9eff1a}#hud .score-box.team-b{color:var(--hud-team-bravo);border-bottom:3px solid var(--hud-team-bravo);clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);box-shadow:0 4px 15px #ff46551a}#hud .score-separator{flex-direction:column;align-items:center;gap:3px;padding:0 .3rem;display:flex}#hud .score-sep-line{background:var(--hud-border);width:1px;height:8px}#hud .score-sep-dot{background:var(--hud-accent);width:4px;height:4px;box-shadow:0 0 6px var(--hud-accent-glow)}#hud .timer-container{flex-direction:column;align-items:flex-end;gap:.3rem;display:flex;position:absolute;top:clamp(.3rem,1.5vh,1rem);right:clamp(.5rem,2vw,1.5rem)}#hud .timer-box{background:var(--hud-bg-dark);border:1px solid var(--hud-border);border-left:3px solid var(--hud-accent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);clip-path:polygon(0 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%);flex-direction:column;align-items:center;padding:.5rem 1.2rem;display:flex}#hud .timer-label{color:var(--hud-text-muted);letter-spacing:.2em;text-transform:uppercase;margin-bottom:2px;font-size:.55rem;font-weight:700}#hud .timer-value{font-size:1.5rem;font-weight:900;font-family:var(--hud-font-mono);color:var(--hud-text)}#hud .crosshair{width:24px;height:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#hud .crosshair-seg{background:#ffffffe6;position:absolute;box-shadow:0 0 3px #000c}#hud .cross-top{width:2px;height:6px;top:0;left:50%;transform:translate(-50%)}#hud .cross-bottom{width:2px;height:6px;bottom:0;left:50%;transform:translate(-50%)}#hud .cross-left{width:6px;height:2px;top:50%;left:0;transform:translateY(-50%)}#hud .cross-right{width:6px;height:2px;top:50%;right:0;transform:translateY(-50%)}#hud .crosshair-dot{background:#ffffff80;width:2px;height:2px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#hud .ammo-panel{background:var(--hud-bg-dark);border:1px solid var(--hud-border);border-left:3px solid var(--hud-text);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);clip-path:polygon(0 0,100% 0,100% calc(100% - 12px),calc(100% - 12px) 100%,0 100%);width:clamp(150px,55vw,210px);padding:clamp(.5rem,1.5vw,1rem) clamp(.6rem,2vw,1.2rem);position:absolute;bottom:clamp(.5rem,2vh,2rem);left:clamp(.5rem,2vw,2rem)}#hud .ammo-panel:before,#hud .ammo-panel:after{content:"";border-color:var(--hud-accent);opacity:.4;border-style:solid;width:10px;height:10px;position:absolute}#hud .ammo-panel:before{border-width:2px 2px 0 0;top:-1px;right:-1px}#hud .ammo-panel:after{border-width:0 0 2px 2px;bottom:10px;left:-1px}#hud .ammo-panel .ammo-label{color:var(--hud-text-muted);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:.5rem;font-size:.6rem;font-weight:700;display:flex}#hud .ammo-panel .ammo-label svg{width:12px;height:12px}#hud .ammo-panel .ammo-bar{color:var(--hud-text);letter-spacing:.2em;font-size:.8rem;font-family:var(--hud-font-mono);margin-bottom:.5rem}#hud .ammo-panel .ammo-numbers{font-family:var(--hud-font-mono);align-items:baseline;gap:.3rem;margin-bottom:.5rem;display:flex}#hud .ammo-panel .ammo-current{color:var(--hud-text);text-shadow:0 0 20px #ece8e11a;font-size:clamp(1.5rem,5vw,3rem);font-weight:900;line-height:1}#hud .ammo-panel .ammo-separator{color:var(--hud-text-muted);font-size:1.2rem}#hud .ammo-panel .ammo-reserve{color:var(--hud-text-muted);font-size:1.2rem;font-weight:700}#hud .ammo-panel .ammo-status{border-top:1px solid var(--hud-border);flex-direction:column;gap:.3rem;padding-top:.6rem;display:flex}#hud .ammo-panel .status-row{letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.65rem;font-weight:700;display:flex}#hud .ammo-panel .status-dot{width:6px;height:6px;display:inline-block;transform:rotate(45deg)}#hud .ammo-panel .status-dot.green{background:var(--hud-health);box-shadow:0 0 6px #4ade8080}#hud .ammo-panel .status-dot.red{background:var(--hud-accent);box-shadow:0 0 6px var(--hud-accent-glow)}#hud .ammo-panel .status-label{color:var(--hud-text-muted)}#hud .ammo-panel .reload-indicator{color:var(--hud-accent);text-transform:uppercase;letter-spacing:.1em;text-shadow:0 0 10px var(--hud-accent-glow);align-items:center;gap:6px;margin-top:.5rem;font-size:.75rem;font-weight:800;animation:.8s infinite reloadPulse;display:flex}@keyframes reloadPulse{0%,to{opacity:1}50%{opacity:.5}}#hud .bottom-bars{align-items:flex-end;gap:1.5rem;display:flex;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}#hud .bar-group{width:200px}#hud .bar-label{color:var(--hud-text);letter-spacing:.15em;text-transform:uppercase;align-items:center;gap:6px;margin-bottom:.4rem;font-size:.65rem;font-weight:800;display:flex}#hud .bar-label svg{width:14px;height:14px;color:var(--hud-text-muted)}#hud .bar-track{border:1px solid var(--hud-border);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);background:#0009;width:100%;height:10px;padding:1px;position:relative}#hud .bar-fill{clip-path:polygon(3px 0,100% 0,calc(100% - 3px) 100%,0 100%);height:100%;transition:width .15s ease-out,background .2s}#hud .bar-fill.health{background:var(--hud-health);box-shadow:0 0 8px #4ade804d}#hud .bar-fill.health.critical{background:var(--hud-health-crit);box-shadow:0 0 12px var(--hud-accent-glow);animation:.5s infinite healthCritPulse}@keyframes healthCritPulse{0%,to{opacity:1}50%{opacity:.7}}#hud .bar-fill.stamina{background:var(--hud-stamina)}#hud .kill-feed{flex-direction:column;align-items:flex-end;gap:.3rem;max-width:clamp(180px,50vw,320px);display:flex;position:absolute;top:clamp(3rem,8vh,5rem);right:clamp(.5rem,2vw,1.5rem)}#hud .kill-entry{color:var(--hud-text);border-right:2px solid var(--hud-accent);white-space:nowrap;letter-spacing:.04em;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:linear-gradient(90deg,#0000 0%,#0f0f14d9 20%);align-items:center;gap:.4rem;padding:.35rem .8rem;font-size:.72rem;font-weight:600;transition:opacity .5s;animation:.25s ease-out killSlideIn;display:flex}#hud .kill-entry .killer-name{font-weight:700}#hud .kill-entry .weapon-icon{color:var(--hud-text-muted);font-size:.65rem}#hud .kill-entry .victim-name{font-weight:700}@keyframes killSlideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}#hud .death-screen{z-index:100;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}#hud .death-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0505d9;width:100%;height:100%;animation:.3s deathFadeIn;position:absolute;top:0;left:0}@keyframes deathFadeIn{0%{opacity:0}to{opacity:1}}#hud .death-content{z-index:1;flex-direction:column;align-items:center;gap:1rem;animation:.5s cubic-bezier(.16,1,.3,1) deathContentIn;display:flex;position:relative}@keyframes deathContentIn{0%{opacity:0;transform:scale(.9)translateY(20px)}to{opacity:1;transform:scale(1)translateY(0)}}#hud .death-icon{color:var(--hud-accent);opacity:.6}#hud .death-icon svg{width:48px;height:48px}#hud .death-text{font-family:var(--hud-font-display);color:var(--hud-accent);letter-spacing:.15em;text-shadow:0 0 30px #ff465580,0 0 80px #ff465533;font-size:clamp(2rem,8vw,5rem);line-height:1}#hud .death-separator{background:linear-gradient(90deg, transparent, var(--hud-accent), transparent);width:80px;height:2px;margin:.5rem 0}#hud .death-screen .respawn-btn{color:var(--hud-text);border:1px solid var(--hud-border);font-family:var(--hud-font-main);text-transform:uppercase;cursor:pointer;pointer-events:auto;letter-spacing:.15em;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);background:0 0;align-items:center;gap:.8rem;padding:1rem 3rem;font-size:1rem;font-weight:800;transition:all .25s;display:flex}#hud .death-screen .respawn-btn:hover:not(:disabled){background:var(--hud-accent);color:#fff;box-shadow:0 6px 25px var(--hud-accent-glow);transform:translateY(-2px)}#hud .death-screen .respawn-btn:disabled{opacity:.5;cursor:default}#lobby-screen{background:var(--bg-dark,#0a0a0c);background-image:radial-gradient(ellipse at 25% 50%, #4a9eff0a 0%, transparent 50%), radial-gradient(ellipse at 75% 50%, #ff46550a 0%, transparent 50%), radial-gradient(circle at 50% 50%, #12121a 0%, var(--bg-dark,#0a0a0c) 100%);z-index:100;width:100%;height:100%;font-family:var(--hud-font-main);color:var(--hud-text);flex-direction:column;display:flex;position:absolute;top:0;left:0;overflow:hidden auto}#lobby-screen .lobby-bg-effects{z-index:0;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}#lobby-screen .lobby-scanlines{background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00000005 2px 4px);width:100%;height:100%;position:absolute;top:0;left:0}#lobby-screen .lobby-vignette{width:100%;height:100%;position:absolute;top:0;left:0;box-shadow:inset 0 0 150px 40px #0009}#lobby-screen .lobby-header{border-bottom:1px solid var(--hud-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20;background:#0a0a0cb3;justify-content:space-between;align-items:center;height:clamp(44px,10vh,64px);padding:0 clamp(.5rem,2vw,2rem);display:flex;position:relative}#lobby-screen .lobby-header-left{align-items:center;gap:1rem;display:flex}#lobby-screen .lobby-leave-btn{border:1px solid var(--hud-border);color:var(--hud-text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}#lobby-screen .lobby-leave-btn:hover{color:var(--hud-accent);border-color:var(--hud-accent);background:#ff465514}#lobby-screen .lobby-match-info{flex-direction:column;gap:.15rem;display:flex}#lobby-screen .match-type{letter-spacing:.1em;align-items:center;gap:.5rem;font-size:1rem;font-weight:900;display:flex}#lobby-screen .match-type svg{width:14px;height:14px;color:var(--hud-accent)}#lobby-screen .player-count{font-family:var(--hud-font-mono);color:var(--hud-text-muted);letter-spacing:.08em;align-items:center;gap:.4rem;font-size:.7rem;display:flex}#lobby-screen .player-count svg{width:12px;height:12px}#lobby-screen .room-code-container{align-items:center;gap:.8rem;display:flex}#lobby-screen .room-code-label{color:var(--hud-text-muted);letter-spacing:.15em;text-transform:uppercase;font-size:.65rem;font-weight:700}#lobby-screen .room-code{color:var(--hud-accent);font-family:var(--hud-font-mono);letter-spacing:.3em;cursor:pointer;text-shadow:0 0 12px var(--hud-accent-glow);background:#ff465514;border:1px solid #ff465533;padding:.3rem 1rem;font-size:clamp(1rem,3vw,1.6rem);font-weight:900;transition:all .2s}#lobby-screen .room-code:hover{background:#ff46551f;border-color:#ff465566}#lobby-screen .room-code.copied{text-shadow:0 0 12px #4ade8066;background:#4ade8014;border-color:#4ade804d;color:#4ade80!important}#lobby-screen .copy-hint{color:var(--hud-text-muted);letter-spacing:.1em;opacity:.6;align-items:center;gap:.3rem;font-size:.6rem;display:flex}#lobby-screen .split-container{z-index:10;flex:1;display:flex;position:relative}#lobby-screen .split-divider{background:linear-gradient(180deg, transparent 0%, var(--hud-border) 15%, var(--hud-border) 85%, transparent 100%);z-index:10;justify-content:center;align-items:center;width:1px;display:flex;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}#lobby-screen .team-column{cursor:pointer;flex-direction:column;flex:1;gap:.8rem;padding:clamp(.5rem,2vh,1.5rem) clamp(.8rem,3vw,2.5rem) clamp(.5rem,2vh,2rem);transition:background .3s;display:flex}#lobby-screen .team-column:hover{background:#ffffff04}#lobby-screen .team-column.team-a{align-items:flex-end}#lobby-screen .team-column.team-b{align-items:flex-start}#lobby-screen .team-column.selected.team-a{background:radial-gradient(circle at 100%,#4a9eff0f 0%,#0000 60%)}#lobby-screen .team-column.selected.team-b{background:radial-gradient(circle at 0%,#ff46550f 0%,#0000 60%)}#lobby-screen .team-header{align-items:center;gap:.8rem;margin-bottom:.5rem;display:flex}#lobby-screen .team-icon{opacity:.3}#lobby-screen .team-column.team-a .team-icon{color:var(--hud-team-alpha)}#lobby-screen .team-column.team-b .team-icon{color:var(--hud-team-bravo)}#lobby-screen .team-name{font-family:var(--hud-font-display);letter-spacing:.08em;text-transform:uppercase;font-size:clamp(1.2rem,4vw,2.2rem)}#lobby-screen .team-column.team-a .team-name{color:var(--hud-team-alpha);text-shadow:0 0 25px #4a9eff4d}#lobby-screen .team-column.team-b .team-name{color:var(--hud-team-bravo);text-shadow:0 0 25px #ff46554d}#lobby-screen .slots-container{pointer-events:none;flex-direction:column;gap:.4rem;width:100%;display:flex}#lobby-screen .team-column.team-a .slots-container{align-items:flex-end}#lobby-screen .team-column.team-b .slots-container{align-items:flex-start}#lobby-screen .player-slot{width:85%;max-width:420px;font-family:var(--hud-font-mono);pointer-events:none;background:#0000004d;border:1px solid #ffffff0f;align-items:center;gap:.8rem;padding:.8rem 1rem;animation:.3s both slotAppear;display:flex}#lobby-screen .slot-index{color:var(--hud-text-muted);opacity:.5;min-width:20px;font-size:.65rem}#lobby-screen .team-column.team-a .player-slot{border-right:3px solid var(--hud-team-alpha);flex-direction:row-reverse}#lobby-screen .team-column.team-b .player-slot{border-left:3px solid var(--hud-team-bravo)}#lobby-screen .player-slot.filled{background:#ffffff08}#lobby-screen .player-slot.empty{opacity:.4;border:1px dashed #ffffff0f}#lobby-screen .team-column.team-a .player-slot.empty{border-right:3px dashed #4a9eff26}#lobby-screen .team-column.team-b .player-slot.empty{border-left:3px dashed #ff465526}#lobby-screen .empty-slot-text{color:var(--hud-text-muted);letter-spacing:.1em;opacity:.6;font-size:.7rem}#lobby-screen .player-name{color:#fff;flex:1;font-size:.95rem;font-weight:600}#lobby-screen .player-weapon{color:var(--hud-text-muted);font-size:.75rem}#lobby-screen .player-you-badge{color:var(--hud-accent);letter-spacing:.1em;background:#ff46551f;border:1px solid #ff465540;margin-left:.5rem;padding:.1rem .4rem;font-size:.55rem;font-weight:800}#lobby-screen .lobby-footer{border-top:1px solid var(--hud-border);z-index:20;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a0cb3;justify-content:space-between;align-items:center;padding:clamp(.5rem,1.5vh,1rem) clamp(.8rem,3vw,2.5rem);display:flex;position:relative}#lobby-screen .weapon-selector{align-items:center;gap:1rem;display:flex}#lobby-screen .weapon-label{color:var(--hud-text-muted);letter-spacing:.15em;text-transform:uppercase;font-size:.7rem;font-weight:800}#lobby-screen .weapon-list{gap:.4rem;display:flex}#lobby-screen .weapon-btn{color:var(--hud-text-muted);font-family:var(--hud-font-main);cursor:pointer;clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);letter-spacing:.05em;background:#00000080;border:1px solid #ffffff14;padding:.6rem 1.2rem;font-size:.8rem;font-weight:700;transition:all .2s}#lobby-screen .weapon-btn:hover{color:#fff;background:#ffffff0a;border-color:#ffffff40}#lobby-screen .weapon-btn.selected{border-color:var(--hud-accent);color:#fff;background:#ff46551a;box-shadow:0 0 12px #ff465526}#lobby-screen .lobby-start-btn{padding:.9rem 2.5rem;font-size:1rem}#scoreboard{z-index:300;pointer-events:none;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0000008c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.sb-inner{background:var(--hud-bg-dark);border:1px solid var(--hud-border);width:740px;max-width:92vw;font-family:var(--hud-font-main);color:var(--hud-text);animation:.15s sbAppear;position:relative;box-shadow:0 20px 60px #00000080}.sb-inner:before,.sb-inner:after{content:"";border-color:var(--hud-accent);opacity:.4;z-index:1;border-style:solid;width:14px;height:14px;position:absolute}.sb-inner:before{border-width:2px 0 0 2px;top:-1px;left:-1px}.sb-inner:after{border-width:0 2px 2px 0;bottom:-1px;right:-1px}@keyframes sbAppear{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.sb-header{border-bottom:1px solid var(--hud-border);background:#ffffff05;justify-content:center;align-items:center;gap:1rem;padding:1.2rem 2rem;display:flex}.sb-team-block{align-items:center;gap:1rem;display:flex}.sb-team-block-a,.sb-team-block-b{flex-direction:row}.sb-team-label{letter-spacing:.15em;text-transform:uppercase;font-size:.8rem;font-weight:800}.sb-team-label.sb-team-a{color:var(--hud-team-alpha)}.sb-team-label.sb-team-b{color:var(--hud-team-bravo)}.sb-score{font-size:2.5rem;font-weight:900;font-family:var(--hud-font-mono);text-align:center;min-width:50px}.sb-score-a{color:var(--hud-team-alpha);text-shadow:0 0 15px var(--hud-team-alpha-glow)}.sb-score-b{color:var(--hud-team-bravo);text-shadow:0 0 15px var(--hud-team-bravo-glow)}.sb-vs-container{justify-content:center;align-items:center;padding:0 .5rem;display:flex}.sb-vs{color:var(--hud-text-muted);letter-spacing:.25em;border:1px solid var(--hud-border);padding:.3rem .8rem;font-size:.7rem;font-weight:800}.sb-columns{display:flex}.sb-col{flex:1;min-width:0}.sb-col-a{border-right:1px solid var(--hud-border)}.sb-col-header{border-bottom:1px solid var(--hud-border);background:#ffffff05;padding:.5rem 1rem;display:flex}.sb-col-header .sb-cell{color:var(--hud-text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.65rem;font-weight:700;font-family:var(--hud-font-mono)}.sb-rows{min-height:40px}.sb-row{border-bottom:1px solid #ffffff08;padding:.5rem 1rem;transition:background .15s;animation:.2s both sbRowAppear;display:flex}@keyframes sbRowAppear{0%{opacity:0}to{opacity:1}}.sb-row:hover{background:#ffffff08}.sb-cell{font-size:.85rem}.sb-cell.sb-rank{width:35px;font-family:var(--hud-font-mono);color:var(--hud-text-muted);opacity:.5;font-size:.7rem}.sb-cell.sb-name{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:600;overflow:hidden}.sb-cell.sb-stat{text-align:center;width:45px;font-family:var(--hud-font-mono);color:var(--hud-text-muted)}.sb-cell.sb-stat-highlight{color:var(--hud-text);font-weight:700}#match-end{z-index:400;width:100%;height:100%;font-family:var(--hud-font-main);color:var(--hud-text);pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;padding:clamp(.5rem,2vh,2rem) 0;display:flex;position:absolute;top:0;left:0;overflow:hidden auto}.me-flash{z-index:0;width:100%;height:100%;animation:1.5s ease-out forwards meFlash;position:absolute;top:0;left:0}.me-win .me-flash{background:radial-gradient(#4a9eff26 0%,#000000f2 55%)}.me-lose .me-flash{background:radial-gradient(#ff465526 0%,#000000f2 55%)}.me-draw .me-flash{background:radial-gradient(#ffffff14 0%,#000000f2 55%)}@keyframes meFlash{0%{opacity:0}15%{opacity:1}to{opacity:1}}.me-outcome-label{font-family:var(--hud-font-display);letter-spacing:.08em;z-index:1;opacity:0;font-size:clamp(2.5rem,10vw,6rem);line-height:1;animation:.6s cubic-bezier(.16,1,.3,1) forwards meSlideUp;transform:translateY(40px)}.me-win .me-outcome-label{color:#4a9eff;text-shadow:0 0 30px #4a9eff80,0 0 80px #4a9eff33}.me-lose .me-outcome-label{color:#ff4655;text-shadow:0 0 30px #ff465580,0 0 80px #ff465533}.me-draw .me-outcome-label{color:#aaa;text-shadow:0 0 20px #ffffff4d}@keyframes meSlideUp{to{opacity:1;transform:translateY(0)}}.me-subtitle{letter-spacing:.3em;text-transform:uppercase;color:var(--hud-text-muted);z-index:1;opacity:0;margin-top:.3rem;font-size:.9rem;font-weight:700;animation:.8s .3s forwards meFadeIn}@keyframes meFadeIn{to{opacity:1}}.me-scores{z-index:1;opacity:0;align-items:center;gap:1.2rem;margin-top:1.5rem;animation:.5s cubic-bezier(.16,1,.3,1) .4s forwards meScaleIn;display:flex;transform:scale(.5)}@keyframes meScaleIn{to{opacity:1;transform:scale(1)}}.me-score{font-size:clamp(2rem,7vw,4rem);font-weight:900;font-family:var(--hud-font-mono)}.me-score-a{color:var(--hud-team-alpha);text-shadow:0 0 20px var(--hud-team-alpha-glow)}.me-score-b{color:var(--hud-team-bravo);text-shadow:0 0 20px var(--hud-team-bravo-glow)}.me-sep{color:var(--hud-text-muted);font-size:1.5rem;font-weight:300}.me-stats{z-index:1;opacity:0;gap:clamp(1rem,4vw,3rem);margin-top:clamp(.5rem,2vh,2rem);animation:.6s .7s forwards meFadeIn;display:flex}.me-stat{flex-direction:column;align-items:center;gap:.3rem;display:flex}.me-stat-val{font-size:clamp(1.2rem,4vw,2rem);font-weight:800;font-family:var(--hud-font-mono);color:var(--hud-text)}.me-stat-label{letter-spacing:.2em;color:var(--hud-text-muted);text-transform:uppercase;font-size:.65rem;font-weight:700}.me-board{z-index:1;opacity:0;gap:2px;width:90%;max-width:700px;margin-top:1.5rem;animation:.6s .9s forwards meFadeIn;display:flex}.me-board-col{border:1px solid var(--hud-border);background:#0006;border-radius:4px;flex:1;overflow:hidden}.me-board-a{border-top:2px solid var(--hud-team-alpha)}.me-board-b{border-top:2px solid var(--hud-team-bravo)}.me-board-header{letter-spacing:.15em;text-transform:uppercase;color:var(--hud-text-muted);border-bottom:1px solid var(--hud-border);justify-content:space-between;padding:6px 12px;font-size:.65rem;font-weight:800;display:flex}.me-board-hdr-kd{opacity:.6;font-size:.6rem}.me-board-row{border-bottom:1px solid #ffffff08;align-items:center;gap:8px;padding:5px 12px;font-size:.75rem;display:flex}.me-board-row:last-child{border-bottom:none}.me-board-local{background:#ffffff0f;font-weight:700}.me-board-name{text-overflow:ellipsis;white-space:nowrap;color:var(--hud-text);font-family:var(--hud-font-mono);flex:1;overflow:hidden}.me-board-kd{font-family:var(--hud-font-mono);color:var(--hud-text-muted);text-align:right;min-width:50px;font-size:.7rem}.me-board-ratio{font-family:var(--hud-font-mono);color:var(--hud-accent);text-align:right;min-width:30px;font-size:.7rem;font-weight:700}.me-back-btn{z-index:1;border:1px solid var(--hud-border);color:var(--hud-text);font-family:var(--hud-font-main);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;opacity:0;pointer-events:auto;clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);background:0 0;margin-top:1.5rem;padding:.8rem 2.5rem;font-size:1rem;font-weight:700;transition:all .25s;animation:.5s 1s forwards meFadeIn}.me-back-btn:hover{border-color:var(--hud-text);background:#ffffff14;transform:translateY(-2px)}.me-win .me-back-btn:hover{border-color:var(--hud-team-alpha);color:var(--hud-team-alpha);box-shadow:0 4px 15px #4a9eff26}.me-lose .me-back-btn:hover{border-color:var(--hud-team-bravo);color:var(--hud-team-bravo);box-shadow:0 4px 15px #ff465526}#pause-menu{z-index:350;pointer-events:auto;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.pause-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000a6;width:100%;height:100%;animation:.2s pauseFadeIn;position:absolute;top:0;left:0}@keyframes pauseFadeIn{0%{opacity:0}to{opacity:1}}.pause-panel{z-index:1;background:var(--hud-bg-dark);border:1px solid var(--hud-border);flex-direction:column;align-items:center;gap:.8rem;min-width:320px;padding:2.5rem 3rem;animation:.25s cubic-bezier(.16,1,.3,1) pauseSlideIn;display:flex;position:relative;box-shadow:0 20px 60px #0006}.pause-panel:before,.pause-panel:after{content:"";border-color:var(--hud-accent);opacity:.4;border-style:solid;width:14px;height:14px;position:absolute}.pause-panel:before{border-width:2px 0 0 2px;top:-1px;left:-1px}.pause-panel:after{border-width:0 2px 2px 0;bottom:-1px;right:-1px}@keyframes pauseSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.pause-title{font-family:var(--hud-font-display);letter-spacing:.08em;color:var(--hud-text);font-size:3rem}.pause-subtitle{font-family:var(--hud-font-mono);color:var(--hud-text-muted);letter-spacing:.3em;margin-bottom:1.5rem;font-size:.65rem}.pause-btn-primary,.pause-btn,.pause-btn-danger{width:100%;font-family:var(--hud-font-main);text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border:1px solid var(--hud-border);text-align:center;padding:.9rem 2rem;font-size:.95rem;font-weight:700;transition:all .2s}.pause-btn-primary{background:var(--hud-accent);color:#fff;border-color:var(--hud-accent);clip-path:polygon(0 0,100% 0,calc(100% - 8px) 100%,0 100%)}.pause-btn-primary:hover{background:var(--hud-accent-hover);box-shadow:0 4px 15px var(--hud-accent-glow);transform:translateY(-2px)}.pause-btn{color:var(--hud-text);background:0 0}.pause-btn:hover{background:#ffffff0d;border-color:#ffffff40}.pause-btn-danger{color:var(--hud-accent);background:0 0;border-color:#ff465540}.pause-btn-danger:hover{border-color:var(--hud-accent);background:#ff465514}.pause-settings{z-index:1;background:var(--hud-bg-dark);border:1px solid var(--hud-border);flex-direction:column;gap:1rem;width:420px;max-height:80vh;padding:2rem 2.5rem;animation:.2s pauseSlideIn;display:flex;position:relative;overflow-y:auto;box-shadow:0 20px 60px #0006}.pause-settings:before,.pause-settings:after{content:"";border-color:var(--hud-accent);opacity:.3;border-style:solid;width:12px;height:12px;position:absolute}.pause-settings:before{border-width:2px 0 0 2px;top:-1px;left:-1px}.pause-settings:after{border-width:0 2px 2px 0;bottom:-1px;right:-1px}.pause-settings-title{font-family:var(--hud-font-mono);color:var(--hud-accent);letter-spacing:.15em;text-shadow:0 0 10px #ff465533;margin-bottom:.3rem;font-size:.8rem}.pause-keys-title{font-family:var(--hud-font-mono);color:var(--hud-text-muted);letter-spacing:.2em;border-bottom:1px solid var(--hud-border);margin-top:.5rem;padding-bottom:.3rem;font-size:.65rem;font-weight:700}.pause-slider-row{flex-direction:column;gap:.3rem;display:flex}.pause-slider-header{font-family:var(--hud-font-mono);color:var(--hud-text-muted);letter-spacing:.1em;justify-content:space-between;font-size:.7rem;font-weight:700;display:flex}.pause-slider-val{color:var(--hud-accent)}.pause-slider{appearance:none;cursor:pointer;background:#ffffff1a;outline:none;width:100%;height:3px}.pause-slider::-webkit-slider-thumb{-webkit-appearance:none;background:var(--hud-accent);cursor:pointer;width:14px;height:14px;box-shadow:0 0 8px var(--hud-accent-glow);border:none}.pause-slider::-moz-range-thumb{background:var(--hud-accent);border:none;width:14px;height:14px}.pause-keybind-row{justify-content:space-between;align-items:center;padding:.4rem 0;display:flex}.pause-keybind-label{font-family:var(--hud-font-mono);color:var(--hud-text-muted);letter-spacing:.08em;font-size:.75rem}.pause-keybind-btn{border:1px solid var(--hud-border);color:var(--hud-text);font-family:var(--hud-font-mono);text-align:center;cursor:pointer;background:#00000080;min-width:65px;padding:.3rem 1rem;font-size:.8rem;font-weight:700;transition:all .2s}.pause-keybind-btn:hover{background:#ffffff0a;border-color:#ffffff4d}.pause-keybind-btn.listening{border-color:var(--hud-accent);color:var(--hud-accent);animation:.8s infinite keybindPulse}.pause-settings-btns{gap:.8rem;margin-top:.5rem;display:flex}.pause-btn-small,.pause-btn-small-primary{font-family:var(--hud-font-main);text-transform:uppercase;cursor:pointer;border:1px solid var(--hud-border);text-align:center;flex:1;padding:.7rem 1rem;font-size:.85rem;font-weight:700;transition:all .2s}.pause-btn-small{color:var(--hud-text);background:0 0}.pause-btn-small:hover{background:#ffffff0d}.pause-btn-small-primary{background:var(--hud-accent);color:#fff;border-color:var(--hud-accent)}.pause-btn-small-primary:hover{background:var(--hud-accent-hover)}.pause-settings::-webkit-scrollbar{width:3px}.pause-settings::-webkit-scrollbar-track{background:0 0}.pause-settings::-webkit-scrollbar-thumb{background:#ffffff1f}.pause-weapon-hint{font-family:var(--hud-font-mono);color:var(--hud-text-muted);letter-spacing:.05em;border-left:2px solid var(--hud-accent);background:#ff46550f;padding:.5rem .8rem;font-size:.7rem}.pause-weapon-grid{flex-direction:column;gap:.4rem;display:flex}.pause-weapon-card{border:1px solid var(--hud-border);cursor:pointer;text-align:left;font-family:var(--hud-font-main);background:#ffffff05;flex-direction:column;gap:.25rem;padding:.8rem 1rem;transition:all .15s;display:flex}.pause-weapon-card:hover{background:#ffffff0d;border-color:#fff3}.pause-weapon-card.selected{border-color:var(--hud-accent);background:#ff465514;box-shadow:0 0 12px #ff46551a}.pause-weapon-name{color:var(--hud-text);text-transform:uppercase;letter-spacing:.05em;font-size:.95rem;font-weight:700}.pause-weapon-card.selected .pause-weapon-name{color:var(--hud-accent)}.pause-weapon-type{font-family:var(--hud-font-mono);color:var(--hud-text-muted);letter-spacing:.12em;font-size:.6rem}.pause-weapon-stats{font-family:var(--hud-font-mono);color:var(--hud-text-muted);letter-spacing:.05em;gap:1rem;margin-top:.15rem;font-size:.65rem;display:flex}.pause-weapon-stats b{color:var(--hud-text);margin-left:.2rem}.scope-overlay{pointer-events:none;z-index:50;width:100vw;height:100vh;position:fixed;top:0;left:0}.scope-circle{border:2px solid #000c;border-radius:50%;width:min(90vh,90vw);height:min(90vh,90vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 max(100vw,100vh) #000000d9,inset 0 0 80px #0000004d}.scope-crosshair-h{background:#0009;width:100%;height:1px;position:absolute;top:50%;left:0;transform:translateY(-.5px)}.scope-crosshair-v{background:#0009;width:1px;height:100%;position:absolute;top:0;left:50%;transform:translate(-.5px)}.damage-flash{pointer-events:none;z-index:40;opacity:0;border:0 solid #0000;width:100vw;height:100vh;position:fixed;top:0;left:0;box-shadow:inset 0 0 #0000}.damage-flash.active{animation:.4s ease-out forwards damageFlash}@keyframes damageFlash{0%{opacity:1;transform:translate(3px,-2px);box-shadow:inset 0 0 120px 40px #ff000080}15%{transform:translate(-4px,3px)}30%{transform:translate(2px,-3px)}45%{transform:translate(-2px,1px)}60%{transform:translate(1px,-1px);box-shadow:inset 0 0 80px 20px #f003}to{opacity:0;transform:translate(0);box-shadow:inset 0 0 60px 10px #f000}}.scope-vignette{background:radial-gradient(circle,#0000 60%,#0006 100%);border-radius:50%;width:min(90vh,90vw);height:min(90vh,90vw);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.mv-overlay{z-index:350;width:100%;height:100%;font-family:var(--hud-font-main);color:var(--hud-text);pointer-events:auto;flex-direction:column;justify-content:center;align-items:center;gap:clamp(8px,2vh,20px);padding:clamp(.5rem,2vh,1rem) 0;display:flex;position:absolute;top:0;left:0;overflow:hidden auto}.mv-flash{z-index:0;background:radial-gradient(#4a9eff14 0%,#000000f2 55%);width:100%;height:100%;animation:1s ease-out forwards meFlash;position:absolute;top:0;left:0}.mv-header{z-index:1;opacity:0;flex-direction:column;align-items:center;gap:4px;animation:.6s cubic-bezier(.16,1,.3,1) forwards meSlideUp;display:flex;transform:translateY(30px)}.mv-tagline{font-family:var(--hud-font-mono);letter-spacing:.2em;color:var(--hud-text-muted);text-transform:uppercase;font-size:.7rem}.mv-title{font-family:var(--hud-font-display);letter-spacing:.08em;color:var(--hud-text);text-shadow:0 0 40px #ffffff1a;font-size:clamp(2rem,7vw,4rem);line-height:1}.mv-timer{font-family:var(--hud-font-mono);color:var(--hud-team-alpha);letter-spacing:.15em;font-size:1.4rem;font-weight:700;transition:color .3s}.mv-timer-urgent{animation:.5s ease-in-out infinite mvPulse;color:var(--hud-accent)!important}@keyframes mvPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.mv-timer-bar{z-index:1;opacity:0;background:#ffffff0f;border-radius:2px;width:400px;max-width:80%;height:3px;animation:.5s .3s forwards meFadeIn;overflow:hidden}.mv-timer-fill{background:linear-gradient(90deg, var(--hud-accent), var(--hud-team-alpha));border-radius:2px;width:100%;height:100%}.mv-grid{z-index:1;flex-wrap:wrap;justify-content:center;gap:16px;padding:0 24px;display:flex}.mv-card{background:var(--hud-bg-panel);border:1px solid var(--hud-border);cursor:pointer;min-width:clamp(130px,28vw,200px);color:var(--hud-text);font-family:var(--hud-font-main);clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);opacity:0;border-radius:4px;flex-direction:column;align-items:center;gap:clamp(4px,1vw,8px);padding:clamp(12px,3vw,28px) clamp(16px,4vw,36px) clamp(10px,2vw,20px);transition:all .25s cubic-bezier(.16,1,.3,1);animation:.5s cubic-bezier(.16,1,.3,1) forwards mvCardIn;display:flex;position:relative;overflow:hidden;transform:translateY(20px)scale(.95)}@keyframes mvCardIn{to{opacity:1;transform:translateY(0)scale(1)}}.mv-card:before{content:"";background:var(--hud-team-alpha);opacity:0;width:100%;height:2px;transition:opacity .25s;position:absolute;top:0;left:0}.mv-card:hover{background:#4a9eff0f;border-color:#4a9eff4d;transform:translateY(-2px)}.mv-card:hover:before{opacity:.5}.mv-card-selected{box-shadow:0 0 30px #4a9eff26,inset 0 0 30px #4a9eff0d;border-color:var(--hud-team-alpha)!important;background:#4a9eff1f!important}.mv-card-selected:before{opacity:1!important}.mv-card-badge{font-family:var(--hud-font-mono);color:var(--hud-text-muted);letter-spacing:.1em;opacity:.4;font-size:.65rem;font-weight:700;position:absolute;top:8px;right:12px}.mv-card-name{text-transform:uppercase;letter-spacing:.08em;font-size:1rem;font-weight:800;line-height:1.2}.mv-card-count{font-family:var(--hud-font-mono);color:var(--hud-team-alpha);font-size:clamp(1.5rem,5vw,2.5rem);font-weight:900;line-height:1;transition:color .3s}.mv-card-label{letter-spacing:.2em;color:var(--hud-text-muted);text-transform:uppercase;font-size:.6rem;font-weight:700}.mv-card-bar{background:#ffffff0a;border-radius:2px;width:100%;height:3px;margin-top:4px;overflow:hidden}.mv-card-bar-fill{background:var(--hud-team-alpha);border-radius:2px;width:0%;height:100%;transition:width .4s cubic-bezier(.16,1,.3,1)}.mv-card-winner{transform:scale(1.05);box-shadow:0 0 40px #4caf5033;background:#4caf5026!important;border-color:#4caf50!important}.mv-card-winner:before{opacity:1!important;background:#4caf50!important}.mv-card-winner .mv-card-count{color:#4caf50}.mv-card-winner .mv-card-bar-fill{background:#4caf50}.mv-card-loser{opacity:.25;pointer-events:none;transform:scale(.95)}.mv-hint{font-family:var(--hud-font-mono);color:var(--hud-text-muted);letter-spacing:.1em;z-index:1;opacity:0;font-size:.7rem;animation:.6s .8s forwards meFadeIn}.mv-result{font-family:var(--hud-font-display);letter-spacing:.1em;color:#4caf50;text-shadow:0 0 30px #4caf5080;z-index:1;opacity:0;margin-top:12px;font-size:2rem;animation:.5s cubic-bezier(.16,1,.3,1) forwards meSlideUp;transform:translateY(20px)}@media (width<=500px){#lobby-screen .split-container{flex-direction:column}#lobby-screen .split-divider{background:linear-gradient(90deg, transparent 0%, var(--hud-border) 15%, var(--hud-border) 85%, transparent 100%);width:100%;height:1px;position:relative;inset:auto 0;transform:none}#lobby-screen .split-divider .vs-badge{transform:none}#lobby-screen .team-column{min-height:auto}#lobby-screen .team-name{font-size:1.2rem}#lobby-screen .player-slot{max-width:100%!important;padding:.4rem .6rem!important}#lobby-screen .lobby-footer{flex-wrap:wrap;justify-content:center;gap:.5rem}#lobby-screen .lobby-footer button{padding:.5rem 1rem!important;font-size:.7rem!important}.mv-grid{flex-direction:column;align-items:center;gap:8px}.mv-card{width:80%!important;min-width:auto!important}.mv-hint{text-align:center;padding:0 1rem;font-size:.55rem}#match-end{justify-content:flex-start;padding:2rem 0 1rem}.me-scores{gap:.8rem!important;margin-top:.8rem!important}.me-stats{flex-wrap:wrap;justify-content:center}.me-board{flex-direction:column!important;width:90%!important;max-width:none!important}.me-board-col{width:100%}#scoreboard .sb-inner{flex-direction:column!important;width:95%!important}.pause-weapon-grid{grid-template-columns:1fr!important}.pause-weapon-card{padding:.6rem!important}}@media (height<=400px) and (width<=800px){#lobby-screen .split-container{flex-direction:row}#lobby-screen .team-column{gap:.3rem!important;padding:.3rem .5rem!important}#lobby-screen .team-name{font-size:1rem}#lobby-screen .player-slot{padding:.3rem .5rem!important;font-size:.7rem!important}#lobby-screen .lobby-header{height:36px!important;padding:0 .5rem!important}#lobby-screen .lobby-footer{padding:.3rem .5rem!important}#lobby-screen .lobby-footer button{padding:.3rem .6rem!important;font-size:.6rem!important}}