@import"https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Orbitron:wght@400..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Hanken+Grotesk:ital,wght@0,100..900;1,100..900&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Orbitron:wght@400..900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";:root{--hud: #4ac2f0;--hud-glow: #7dd8ff;--target: #f54242;--target-glow: #ff6b6b;--font-primary: "Hanken Grotesk", "Inter", sans-serif;--font-display: "Hanken Grotesk", "Inter", sans-serif;--font-second: "Roboto Mono", sans-serif;--ui-scale: 1}.font-primary{font-family:var(--font-primary)}.font-display{font-family:var(--font-display)}.fixed-char{display:inline-block;text-align:center;width:.6em;letter-spacing:0}html,body,#root,.container{width:100%;height:100%;margin:0;padding:0;overscroll-behavior:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;background-color:#1b1b1b}canvas{touch-action:none;width:100%;height:100%;position:absolute;top:0;left:0;cursor:none}*{cursor:none}.ui{width:100%;height:100%;position:absolute;top:0;left:0;z-index:100;pointer-events:none}.hud-vitals{position:absolute;top:32px;left:48px;display:flex;align-items:flex-start;gap:10px;scale:var(--ui-scale);transform-origin:top left}.hud-vitals__bars{display:flex;flex-direction:column;justify-content:center;align-items:center}.hbar{--hbar-color: #61ffd0;width:440px;position:relative}.hbar__shell{border-radius:8px;background:#232323;height:44px;transform:skew(-30deg);display:flex;justify-content:flex-start;align-items:center;padding:6px}.hbar__fill{width:100%;height:100%;background:linear-gradient(90deg,#26f,#39f 35%,#5bf 65%,#8df);border-radius:3px}.hbar__numbers{width:30%;height:32px;transform:skew(-30deg);position:absolute;margin-left:-18px;margin-top:-5px;background:#232323;border-radius:0 8px 8px;font-size:18px;color:#fff;font-family:var(--font-primary);letter-spacing:-1px;font-weight:900;display:flex;justify-content:center;align-items:center}.hbar__numbers span{transform:skew(22deg)}.energy{width:280px;position:absolute;top:22px;margin-left:140px}.energy__shell{position:relative;background:#232323;height:22px;transform:skew(-30deg);border-radius:8px 0 8px 8px;display:flex;justify-content:flex-start;align-items:center;padding:6px}.energy__shell:before{content:"";position:absolute;top:8px;left:-8px;width:10px;height:10px;background:radial-gradient(circle at 0 0,transparent 8px,#232323 10px)}.energy__shell:after{content:"";position:absolute;top:-8px;left:96.4%;width:10px;height:10px;background:radial-gradient(circle at 0 0,transparent 8px,#232323 10px)}.energy__fill{width:100%;height:100%;background:linear-gradient(90deg,#f44,#f63 35%,#f92 65%,#fb4);border-radius:3px}.player-name{font-family:var(--font-primary);color:#f1f1f1;font-weight:400;-webkit-text-stroke:2px #1e1e1e;font-size:.7em;paint-order:stroke fill;letter-spacing:3px;display:inline-block;text-align:center}.player-name__wrap{display:flex;flex-direction:column;align-items:center;line-height:1.1}.player-name__value{font-family:var(--font-primary);font-size:1em}.player-name__level{margin-top:2px;font-family:var(--font-primary);font-size:.72em;letter-spacing:2px;color:#ffffffb8;-webkit-text-stroke:1.5px #1e1e1e;paint-order:stroke fill}.dmg-numbers{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;overflow:hidden}.dmg-number{position:absolute;transform:translate(-50%,-50%);font-family:var(--font-display);font-size:26px;font-weight:900;font-style:italic;white-space:nowrap;will-change:transform,opacity;color:#e8e8f0;text-shadow:-1px -1px 0 #111122,1px -1px 0 #111122,-1px 1px 0 #111122,1px 1px 0 #111122,0 2px 4px rgba(0,0,0,.5)}.dmg-number .dmg-char{display:inline-block}.dmg-number.dmg-big{font-size:34px;color:#ffd54f;text-shadow:-1px -1px 0 #3d2200,1px -1px 0 #3d2200,-1px 1px 0 #3d2200,1px 1px 0 #3d2200,0 0 8px rgba(255,180,0,.4),0 2px 4px rgba(0,0,0,.5)}.dmg-number.dmg-miss{font-size:18px;color:#666;text-shadow:-1px -1px 0 #111122,1px -1px 0 #111122,-1px 1px 0 #111122,1px 1px 0 #111122}.pause-overlay{position:fixed;inset:0;z-index:200;background:#000000bf;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;pointer-events:all;cursor:default!important}.pause-overlay *{cursor:default!important}.pause-overlay button,.pause-overlay input,.pause-overlay label,.pause-overlay select{cursor:pointer!important}.pause-panel{position:relative;width:min(980px,92vw);max-height:none;overflow:hidden;padding:20px 22px;background:#121212;border-radius:24px;display:flex;flex-direction:column;gap:12px}.pause-content{display:grid;grid-template-columns:minmax(320px,1fr) minmax(340px,1fr);gap:14px;align-items:start}.pause-settings{display:flex;flex-direction:column;gap:8px;min-width:0}.pause-controls{min-width:0}.pause-section-title{margin:0 0 4px;font-family:var(--font-display);font-size:14px;font-weight:900;font-style:italic;letter-spacing:4px;color:#e8e8f0;transform:skew(-8deg)}.pause-hint{font-family:var(--font-primary);font-size:10px;letter-spacing:1px;color:#ffffff47}.pause-title{margin:0;font-family:var(--font-display);font-size:24px;font-weight:900;font-style:italic;letter-spacing:6px;color:#e8e8f0;text-align:center;transform:skew(-8deg)}.pause-divider{height:1px;background:#ffffff0f}.pause-row{display:flex;align-items:center;gap:12px}.pause-label{font-family:var(--font-primary);font-size:11px;font-weight:700;letter-spacing:3px;color:#ffffff59;width:82px;flex-shrink:0;transform:skew(-8deg)}.pause-value{font-family:var(--font-display);font-size:14px;font-weight:900;font-style:italic;color:#e8e8f0;width:32px;text-align:right;transform:skew(-8deg)}.pause-slider{flex:1;-webkit-appearance:none;appearance:none;height:3px;background:#ffffff0f;border-radius:2px;outline:none;cursor:pointer}.pause-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:#f90;border:none;border-radius:50%;cursor:pointer}.pause-slider::-moz-range-thumb{width:14px;height:14px;background:#f90;border:none;border-radius:50%;cursor:pointer}.pause-select{flex:1;height:30px;background:#1b1b1b;color:#e8e8f0;border:1px solid rgba(255,255,255,.12);border-radius:8px;padding:0 10px;font-family:var(--font-primary);font-size:11px;font-weight:700;letter-spacing:1.5px;outline:none}@media(max-width:920px){.pause-panel{width:min(680px,92vw)}.pause-content{grid-template-columns:1fr;gap:16px}}@media(max-height:900px){.pause-panel{transform:scale(.9);transform-origin:center}}@media(max-height:800px){.pause-panel{transform:scale(.82)}}.pause-btn{font-family:var(--font-display);font-size:14px;font-weight:900;font-style:italic;letter-spacing:4px;color:#e8e8f0;background:#232323;border:none;border-radius:8px;padding:10px 16px;cursor:pointer;transition:background .15s ease;pointer-events:all;transform:skew(-8deg)}.pause-btn:hover{background:#2e2e2e}.pause-footer{display:flex;align-items:center;justify-content:center;gap:12px}.pause-btn--resume{padding:10px 32px}.pause-btn--lobby{padding:10px 20px;color:#e8e8f080}.pause-btn--lobby:hover{color:#e8e8f0}.pause-toggle{position:relative;width:44px;height:24px;background:#232323;border-radius:12px;cursor:pointer;transition:background .2s ease;flex-shrink:0}.pause-toggle input{display:none}.pause-toggle__knob{position:absolute;top:3px;left:3px;width:18px;height:18px;background:#ffffff40;border-radius:50%;transition:all .2s ease}.pause-toggle input:checked~.pause-toggle__knob{left:23px;background:#f90;box-shadow:0 0 6px #f906}.controls{width:100%;display:flex;flex-direction:column;gap:6px}.controls__title{margin:0;font-family:var(--font-display);font-size:16px;font-weight:900;font-style:italic;letter-spacing:6px;color:#e8e8f0;text-align:center;transform:skew(-8deg)}.controls__grid{display:flex;flex-direction:column;gap:4px}.controls__row{display:flex;align-items:center;gap:8px}.controls__key{font-family:var(--font-primary);font-size:10px;font-weight:700;letter-spacing:2px;color:#e8e8f0;background:#232323;border:none;border-radius:4px;padding:3px 8px;white-space:nowrap;min-width:32px;min-height:22px;display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box}.controls__key-group{display:flex;align-items:center;gap:4px;flex-shrink:0}.controls__key-sep{font-family:var(--font-primary);font-size:10px;color:#ffffff40}.controls__key-alt{font-family:var(--font-primary);font-size:9px;letter-spacing:1px;color:#ffffff40;margin-left:4px;white-space:nowrap}.controls__mouse-icon{height:20px;filter:brightness(0) invert(1);opacity:.7;flex-shrink:0}.controls__desc{font-family:var(--font-display);font-size:10px;color:#ffffff73;letter-spacing:1px;flex:1;text-align:right}.controls__cd{font-family:var(--font-primary);font-size:9px;letter-spacing:1px;color:#f90;opacity:.7;margin-left:6px}.controls__divider{height:1px;margin:2px 0;background:#ffffff0f}.lockon__name{position:absolute;top:-28px;left:50%;transform:translate(-50%);font-family:var(--font-primary);font-size:11px;font-weight:700;letter-spacing:3px;white-space:nowrap;text-transform:uppercase;animation:readout-flicker 5s step-end infinite}.ui-pause-btn{position:absolute;top:220px;right:20px;height:36px;border-radius:8px;border:none;background:#12121280;color:#ffffff40;display:flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;pointer-events:all;cursor:pointer;transition:all .2s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:skew(-8deg)}.ui-pause-btn__esc{font-family:var(--font-display);font-size:10px;font-weight:900;font-style:italic;letter-spacing:1px}.ui-pause-btn:hover{color:#fffc;background:#121212bf;box-shadow:0 0 12px #ff990026}.ui-pause-btn:hover svg{filter:drop-shadow(0 0 4px rgba(255,153,0,.4))}.pause-ship-info{width:100%;background:#ffffff08;border-radius:8px;padding:12px 14px;box-sizing:border-box}.pause-ship-info__header{display:flex;align-items:baseline;gap:10px;margin-bottom:6px}.pause-ship-info__name{font-family:var(--font-display);font-size:16px;font-weight:900;font-style:italic;letter-spacing:4px;color:#e8e8f0;transform:skew(-8deg);display:inline-block}.pause-ship-info__role{font-family:var(--font-primary);font-size:9px;font-weight:700;letter-spacing:3px;color:#f90;transform:skew(-8deg);display:inline-block}.pause-ship-info__desc{margin:0;font-family:var(--font-primary);font-size:11px;font-weight:500;line-height:1.5;color:#fff6}.lobby-overlay{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:flex-start;pointer-events:all;background:#00000059;cursor:default;padding-left:72px;box-sizing:border-box}.lobby-overlay *{cursor:auto}.lobby-panel{position:relative;width:360px;padding:40px 44px;background:#121212;border-radius:24px;display:flex;flex-direction:column;align-items:center;align-self:center;margin-bottom:0;gap:14px}.lobby-controls{margin-left:auto;margin-right:72px;align-self:center}.lobby-online{position:absolute;bottom:28px;left:50%;transform:translate(-50%) skew(-8deg);display:flex;align-items:baseline;gap:10px;padding:10px 18px;border-radius:10px;background:#121212eb;border:1px solid rgba(255,153,0,.22);box-shadow:0 0 22px #ff990014;pointer-events:none}.lobby-online__value{font-family:var(--font-display);font-size:24px;font-weight:900;font-style:italic;letter-spacing:2px;color:#e8e8f0;line-height:1}.lobby-online__label{font-family:var(--font-primary);font-size:10px;font-weight:700;letter-spacing:3px;color:#ffffff73;white-space:nowrap}@media(max-width:900px){.lobby-overlay{justify-content:center;padding-left:0}.lobby-online{bottom:20px;padding:8px 14px}.lobby-online__value{font-size:20px}.lobby-online__label{font-size:9px}}.lobby-title{margin:0;font-family:var(--font-display);font-size:36px;font-weight:900;font-style:italic;letter-spacing:10px;color:#e8e8f0;text-align:center;transform:skew(-8deg)}.lobby-subtitle{font-family:var(--font-primary);font-size:9px;font-weight:700;letter-spacing:4px;color:#ffffff59;text-align:center;margin-top:-8px;transform:skew(-8deg)}.lobby-rank{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:-2px}.lobby-rank__value{font-family:var(--font-display);font-size:14px;font-weight:900;font-style:italic;letter-spacing:3px;color:#e8e8f0;transform:skew(-8deg)}.lobby-rank__hint{font-family:var(--font-primary);font-size:9px;font-weight:700;letter-spacing:2px;color:#ffffff59;transform:skew(-8deg)}.lobby-divider{width:100%;height:1px;background:#ffffff0f}.lobby-form{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px}.lobby-label{font-family:var(--font-primary);font-size:11px;font-weight:700;letter-spacing:4px;color:#ffffff59;align-self:flex-start;transform:skew(-8deg)}.lobby-input{width:100%;box-sizing:border-box;padding:10px 14px;font-family:var(--font-display);font-size:16px;font-weight:900;font-style:italic;letter-spacing:3px;color:#e8e8f0;background:#232323;border:none;border-radius:8px;outline:none;text-transform:uppercase;caret-color:#f90;transform:skew(-8deg)}.lobby-input::placeholder{color:#ffffff26;letter-spacing:3px;font-style:italic}.lobby-input:focus{box-shadow:0 0 0 2px #ff99004d}.lobby-ships{width:100%;display:flex;flex-direction:column;gap:8px}.lobby-ships__list{display:flex;gap:8px;width:100%;min-width:0}.lobby-ships__list--skins{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.lobby-ship{flex:1;min-width:0;font-family:var(--font-display);font-size:14px;font-weight:900;font-style:italic;letter-spacing:4px;color:#ffffff59;background:#232323;border:2px solid transparent;border-radius:8px;padding:10px 12px;cursor:pointer;transition:all .15s ease;transform:skew(-8deg);text-align:center;white-space:nowrap}.lobby-ship--skin{font-size:11px;letter-spacing:2px;padding-left:6px;padding-right:6px;overflow:hidden}.lobby-ship:hover{background:#2e2e2e;color:#fff9}.lobby-ship--active{color:#e8e8f0;border-color:#f90;box-shadow:0 0 8px #ff990040}.lobby-ship:disabled,.lobby-ship--locked{color:#ffffff2e;border-color:#ffffff14;background:#1b1b1b;cursor:not-allowed;box-shadow:none}.lobby-ship:disabled:hover,.lobby-ship--locked:hover{background:#1b1b1b;color:#ffffff2e}.lobby-skin-lock-hint{font-family:var(--font-primary);font-size:9px;font-weight:700;letter-spacing:2px;color:#ff9900b8;transform:skew(-8deg)}.lobby-btn{font-family:var(--font-display);font-size:16px;font-weight:900;font-style:italic;letter-spacing:6px;color:#e8e8f0;background:#232323;border:none;border-radius:8px;padding:12px 40px;cursor:pointer;transition:background .15s ease;transform:skew(-8deg);margin-top:4px}.lobby-btn:hover{background:#2e2e2e}.lobby-btn:disabled{background:#1b1b1b;color:#ffffff40;cursor:not-allowed}.lobby-info-btn{position:absolute;top:16px;right:16px;width:28px;height:28px;border-radius:50%;border:1.5px solid rgba(255,255,255,.15);background:transparent;color:#fff6;font-family:var(--font-display);font-size:14px;font-weight:900;font-style:italic;line-height:1;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center;padding:0}.lobby-info-btn:hover{border-color:#ffffff59;color:#ffffffb3}.lobby-info-popup{position:absolute;top:52px;right:16px;width:280px;background:#1a1a1a;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:20px;z-index:10;display:flex;flex-direction:column;gap:8px}.lobby-info-popup__role{font-family:var(--font-display);font-size:11px;font-weight:900;font-style:italic;letter-spacing:4px;color:#f90;transform:skew(-8deg)}.lobby-info-popup__desc{margin:0;font-family:var(--font-primary);font-size:12px;font-weight:500;line-height:1.5;color:#ffffff8c}.lobby-info-popup__divider{height:1px;background:#ffffff0f;margin:4px 0}.lobby-info-popup__tips-label{font-family:var(--font-primary);font-size:9px;font-weight:700;letter-spacing:3px;color:#ffffff40}.lobby-info-popup__tips{margin:0;font-family:var(--font-primary);font-size:11px;font-weight:500;line-height:1.5;color:#ffffff73}@keyframes readout-flicker{0%,to{opacity:.7}90%{opacity:.7}91%{opacity:.3}92%{opacity:.8}94%{opacity:.4}95%{opacity:.7}}.crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cursor{position:fixed;left:0;top:0;pointer-events:none;z-index:200;will-change:transform}.cursor--target{animation:cursor-lock .3s ease-out}@keyframes cursor-lock{0%{opacity:.4}50%{opacity:1}to{opacity:1}}.cursor--shooting{opacity:.7}.lockon{position:fixed;left:0;top:0;pointer-events:none;z-index:150;will-change:transform;animation:lockon-appear .3s ease-out}@keyframes lockon-appear{0%{scale:2;opacity:0}60%{scale:.9;opacity:1}to{scale:1}}.lockon__sharp{position:relative}.lockon__rings-group{transform-origin:center;animation:rings-appear .35s cubic-bezier(.34,1.56,.64,1) both}@keyframes rings-appear{0%{transform:scale(1.8);opacity:0}60%{transform:scale(.92);opacity:1}to{transform:scale(1);opacity:1}}.lockon__ring{animation:lockon-spin 4s linear infinite;transform-origin:center}@keyframes lockon-spin{0%{transform:rotate(-45deg)}to{transform:rotate(315deg)}}.lockon__name{position:absolute;top:-24px;left:50%;transform:translate(-50%);font-family:var(--font-primary);font-size:10px;font-weight:700;letter-spacing:3px;white-space:nowrap;text-transform:uppercase;color:#fff;-webkit-text-stroke:2px #000;paint-order:stroke fill}.lockon__readout{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);font-family:var(--font-primary);font-size:12px;font-weight:700;letter-spacing:2px;white-space:nowrap;color:#fff;-webkit-text-stroke:2px #000;paint-order:stroke fill}.target-arrow{position:fixed;left:0;top:0;pointer-events:none;z-index:150;will-change:transform}.target-arrow__sharp{display:block}.target-arrow__dist{position:fixed;left:0;top:20px;pointer-events:none;z-index:150;will-change:transform;font-family:var(--font-primary);font-size:12px;font-weight:700;letter-spacing:2px;white-space:nowrap;text-align:center;color:#fff;-webkit-text-stroke:2px #000;paint-order:stroke fill}.speedometer{position:absolute;bottom:0;left:50%;transform:translate(-50%) perspective(40px) rotateX(5deg);transform-origin:bottom center;display:flex;flex-direction:column;align-items:center;gap:0;background:#121212;border-radius:40px 40px 0 0;padding:12px 48px 20px;scale:calc(.6 * var(--ui-scale))}.speedometer__value{font-family:var(--font-display);font-size:80px;font-weight:900;font-style:italic;color:#e8e8f0;text-align:center;line-height:1;transform:skew(-8deg)}.speedometer__unit{font-family:var(--font-primary);font-size:18px;font-weight:700;letter-spacing:2px;color:#ffffff59;text-transform:uppercase;margin-top:2px;transform:skew(-8deg)}.radar{position:fixed;top:140px;left:20px;z-index:101;pointer-events:none;scale:var(--ui-scale);transform-origin:top left}.radar__canvas{display:block;width:104px;height:104px;border-radius:50%;opacity:.85}.hud-rank{position:absolute;top:92px;right:20px;display:flex;flex-direction:column;align-items:flex-end;gap:1px;pointer-events:none;scale:var(--ui-scale);transform-origin:top right}.hud-rank__label{font-family:var(--font-primary);font-size:9px;font-weight:700;letter-spacing:2px;color:#fff6;transform:skew(-8deg)}.hud-rank__value{font-family:var(--font-display);font-size:16px;font-weight:900;font-style:italic;letter-spacing:3px;color:#e8e8f0;transform:skew(-8deg)}.skill-cooldowns{position:absolute;bottom:0;right:28px;display:flex;gap:32px;align-items:flex-end;scale:var(--ui-scale);transform-origin:bottom right}.skill-cooldowns__item{display:flex;flex-direction:column;align-items:center;width:72px;gap:0;background:#121212;border-radius:12px 12px 0 0;padding:10px 20px 14px;transition:opacity .3s ease;position:relative;transform:perspective(10px) rotateX(5deg);transform-origin:bottom}.skill-cooldowns__item--ready{opacity:1}.skill-cooldowns__item:after{content:"";position:absolute;top:10px;right:11px;width:6px;height:6px;border-radius:50%;background:#f90;opacity:0;box-shadow:0 0 #f90;transition:opacity .3s ease,box-shadow .3s ease}.skill-cooldowns__item--ready:after{opacity:1;box-shadow:0 0 2px #f90,0 0 4px #fa0;animation:skill-dot-pulse 1.5s ease-in-out infinite}@keyframes skill-dot-pulse{0%,to{box-shadow:0 0 4px #f90,0 0 8px #fa0}50%{box-shadow:0 0 8px #f90,0 0 16px #fa0}}.skill-cooldowns__key{font-family:var(--font-display);font-size:36px;font-weight:900;font-style:italic;color:#e8e8f0;line-height:1;transform:skew(-8deg)}.skill-cooldowns__name{font-family:var(--font-primary);font-size:10px;font-weight:700;letter-spacing:2px;color:#ffffff59;text-transform:uppercase;margin-top:1px;transform:skew(-8deg)}.skill-cooldowns__gauge{width:100%;height:3px;background:#ffffff0f;border-radius:2px;margin-top:5px;overflow:hidden}.skill-cooldowns__fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#f80,#fb3,#fd6);transition:width .15s linear}.skill-cooldowns__label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-primary);font-size:12px;font-weight:800;color:#ffffff80;pointer-events:none}.skill-cooldowns__item:not(.skill-cooldowns__item--ready) .skill-cooldowns__key{opacity:.15}.skill-cooldowns__item:not(.skill-cooldowns__item--ready) .skill-cooldowns__name{opacity:.15}.weapon-cooldowns{position:absolute;bottom:0;left:28px;display:flex;gap:32px;align-items:flex-end;scale:var(--ui-scale);transform-origin:bottom left}.weapon-cooldowns__item{display:flex;flex-direction:column;align-items:center;width:72px;gap:0;background:#121212;border-radius:12px 12px 0 0;padding:10px 20px 14px;transition:opacity .3s ease;position:relative;transform:perspective(10px) rotateX(5deg);transform-origin:bottom}.weapon-cooldowns__item--ready{opacity:1}.weapon-cooldowns__item:after{content:"";position:absolute;top:10px;right:11px;width:6px;height:6px;border-radius:50%;background:#f90;opacity:0;box-shadow:0 0 #f90;transition:opacity .3s ease,box-shadow .3s ease}.weapon-cooldowns__item--ready:after{opacity:1;box-shadow:0 0 2px #f90,0 0 4px #fa0;animation:skill-dot-pulse 1.5s ease-in-out infinite}.weapon-cooldowns__item--firing{background:#0a0a0a}.weapon-cooldowns__item--firing .weapon-cooldowns__icon{opacity:.3}.weapon-cooldowns__item--firing .weapon-cooldowns__name{opacity:.2}.weapon-cooldowns__item--firing .weapon-cooldowns__fill{opacity:.3}.weapon-cooldowns__item--firing:after{opacity:0}.weapon-cooldowns__icon{height:40px;transform:perspective(-10px) rotateX(-5deg);transform-origin:bottom;filter:brightness(0) invert(1);opacity:.9}.weapon-cooldowns__name{font-family:var(--font-primary);font-size:10px;font-weight:700;letter-spacing:2px;color:#ffffff59;text-transform:uppercase;margin-top:1px;transform:skew(-8deg)}.weapon-cooldowns__gauge{width:100%;height:3px;background:#ffffff0f;border-radius:2px;margin-top:5px;overflow:hidden}.weapon-cooldowns__fill{height:100%;border-radius:2px;background:linear-gradient(90deg,#f80,#fb3,#fd6);transition:width .15s linear}.weapon-cooldowns__label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-primary);font-size:12px;font-weight:800;color:#ffffff80;pointer-events:none}.weapon-cooldowns__item:not(.weapon-cooldowns__item--ready) .weapon-cooldowns__icon{opacity:.15}.weapon-cooldowns__item:not(.weapon-cooldowns__item--ready) .weapon-cooldowns__name{opacity:.15}.killfeed{position:absolute;top:24px;right:24px;display:flex;flex-direction:column;align-items:flex-end;gap:6px;pointer-events:none;scale:var(--ui-scale);transform-origin:top right}.killfeed__entry{display:flex;align-items:center;gap:8px;background:#121212;border-radius:6px;padding:6px 14px;transform:skew(-8deg);will-change:opacity,transform}.killfeed__killer{font-family:var(--font-display);font-size:12px;font-weight:900;font-style:italic;letter-spacing:2px;color:#e8e8f0;text-transform:uppercase}.killfeed__sep{font-family:var(--font-primary);font-size:10px;font-weight:700;letter-spacing:1px;color:#ffffff40;text-transform:lowercase}.killfeed__victim{font-family:var(--font-display);font-size:12px;font-weight:900;font-style:italic;letter-spacing:2px;color:#ffffff73;text-transform:uppercase}.killfeed__event{font-family:var(--font-primary);font-size:11px;font-weight:600;letter-spacing:1px;color:#ffffff4d}.killfeed__event-name{color:#ffffff8c;font-weight:800;text-transform:uppercase;letter-spacing:2px;font-style:italic}.death-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding-bottom:300px;pointer-events:none;animation:death-fadein .6s ease-out}.death-screen__label{font-family:var(--font-primary);font-size:12px;font-weight:700;letter-spacing:4px;color:#ffffff59;text-transform:uppercase;transform:skew(-8deg)}.death-screen__name{font-family:var(--font-display);font-size:42px;font-weight:900;font-style:italic;letter-spacing:6px;color:#e8e8f0;text-transform:uppercase;transform:skew(-8deg)}.toaster{position:fixed;top:5%;left:50%;transform:translate(-50%);z-index:150;pointer-events:none;display:flex;justify-content:center;align-items:center}.toaster p{margin:0;font-family:var(--font-display);font-size:24px;font-weight:900;font-style:italic;white-space:nowrap;text-transform:uppercase;will-change:transform,opacity;transform:skew(-8deg);color:#e8e8f0;text-shadow:-1px -1px 0 #111122,1px -1px 0 #111122,-1px 1px 0 #111122,1px 1px 0 #111122,0 2px 4px rgba(0,0,0,.5)}.toaster .toaster-char{display:inline-block}@keyframes death-fadein{0%{opacity:0;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}