:root{color:#e8f0fd;font-synthesis:none;text-rendering:optimizelegibility;font-optical-sizing:auto;--line:#89a5cb26;--muted:#73839e;--cyan:#75e4d3;--panel:#080f1dd1;background:#070c18;font-family:Manrope,Inter,ui-sans-serif,system-ui,sans-serif;font-size:13px}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none;background:#070c18}input,textarea{-webkit-user-select:text;user-select:text}#arena{cursor:crosshair;background:radial-gradient(at 50% 48%,#0c1728 0%,#080e1c 54%,#070b15 100%);display:block;position:fixed;inset:0}.topbar{z-index:2;background:linear-gradient(#050912f0,#0509126b);border-bottom:1px solid #7a9dca1a;justify-content:space-between;align-items:center;height:66px;padding:0 28px;display:flex;position:fixed;top:0;left:0;right:0}.brand{color:#eaf2ff;letter-spacing:.15em;align-items:center;gap:11px;font-size:14px;font-weight:800;text-decoration:none;display:flex}.brand-light{color:#8fa3bd;font-weight:500}.brand small{color:#667893;letter-spacing:.2em;margin-top:3px;font:9px DM Mono,monospace;display:block}.brand-mark{color:var(--cyan);text-shadow:0 0 14px #75e4d388;font-size:28px}.net{color:#8495ae;letter-spacing:.1em;align-items:center;gap:9px;font:10px DM Mono,monospace;display:flex}.net i,.live i{background:#42d7a6;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #42d7a6}.net b{border-left:1px solid var(--line);color:#bdcbe0;margin-left:4px;padding-left:12px;font-weight:400}.online{color:#70dbb5!important}.offline{color:#f18083!important}.connecting{color:#e0bd76!important}.panel{z-index:2;background:var(--panel);border:1px solid var(--line);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);position:fixed;box-shadow:0 12px 44px #02061055}.hud-left{border-radius:8px;width:248px;padding:17px 17px 13px;top:84px;left:24px}.eyebrow,.section-title{letter-spacing:.13em;color:#8293ad;font:10px DM Mono,monospace}.eyebrow span{color:#dce9f8}.bars{gap:12px;margin:18px 0 17px;display:grid}.bar-row{grid-template-columns:1fr auto;align-items:center;gap:6px 8px;display:grid}.bar-row>span{letter-spacing:.12em;color:#8393aa;font:9px DM Mono,monospace}.bar-row>b{color:#dce8f6;font:400 10px DM Mono,monospace}.bar{background:#202b3d;border-radius:3px;grid-column:1/3;height:4px;overflow:hidden}.bar i{border-radius:3px;width:0;height:100%;transition:width .15s;display:block}.bar .hp{background:linear-gradient(90deg,#e77473,#ffae89);box-shadow:0 0 8px #ff8278}.bar .mana{background:linear-gradient(90deg,#688df6,#89baff);box-shadow:0 0 8px #719bff}.bar .xp{background:linear-gradient(90deg,#51d2b8,#adf0c6);box-shadow:0 0 8px #6fe5ce}.drone-line{border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:center;gap:9px;padding:11px 0;display:flex}.orbit-glyph{color:var(--cyan);font-size:20px}.drone-line b{color:#e8f3ff;font:600 13px DM Mono,monospace}.drone-line small{letter-spacing:.1em;color:#71829a;margin-top:2px;font:8px DM Mono,monospace;display:block}.sep{background:var(--line);width:1px;height:27px;margin-left:auto}.flight{text-align:right}.flight b{color:#f1bf75}.boost-state{color:#8394ad;letter-spacing:.1em;justify-content:space-between;align-items:center;margin-top:12px;font:9px DM Mono,monospace;display:flex}.boost-state span{color:#75e4d3}.boost-state.active span{color:#ffbd70;text-shadow:0 0 10px #ffb66066}.movement-readout{color:#dff9f5;gap:2px;margin-top:10px;font:11px DM Mono,monospace;display:grid}.movement-readout small{color:#9aacc2;font:9px system-ui,sans-serif}.active-bonuses{color:#e7d19e;min-height:14px;margin-top:8px;font:9px/1.5 DM Mono,monospace}.leader{border-radius:8px;width:222px;padding:15px 15px 9px;top:84px;right:24px}.section-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding-bottom:11px;display:flex}.live{color:#65d5ad;align-items:center;gap:6px;font-size:9px;display:flex}.live i{width:5px;height:5px}.leader-row{border-bottom:1px solid #89a5cb12;align-items:center;gap:8px;height:31px;display:flex}.leader-row:last-child{border:0}.rank{color:#667893;width:18px;font:9px DM Mono,monospace}.leader-dot{background:var(--c);width:7px;height:7px;box-shadow:0 0 7px var(--c);border-radius:50%}.leader-name{white-space:nowrap;text-overflow:ellipsis;color:#adbbce;flex:1;font-size:11px;overflow:hidden}.leader-row b{color:#d7e4f3;font:10px DM Mono,monospace}.leader-row.self .leader-name{color:#fff}.leader-row.self b{color:var(--cyan)}.upgrade-panel{border-radius:8px;width:min(710px,100% - 48px);padding:13px 16px 15px;bottom:46px;left:50%;transform:translate(-50%)}.points{color:#7487a2}.points b{color:var(--cyan);font-size:12px}.skill-grid{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:11px;display:grid}.skill{color:#dce8f8;text-align:left;cursor:pointer;background:#131f328c;border:1px solid #89a5cb1f;border-radius:5px;min-height:61px;padding:8px 9px 8px 39px;transition:all .15s;position:relative}.skill:hover:not(:disabled){background:#1e3a46a3;border-color:#72d9c988;transform:translateY(-2px)}.skill:disabled{opacity:.52;cursor:default}.skill-key{color:#94a8c2;border:1px solid #41516a;border-radius:4px;place-items:center;width:20px;height:20px;font:10px DM Mono,monospace;display:grid;position:absolute;top:9px;left:9px}.skill-code{color:var(--cyan);letter-spacing:.08em;font:10px DM Mono,monospace}.skill-name{color:#b5c3d7;white-space:nowrap;margin-top:3px;font-size:10px;display:block}.pips{gap:2px;margin-top:7px;display:flex}.pips i{background:#29374c;flex:1;height:2px}.pips i.on{background:#6ddcc6;box-shadow:0 0 4px #6ddcc677}.controls-hint{z-index:2;color:#8594aa;white-space:nowrap;text-shadow:0 1px 5px #000;align-items:center;gap:6px;font-size:10px;display:flex;position:fixed;bottom:16px;left:50%;transform:translate(-50%)}kbd{color:#b4c4da;text-align:center;background:#111a29;border:1px solid #56647a;border-radius:3px;min-width:18px;padding:2px 4px;font:9px DM Mono,monospace}.controls-hint span{color:#52627a;margin:0 2px}.modal{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#03070ea6;place-items:center;display:grid;position:fixed;inset:0}.hidden{display:none!important}.modal-card{background:linear-gradient(145deg,#0e1a2cfa,#080f1cfa);border:1px solid #7ea9d03d;border-radius:11px;width:min(420px,100% - 36px);padding:36px 38px 27px;position:relative;overflow:hidden;box-shadow:0 30px 100px #0009}.modal-card:before{content:"";border:1px solid #6fe3d017;border-radius:50%;width:290px;height:290px;position:absolute;top:-180px;right:-190px;box-shadow:0 0 0 28px #6fe3d006,0 0 0 60px #6fe3d005}.modal-logo{color:var(--cyan);text-shadow:0 0 18px #75e4d388;margin-bottom:21px;font-size:30px}.modal-card h1{letter-spacing:-.055em;margin:12px 0 14px;font-size:43px;font-weight:700;line-height:1.07}.modal-card h1 em{color:var(--cyan);font-style:normal}.modal-card p{color:#93a4bb;margin:0 0 23px;font-size:12px;line-height:1.7}.modal-card form label{color:#8496ae;letter-spacing:.12em;margin-bottom:7px;font:9px DM Mono,monospace;display:block}.modal-card input{color:#edf5ff;background:#091322;border:1px solid #31415a;border-radius:4px;outline:none;width:100%;height:43px;padding:0 12px;font:12px Manrope,sans-serif;display:block}.modal-card input:focus{border-color:#68cdbd}.modal-card button{color:#07151c;letter-spacing:.12em;cursor:pointer;background:linear-gradient(100deg,#77e1ce,#87dabb);border:0;border-radius:4px;width:100%;height:45px;margin-top:10px;font:700 10px DM Mono,monospace}.modal-card button span{float:right;margin-right:12px;font-size:15px;line-height:11px}.modal-foot{color:#62728a;letter-spacing:.06em;text-align:center;margin-top:20px;font:8px DM Mono,monospace}.modal-foot span{color:#91d9c7;padding:0 5px}.death-card{border-color:#ec7e7a47}.death-card h1 em{color:#f28e87}.death-stats{border-top:1px solid var(--line);justify-content:space-around;padding:13px 0 17px;display:flex}.death-stats div{text-align:center}.death-stats b{color:#eaf2fc;font:17px DM Mono,monospace;display:block}.death-stats small{color:#74849c;letter-spacing:.1em;margin-top:4px;font:8px DM Mono,monospace;display:block}.death-card button{background:linear-gradient(100deg,#f0a184,#e98582)}.toast{z-index:8;opacity:0;pointer-events:none;color:#ffcf91;background:#1a1720;border:1px solid #ffb66e52;border-radius:5px;padding:10px 15px;font:10px DM Mono,monospace;transition:all .2s;position:fixed;top:77px;left:50%;transform:translate(-50%,-10px)}.toast.show{opacity:1;transform:translate(-50%)}@media (width<=760px){.topbar{height:56px;padding:0 14px}.brand{font-size:12px}.brand small{font-size:7px}.net{font-size:8px}.hud-left{width:205px;padding:12px;top:67px;left:10px}.leader{width:175px;padding:11px;top:67px;right:10px}.upgrade-panel{width:calc(100% - 20px);padding:10px;bottom:43px}.skill-grid{gap:4px}.skill{text-align:center;min-height:63px;padding-top:29px;padding-left:8px}.skill-key{width:16px;height:16px;top:5px;left:50%;transform:translate(-50%)}.skill-name{font-size:8px}.pips{gap:1px}.controls-hint{gap:4px;font-size:0;bottom:14px}.controls-hint kbd{font-size:8px}.controls-hint span{font-size:10px}.modal-card{padding:30px 26px 22px}.modal-card h1{font-size:37px}}@media (width<=500px){.hud-left{width:173px}.leader{width:145px}.eyebrow{font-size:8px}.leader-row{gap:5px;height:27px}.leader-name,.leader-row b{font-size:9px}.hud-left .bars{gap:9px;margin:13px 0}.drone-line small{font-size:7px}.skill-name{white-space:normal;font-size:7px}}.progress-label{color:#94a7c0;margin-top:-6px;font:8px monospace}.skill-value{color:#e6eeff;margin-top:4px;font:9px monospace;display:block}.skill-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.pips.rank-count{color:#6ddcc6;margin-top:3px;font:10px/10px monospace;display:block}.upgrade-panel{width:min(900px,100% - 48px)}@media (width<=760px){.upgrade-panel{width:calc(100% - 20px)}.skill{padding-left:5px;padding-right:5px}.skill-code,.skill-name{overflow-wrap:anywhere}.pips{gap:1px}}#arena:focus{outline:none}#join-status{color:#ffcf91;overflow-wrap:anywhere;margin:12px 0 0;font-size:12px}#join-status:empty{display:none}#join-form button:disabled{opacity:.65;cursor:wait}.loading{color:#e0bd76!important}#join-screen{padding:20px}.join-card{overscroll-behavior:contain;scrollbar-color:#3b586a #0b1524;grid-template:"intro guide""actions guide"1fr/minmax(235px,.85fr) minmax(0,1.65fr);gap:24px 32px;width:min(1010px,100%);max-height:calc(100dvh - 40px);padding:32px;display:grid;overflow:auto}.join-card:before{display:none}.join-intro{grid-area:intro}.join-intro .modal-logo{margin-bottom:17px}.join-intro p{margin-bottom:0}.join-actions{grid-area:actions}.join-actions .join-reset-note{border-top:1px solid var(--line);margin:18px 0 0;padding:12px 0 0;font-size:11px;line-height:1.6}.join-reset-note strong{color:#d5e3f4;font-weight:600;display:block}.join-actions .modal-foot{text-align:left;margin-top:17px;line-height:1.7}.quick-guide{border-left:1px solid var(--line);grid-area:guide;min-width:0;padding-left:30px}.guide-heading{justify-content:space-between;align-items:center;gap:12px;margin:0 0 17px;display:flex}.guide-heading h2{letter-spacing:-.035em;margin:0;font-size:22px;font-weight:650}.guide-heading>span{color:#849ab5;letter-spacing:.1em;font:9px/1.5 DM Mono,monospace}.guide-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:0;padding:0;list-style:none;display:grid}.guide-grid li{border:1px solid var(--line);background:#1322357a;border-radius:6px;padding:14px}.guide-step{justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.guide-step>span:first-child{color:#7e9aaf;letter-spacing:.07em;font:9px/1.5 DM Mono,monospace}.guide-step kbd{color:#b8e6de;white-space:nowrap;border-color:#3b5c64;font-size:10px}.guide-camps{color:#b8e6de;white-space:nowrap;font:9px DM Mono,monospace}.guide-grid h3{color:#e1edf9;margin:0 0 7px;font-size:14px;font-weight:650;line-height:1.4}.guide-grid p{color:#a4b5cb;margin:0;font-size:12px;line-height:1.6}.guide-grid .guide-boost{background:#51382529;border-color:#e9b87747}:root{font-size:14px}.topbar{display:contents}.brand,.net{z-index:3;position:fixed;top:14px}.brand{pointer-events:none;left:24px}.brand small{font-size:14px}.brand-mark{font-size:28px}.net{pointer-events:none;font-size:14px;right:24px}.panel,.hud-left,.leader,.controls-hint{pointer-events:none}.left-rail,.right-rail{z-index:2;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;top:64px;bottom:14px}.left-rail{width:272px;left:16px}.right-rail{width:272px;right:16px}.left-rail>*,.right-rail>*{width:100%;position:relative;inset:auto;transform:none}.hud-left{flex:0 0 280px;padding:14px}.upgrade-panel{flex-direction:column;flex:0 auto;min-height:0;max-height:calc(100% - 290px);padding:12px;display:flex}.upgrade-panel .section-title{flex:none}.skill-grid{pointer-events:none;grid-template-columns:1fr;gap:5px;min-height:0;margin-top:8px;overflow-y:auto}.skill{pointer-events:auto;grid-template-rows:1fr 1fr;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;column-gap:8px;height:60px;min-height:60px;padding:5px 8px;display:grid}.skill-key{grid-area:1/1/3;width:24px;height:24px;font-size:14px;position:static;top:auto;left:auto;transform:none}.skill-code{display:none}.skill-name{grid-area:1/2/auto/4;margin:0;font-size:14px}.skill-value{grid-area:2/2;margin:0;font-size:14px}.pips{grid-area:2/3;gap:3px;margin:0}.skill-name,.skill-value,.pips.rank-count{font-size:14px}.pips.rank-count{white-space:nowrap}.pips i{height:3px}.leader{flex:none;max-height:260px;padding:12px;overflow:hidden}.leader-row{height:31px}.leader-name,.leader-row b,.rank,.live,.section-title,.progress-label,.eyebrow,.bar-row>span,.bar-row>b,.drone-line small,.boost-state,.movement-readout,.movement-readout small,.active-bonuses,.points,.controls-hint,.controls-hint kbd,.drone-line b,.points b{font-size:14px}.bars{gap:9px;margin:10px 0}.bar-row{grid-template-columns:1fr auto}.bar{height:5px}.drone-line{padding:8px 0}.flight{font-size:14px}.movement-readout{gap:4px;margin-top:7px}.controls-hint{white-space:normal;color:#a9b8cd;text-shadow:0 1px 5px #000;gap:8px;margin-top:0;padding:12px;display:grid;position:relative;bottom:auto;left:auto;transform:none}.controls-hint>div{align-items:center;gap:9px;min-height:24px;display:flex}.controls-hint kbd{min-width:50px;padding:3px 6px}.controls-hint span{margin:0}.toast{top:14px}@media (height<=820px){.left-rail,.right-rail{gap:8px;top:56px;bottom:10px}.hud-left{flex:0 0 266px;padding:10px}.hud-left .bars{grid-template-columns:1fr 1fr;gap:9px;margin:7px 0}.hud-left .bars>.bar-row,.hud-left .bars>#next-skill{grid-column:1/-1}.drone-line{padding:6px 0}.upgrade-panel{padding:9px}.skill-grid{pointer-events:auto;gap:3px;margin-top:5px}.skill{height:58px;min-height:58px}.leader{max-height:230px}.controls-hint{gap:4px;padding:9px}}@media (width<=900px){.left-rail{width:min(272px,38vw);left:8px}.right-rail{width:min(272px,38vw);right:8px}.brand{top:8px;left:10px}.net{top:8px;right:10px}}@media (width<=600px){.left-rail{width:min(272px,50vw - 12px)}.right-rail{width:min(256px,50vw - 12px)}.hud-left{flex-basis:252px}.leader{padding:8px}.controls-hint{gap:3px;padding:7px}.controls-hint kbd{min-width:40px}}@media (height<=760px){#join-screen,#death-screen{padding-block:12px;overflow-y:auto}.modal-card{max-height:calc(100dvh - 24px);overflow-y:auto}.join-card{max-height:calc(100dvh - 24px)}}.guide-boost strong{color:#edc694;font-weight:500}@media (width<=800px){.join-card{grid-template-columns:1fr;grid-template-areas:"intro""guide""actions";gap:22px;width:min(600px,100%);padding:25px}.join-intro .modal-logo{display:none}.join-intro h1{margin:10px 0;font-size:36px}.join-intro h1 br{display:none}.join-intro p{font-size:12px}.quick-guide{border-left:0;border-top:1px solid var(--line);padding:19px 0 0}.guide-heading{margin-bottom:13px}.join-actions .join-reset-note{margin-top:13px}.join-actions .modal-foot{margin-top:10px}}@media (width<=440px){#join-screen{padding:12px}.join-card{gap:19px;max-height:calc(100dvh - 24px);padding:22px 18px}.join-intro h1{font-size:32px}.guide-grid{grid-template-columns:1fr}.guide-heading>span{font-size:7px}.guide-grid li{padding:12px 14px}}.modal-card p,.modal-card form label,.modal-card input,.modal-card button,.modal-foot,.death-stats small,.guide-heading>span,.guide-step>span:first-child,.guide-step kbd,.guide-camps,.guide-grid h3,.guide-grid p,.join-reset-note,#join-status{font-size:14px}.modal-foot,.death-stats small,.guide-heading>span,.guide-step>span:first-child,.guide-camps{line-height:1.5}.connecting,.toast{font-size:14px}.toast{width:272px;inset:auto 16px 16px auto;transform:translateY(10px)}.toast.show{transform:translateY(0)}.join-actions .join-reset-note,.join-reset-note strong{font-size:14px}.leader{max-height:none}