:root{font-family:Avenir Next,PingFang SC,Microsoft YaHei,sans-serif;color:#213c47;background:#dce8ed;font-synthesis:none}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer;transition:background .2s,transform .2s}button:hover{filter:brightness(1.06)}button:active{transform:translateY(1px)}button:disabled{opacity:.5;cursor:wait}button:focus-visible,input:focus-visible{outline:3px solid #f27441;outline-offset:3px}[hidden]{display:none!important}#world{position:fixed;inset:0;width:100%;height:100%}#app{position:relative;height:100dvh;background:linear-gradient(90deg,#e3edf1f5,#e3edf180 45%,#e3edf114 72%)}header{height:100px;padding:0 5.5%;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;color:#233f4c;font-size:34px;font-weight:950;letter-spacing:-2px}.brand span{font-weight:500}.brand i{font-size:11px;font-style:normal;display:block;letter-spacing:3px;margin-top:2px}.status{display:flex;align-items:center;gap:9px;font-size:12px}.status b{width:7px;height:7px;background:#439d89;border-radius:50%}#lobby{height:calc(100% - 180px);display:flex;align-items:center;justify-content:space-between;padding:0 7% 2% 8%;gap:45px}.intro{align-self:center}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.5px;color:#526f7a}h1{font-size:clamp(48px,5.5vw,88px);line-height:1.18;letter-spacing:-4px;margin:25px 0;font-weight:900}h1 span{color:#de6438}.intro>p{font-size:15px;line-height:1.9;color:#526d77}.tags{display:flex;gap:10px;margin-top:27px}.tags span{border:1px solid #9eb3bb;padding:7px 12px;font-size:11px}.map-caption{display:flex;gap:15px;align-items:center;margin-top:55px;font-size:13px}.map-caption small{display:block;font-size:9px;letter-spacing:2px;margin-top:7px}.cross{font-size:34px;font-weight:200}.room-panel{width:360px;flex-shrink:0;background:#f7fafaf0;padding:30px;box-shadow:0 18px 70px #27455520;border-top:3px solid #e17446;border-radius:3px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.panel-top{display:flex;justify-content:space-between;color:#6d838b;font-size:10px;letter-spacing:1px}h2{font-size:23px;letter-spacing:-.8px;margin:22px 0 25px}label{display:block;font-size:11px;font-weight:600;margin-bottom:9px}input{width:100%;border:1px solid #ccd7da;background:#fdfefe;color:#213c47;padding:13px 14px;border-radius:3px;font-size:13px}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;border-radius:3px;background:#d9673e;color:#fff;padding:15px 18px;font-size:13px;font-weight:650;margin-top:13px}.divider{display:flex;align-items:center;gap:10px;font-size:10px;color:#83949a;margin:25px 0}.divider:before,.divider:after{content:"";height:1px;background:#d6dfe1;flex:1}.join-row{display:flex;gap:8px}.join-row input{width:0;flex:1;text-transform:uppercase;letter-spacing:2px}.join-row button{border:1px solid #b6c8ce;background:#e8eff1;color:#294f5e;border-radius:3px;padding:0 17px;font-size:12px;white-space:nowrap}#error{color:#c24930;font-size:12px;line-height:1.5;margin:12px 0}.lan{border-top:1px solid #d9e2e5;margin-top:22px;padding-top:19px}.lan b{font-size:11px}.lan p{font-size:10px;line-height:1.8;color:#748890}.lan button{background:transparent;border:0;padding:0;color:#37758a;font:12px monospace;text-align:left;word-break:break-all}footer{height:80px;margin:0 5.5%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #9fb5bf55;font-size:10px;color:#6e858f}footer b{display:inline-block;background:#f9fbfb9c;border:1px solid #b9cbd2;border-radius:3px;padding:4px 6px;margin:0 5px 0 15px;font:10px monospace}footer b:first-child{margin-left:0}body.playing #app{background:none;pointer-events:none}body.playing header{display:none}#hud{color:#fff;text-shadow:0 2px 8px #15334388}.match-top{position:absolute;left:30px;right:30px;top:25px;display:flex;justify-content:space-between;align-items:start}.room-code{font-size:11px;padding:12px;background:#203d4cc9;border-radius:4px}.room-code strong{letter-spacing:3px;margin-left:8px}.room-code button{pointer-events:auto;border:0;background:#ffffff1f;color:#fff;margin-left:10px;padding:6px 8px;border-radius:2px;font-size:10px}#score{background:#203d4cdd;display:flex;align-items:center;gap:20px;padding:10px 25px;border-radius:3px;font-size:12px}#score b{font-size:30px;vertical-align:middle;margin:0 10px}#score small{font-size:10px;color:#bfd3dd}.latency{font:12px monospace;background:#203d4c99;padding:9px;border-radius:3px}.bottom-hud{position:absolute;bottom:50px;left:35px;right:35px;display:flex;align-items:end;justify-content:space-between}.vitals{display:flex;gap:24px;background:#203d4ccc;padding:15px 20px;border-radius:3px}.vitals span{font-size:10px;color:#b8d3db}.vitals b{font-size:32px;display:block;color:#fff}.ammo{background:#203d4ccc;padding:15px 20px;border-radius:3px;text-align:right;min-width:165px}.ammo b{font-size:38px}.ammo small{font-size:12px}.ammo span{color:#b8d3db;font:16px monospace}#slots{display:flex;gap:5px}#slots span{background:#203d4cb0;padding:11px 12px;font-size:11px;border-bottom:2px solid transparent}#slots .active{border-bottom-color:#f58d54;background:#315b6be0}#crosshair{position:absolute;left:50%;top:50%;width:20px;height:20px;transform:translate(-50%,-50%)}#crosshair i{position:absolute;background:#fff;box-shadow:0 0 2px #000}#crosshair i:first-child{width:16px;height:2px;left:2px;top:9px}#crosshair i:last-child{width:2px;height:16px;left:9px;top:2px}#hitmarker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font:46px monospace;color:#ffad62;opacity:0}#pickup{position:absolute;top:61%;width:100%;text-align:center;font-size:14px}.controls{position:absolute;bottom:19px;width:100%;text-align:center;font-size:10px;color:#e4edf0}#feed{position:absolute;right:30px;top:100px;text-align:right;font-size:12px}#feed div{background:#203d4cbb;padding:8px 12px;margin-bottom:5px;border-radius:2px}#overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#17334450;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);pointer-events:auto}.pause-card{background:#f2f7f8;padding:35px;width:380px;border-top:3px solid #de7445;box-shadow:0 30px 100px #16333a33}.pause-card p{font-size:13px;color:#667e89;line-height:1.8}.quiet{width:100%;border:0;background:transparent;color:#687e87;padding:16px 0 0;font-size:12px}#toast{position:absolute;bottom:135px;left:50%;transform:translate(-50%);background:#244c5eeb;color:#fff;padding:12px 20px;font-size:13px;border-radius:3px;opacity:0;transition:opacity .15s;pointer-events:none}#damage{position:absolute;inset:0;box-shadow:inset 0 0 140px #dc4b38;opacity:0;pointer-events:none}@media(max-width:850px){body{overflow:auto}#app{min-height:100dvh;height:auto}header{height:85px}#lobby{flex-direction:column;align-items:stretch;height:auto;padding:25px 7%;gap:30px}.intro h1{font-size:55px}.intro>p{font-size:13px}.map-caption{display:none}.room-panel{width:100%}footer{height:auto;padding:20px 0;line-height:2;display:block}footer>span{display:block}.bottom-hud{left:10px;right:10px}#slots{display:none}#score{gap:5px;padding:5px}.match-top{left:10px;right:10px}.latency{display:none}body.playing #app{height:100dvh}.pause-card{max-width:90vw}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}#combat-status{position:absolute;top:67%;width:100%;text-align:center;font-size:12px;color:#e7f0f3;text-shadow:0 1px 5px #163341,0 1px 2px #163341;letter-spacing:.5px}#combat-status.danger{color:#ffe1a5;font-weight:700}.controls{color:#fff;text-shadow:0 1px 5px #173445,0 1px 2px #173445}#pickup{text-shadow:0 2px 5px #163341,0 1px 2px #163341}#slots span{padding:10px 8px;font-size:10px}.vitals{gap:18px}#hud:before{content:"";position:absolute;inset:0;box-shadow:inset 0 0 150px #1e35432b;pointer-events:none}#radar-wrap{position:absolute;top:100px;left:30px;width:180px;text-align:center}#radar{width:180px;height:180px;border:1px solid #89a9b270;border-radius:5px}#radar-wrap small{display:block;font-size:10px;padding-top:5px;color:#e1edf2}#death-panel{position:absolute;top:42%;width:100%;text-align:center;font-size:26px;color:#fff;text-shadow:0 2px 12px #163440;background:#203d4c99;padding:24px;pointer-events:none}@media(max-width:850px){#radar-wrap{transform:scale(.7);transform-origin:top left}}#freeze-effect{position:fixed;inset:0;z-index:12;pointer-events:none;background:radial-gradient(ellipse at center,transparent 25%,rgba(123,208,255,.12) 57%,rgba(145,218,255,.6) 100%);box-shadow:inset 0 0 80px 20px #baefffaa,inset 0 0 4px 3px #e0faff;color:#ebfbff}#freeze-effect[hidden]{display:none}.ice-cracks{position:absolute;width:100%;height:100%;fill:none;stroke:#d6f7ff;stroke-width:2;opacity:.7;filter:drop-shadow(0 0 5px #90d9ff)}.freeze-caption{position:absolute;left:50%;top:22%;transform:translate(-50%);display:flex;align-items:center;gap:14px;padding:14px 20px 19px;border:1px solid #d5f5ff88;border-radius:14px;background:#193c62de;box-shadow:0 8px 35px #459de044;min-width:280px}.freeze-icon{font-size:38px;color:#b3eaff;line-height:1}.freeze-caption strong{display:block;font-size:17px;letter-spacing:3px}.freeze-caption small{display:block;font-size:11px;color:#b4d5e7;margin-top:4px}.freeze-caption b{font-size:20px;font-variant-numeric:tabular-nums;margin-left:auto;white-space:nowrap}.freeze-track{position:absolute;left:20px;right:20px;bottom:8px;height:3px;background:#ffffff20;border-radius:3px;overflow:hidden}.freeze-track i{display:block;width:100%;height:100%;background:#a7edff;transform-origin:left;transition:transform 33ms linear}#slots .utility-count{font-size:12px;font-weight:700;color:#fff4ce;margin-left:4px;font-variant-numeric:tabular-nums}#slots{display:flex;gap:7px;position:absolute;left:50%;bottom:0;transform:translate(-50%)}.equipment-slot{position:relative;width:124px;height:76px;display:flex;align-items:center;justify-content:center;background:linear-gradient(150deg,#294956e8,#152d3cd9);border:1px solid #a5cbd13d;border-radius:9px;box-shadow:0 5px 18px #102b3626}#slots .equipment-slot.active{border:1px solid #ffbf77;box-shadow:inset 0 -3px #f5a761,0 0 15px #f3b66b16;background:linear-gradient(150deg,#4b6268ed,#254450ef)}.equipment-slot img{width:112px;height:64px;object-fit:contain;filter:drop-shadow(0 3px 3px #10253088)}.equipment-slot kbd{position:absolute;top:5px;left:7px;font:700 12px monospace;color:#dceff2;z-index:1}#slots .utility-count{position:absolute;right:7px;bottom:5px;background:#122b3ccf;border-radius:4px;padding:2px 5px;font-size:14px;color:#fff1b9;margin:0}.empty-slot-mark{font:22px sans-serif;color:#9ab2bb66}.equipment-slot.empty{border-style:dashed;opacity:.55}@media(max-width:850px){#slots{display:flex;bottom:95px}.equipment-slot{width:96px;height:66px}.equipment-slot img{width:88px;height:54px}}.build-version{color:#71858d;font:10px/1 monospace;letter-spacing:.12em;padding-left:4px;border-left:1px solid #9eb3bb}.peer-network{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.peer-network small{font-size:11px;color:#a9e6db;max-width:230px;text-align:right}.peer-network small{background:#193440bf;border-radius:4px;padding:5px 8px;color:#d5fff4}#network-mode{width:100%;padding:10px 12px;margin-bottom:10px;border:1px solid #9fb9be;border-radius:6px;background:#e8f1ee;color:#253f49;font:inherit}#score{flex-wrap:wrap;justify-content:center;max-width:min(600px,50vw);gap:8px}#score>span{white-space:nowrap}#score>small:last-child{flex-basis:100%;font-size:11px;text-align:center}