#cbs.on{opacity:1}
#cbs span.c{color:#ffb627;text-shadow:0 0 10px #ffb627}
#cbs span.d{color:#fff}
#cbs i{margin:0 7px;color:#454c63;font-style:normal}
#ch.lock{border-color:#3dff9a;box-shadow:0 0 14px #3dff9a;width:22px;height:22px;margin:-11px;transition:width .12s,height .12s,margin .12s}
#ov{position:fixed;inset:0;width:100%;height:100%}
#prismaAmmo{position:fixed;left:50%;bottom:142px;transform:translateX(-50%);font:500 13px var(--font-ui);letter-spacing:.2px;z-index:10;text-shadow:0 2px 5px #000;pointer-events:none;white-space:normal;text-align:center;width:min(980px,92vw);line-height:1.5}
#swingHud{position:fixed;left:50%;bottom:169px;transform:translateX(-50%);width:min(690px,90vw);text-align:center;z-index:10;pointer-events:none;font:500 13px var(--font-ui);text-shadow:0 2px 5px #000;color:var(--class-color)}
#swingHud[hidden]{display:none}
#swingHud b{font-size:14px;letter-spacing:.4px}
#swingHud small{display:block;font-size:13px;color:#c2ccdb;line-height:1.6;margin-top:4px}
#prismaWheel{position:fixed;inset:0;z-index:25;pointer-events:none;background:radial-gradient(circle at center,#131225bb,transparent 70%);--prisma-color:#ff5ca8}
#prismaWheel[hidden]{display:none}
#prismaAmmo[hidden]{display:none}
.prisma-wheel-disc{position:absolute;width:330px;height:330px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid var(--prisma-color);background:conic-gradient(from -36deg,color-mix(in srgb,var(--prisma-color) 8%,transparent) 0deg 71deg,#ffffff55 71deg 72deg,color-mix(in srgb,var(--prisma-color) 8%,transparent) 72deg 143deg,#ffffff55 143deg 144deg,color-mix(in srgb,var(--prisma-color) 8%,transparent) 144deg 215deg,#ffffff55 215deg 216deg,color-mix(in srgb,var(--prisma-color) 8%,transparent) 216deg 287deg,#ffffff55 287deg 288deg,color-mix(in srgb,var(--prisma-color) 8%,transparent) 288deg 359deg,#ffffff55 359deg);box-shadow:0 0 50px #000}
.prisma-form{position:absolute;left:50%;top:50%;width:118px;text-align:center;transform:translate(-50%,-50%) rotate(calc(var(--i)*120deg)) translateY(-125px) rotate(calc(var(--i)*-120deg));padding:9px 3px;border-radius:8px;background:#161626ef;color:#a3a2b5;border:1px solid #5a5369;font:600 11px "JetBrains Mono",Consolas,monospace;transition:color .08s,border-color .08s}
.prisma-form small{display:block;font-size:11px;margin-top:5px}
.prisma-form.chosen{color:#fff;border-color:var(--prisma-color);box-shadow:0 0 20px #ff5ca855}
.prisma-form.unaffordable{opacity:.5}
.prisma-wheel-copy{position:absolute;left:50%;top:calc(50% + 215px);transform:translateX(-50%);width:min(440px,90vw);text-align:center;color:#f5efff;font:12.0px "JetBrains Mono",Consolas,monospace}
.prisma-wheel-copy b{color:var(--prisma-color);font-size:15.0px}
.prisma-wheel-copy small{font-size:11px;color:#b5aabb}
@media(max-height:650px){.prisma-wheel-disc{width:260px;height:260px}
.prisma-form{transform:translate(-50%,-50%) rotate(calc(var(--i)*120deg)) translateY(-105px) rotate(calc(var(--i)*-120deg))}
.prisma-wheel-copy{top:calc(50% + 160px)}}
#phase-overlay{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:0;background:radial-gradient(ellipse at center,rgba(108,40,155,.09) 15%,rgba(80,18,131,.32) 100%);transition:opacity .15s}
#phase-clock{position:absolute;top:16%;left:50%;transform:translateX(-50%);color:#f1d9ff;text-shadow:0 0 12px #bd61ff;font:600 16.0px sans-serif;letter-spacing:.12em;text-align:center}
@keyframes fplf{50%{filter:brightness(1.25)}}
#fpb{position:fixed;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse 70% 65% at 50% 50%,transparent 50%,rgba(170,230,255,.35) 80%,rgba(230,250,255,.75) 100%)}
#fph{position:fixed;inset:0;pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 55%,rgba(255,255,255,.45),transparent 30%)}
#sfv{position:fixed;inset:0;opacity:0;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(90deg,rgba(70,220,255,.18),transparent 18% 82%,rgba(70,220,255,.18)),linear-gradient(180deg,rgba(205,250,255,.08),transparent 24% 76%,rgba(205,250,255,.08));transition:opacity .12s}
#lowhp{position:fixed;inset:0;opacity:0;background:radial-gradient(ellipse at center,transparent 55%,#ff000055 100%);animation:pulse 1s infinite}
@keyframes pulse{50%{filter:brightness(1.6)}}
#fl{position:fixed;inset:0;background:var(--r);opacity:0}
#fw{position:fixed;inset:0;background:#fff;opacity:0}
#pz{position:fixed;inset:0;background:repeating-linear-gradient(0deg,#0000 0 2px,#0000000c 2px 3px)}
.perk-build-note{display:block;margin-top:10px;padding-top:8px;border-top:1px solid #ffffff22;color:#a6dfef;font:600 11px "JetBrains Mono",Consolas,monospace;line-height:1.5}
.card.c3 .perk-build-note{color:#ffe5a0}
@keyframes battSput{50%{opacity:.32;transform:translateX(-8px) scale(.96)}}
@keyframes lkb{to{background:#ff2a3d44}}
@keyframes rdy{50%{box-shadow:0 0 34px #ffb627cc}}
#ch{position:fixed;left:50%;top:50%;width:12px;height:12px;margin:-6px;border:2px solid #fff;border-radius:50%;box-shadow:0 0 8px var(--r)}
#ch.hit{animation:hm .18s}
#ch.kill{animation:km .4s}
@keyframes hm{0%{transform:scale(2.2);background:var(--r)}}
@keyframes km{0%{transform:scale(3.4) rotate(45deg);background:var(--r);border-radius:0}}
#cbi{background:var(--r)}
#cb .pf{position:absolute;top:0;height:6px;left:83%;width:17%;border-left:1px solid #fff;border-right:1px solid #fff;pointer-events:none}
#cbl{font:700 11px "JetBrains Mono",Consolas,monospace;letter-spacing:2px;color:#fff;margin-top:3px;text-shadow:0 0 11px #000}
#cb.perfect #cbi{background:#fff;box-shadow:0 0 14px #fff}
#cb.perfect #cbl{color:var(--g)}
.dn{position:fixed;font:700 24.0px "Chakra Petch","Segoe UI",sans-serif;color:var(--g);text-shadow:0 0 10px #000,2px 2px 0 #000;animation:up .8s ease-out forwards;pointer-events:none;white-space:nowrap}
.dn.big{font-size:38.0px;color:#fff}
.dn.ice{color:var(--c)}
.dn.arm{color:#9aa3bf;font-size:16.0px}
@keyframes up{0%{transform:translate(-50%,0) scale(1.8);opacity:1}20%{transform:translate(-50%,-12px) scale(1)}100%{transform:translate(-50%,-64px) scale(.8);opacity:0}}
#ban{position:fixed;top:34%;width:100%;text-align:center;opacity:0;transition:opacity .4s,transform .4s;transform:scale(1.15)}
#ban.on{opacity:1;transform:scale(1)}
#enemyPlateLayer{position:fixed;inset:0;pointer-events:none;overflow:hidden;z-index:8}
#draft{background:radial-gradient(ellipse at 50% 0,#29485c99,transparent 65%),#080f1bf2;backdrop-filter:blur(16px)}
#draft>.in{max-width:1160px;width:94vw;padding:28px 22px;max-height:96vh;overflow:auto}
#draft h2{font:400 clamp(42px,4.5vw,64px)/1 var(--font-display);letter-spacing:2px;margin:10px 0 12px;color:#f3f7fc}
#draft .k{color:#bad6e7;letter-spacing:2px;font:600 13px var(--font-ui)}
#draft .s{font:400 16px/1.5 var(--font-ui);color:#afc4d9;letter-spacing:.2px}
.rarity-legend{display:flex;justify-content:center;gap:18px;margin:18px 0 0;font:500 13px var(--font-ui);letter-spacing:.3px;flex-wrap:wrap}
.rarity-legend span::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:currentColor;margin-right:5px}
.rarity-legend span:nth-child(1){color:#a6b5c7}
.rarity-legend span:nth-child(2){color:#65d8a0}
.rarity-legend span:nth-child(3){color:#62b8ff}
.rarity-legend span:nth-child(4){color:#bc91ff}
.rarity-legend span:nth-child(5){color:#ffce70}
#draft .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:26px auto 12px;max-width:1020px;align-items:stretch}
#draft .rarity-card{width:auto;min-width:0;min-height:370px;padding:24px;display:flex;flex-direction:column;color:#f2f6fc;background:linear-gradient(145deg,color-mix(in srgb,var(--rc) 8%,#1a2c40),#101d2d 75%);border:1px solid #aac2db38;border-top:3px solid var(--rc);border-radius:12px;text-align:left;box-shadow:0 12px 32px #0004;overflow:hidden}
#draft .rarity-card:hover{transform:translateY(-5px);outline:1px solid var(--rc);outline-offset:2px;box-shadow:0 20px 45px #0006}
#draft .rarity-card:focus-visible{transform:translateY(-5px);outline:2px solid #e1f0ff;outline-offset:3px;box-shadow:0 20px 45px #0006}
#draft .rarity-card.pfocus{transform:translateY(-5px);outline:2px solid #e1f0ff;outline-offset:3px;box-shadow:0 20px 45px #0006}
.perk-card-top{display:flex;justify-content:space-between;align-items:center;gap:7px}
.perk-card-top .rr{font:600 13px var(--font-ui);letter-spacing:1px;color:var(--rc)}
.perk-card-top .rr i{display:inline-block;width:5px;height:5px;background:var(--rc);border-radius:50%;margin-right:6px}
.perk-rank{font:500 12px var(--font-ui);letter-spacing:.5px;color:#adc1d6;white-space:nowrap}
.perk-emblem{width:62px;height:62px;margin:24px 0 20px;display:grid;place-items:center;color:var(--rc);border:1px solid color-mix(in srgb,var(--rc) 35%,transparent);border-radius:12px;background:color-mix(in srgb,var(--rc) 8%,transparent)}
.perk-emblem svg{width:35px;height:35px}
.perk-family{font:500 12px var(--font-ui);letter-spacing:1px;color:#a7bfd6;margin-bottom:8px}
#draft .rarity-card b{font:600 25px/1.15 var(--font-ui);letter-spacing:0;overflow-wrap:normal}
.perk-effects{display:flex;flex-direction:column;gap:12px;margin:22px 0 24px;flex:1}
.perk-effects>div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding-bottom:10px;border-bottom:1px solid #b1cce21a;font:400 15px/1.45 var(--font-ui);color:#bed0e1}
.perk-effects strong{color:#f1f7fc;font:600 19px var(--font-ui);white-space:nowrap}
.perk-effects strong:empty{display:none}
.perk-card-foot{display:flex;justify-content:space-between;align-items:center;font:500 12px var(--font-ui);letter-spacing:.7px;color:#a2bbd1}
#draft .rarity-card kbd{position:static;padding:5px 10px;color:#d1e3f4;border:1px solid #b0cde342;background:#b0cde30a;border-radius:5px;font-size:13px}
#draft .acts{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:18px}
#draft .acts .btn{font:600 14px var(--font-ui);letter-spacing:.2px;padding:12px 20px;border-radius:8px;background:#20364a;border:1px solid #a9c7df44;color:#dbeaf6}
#draft .acts .btn:disabled{opacity:.32}
#draft .padhint{font-size:13px;color:#a7bfd5;margin-top:18px}
#draft #banishChoices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 18px;max-width:1020px;margin:0 auto 20px}
.banish-budget{grid-column:1/-1;text-align:right;color:#b5cbdd;font:500 13px/1.5 var(--font-ui);letter-spacing:.4px}
#draft #banishChoices .btn{min-height:40px;padding:9px 14px;background:transparent;border:1px solid #a9c7df33;color:#b8cede;font-size:13px}
#draft #banishChoices .btn:hover:not(:disabled){background:#b7d3eb10;border-color:#c0d8ed80;color:#edf7ff}
@media(max-width:600px){#draft #banishChoices{gap:8px}#draft #banishChoices .btn{padding:8px 4px;font-size:12px}.banish-budget{text-align:center}}
.build-head button{border:0;background:transparent;color:#bed6e9;font:600 13px var(--font-ui);padding:4px;cursor:pointer}
.buff-slot{position:relative;min-width:0;border-radius:7px;padding:5px 4px 7px;border:1px solid color-mix(in srgb,var(--rc) 38%,transparent);background:color-mix(in srgb,var(--rc) 7%,#0a1521);color:var(--rc)}
.buff-icon{position:relative;display:flex;justify-content:center}
.buff-icon svg{width:23px;height:23px}
.buff-icon i{position:absolute;right:-1px;bottom:-4px;font:700 11px "JetBrains Mono",Consolas,monospace;color:#e7edf5;background:#0a101b;padding:0 2px;border-radius:2px}
.buff-copy{display:none}
.buff-tiers{position:absolute;bottom:3px;left:4px;right:4px;display:flex;gap:2px;justify-content:center}
.buff-tiers em{height:2px;flex:1;max-width:8px}
.buff-slot.conditional{opacity:.48}
.buff-slot.spent{opacity:.35;filter:grayscale(1)}
.build-empty{grid-column:1/-1;color:#9bb4ca;font-size:12px;line-height:1.5;padding:6px 0}
.expanded .buff-slot{display:flex;gap:10px;padding:8px 8px 10px;align-items:center}
.expanded .buff-icon{min-width:28px}
.expanded .buff-copy{display:block;min-width:0}
.expanded .buff-tiers{left:auto;width:35px}
.enemy-plate{position:absolute;transform:translate(-50%,-100%);width:126px;text-align:left;filter:drop-shadow(0 3px 4px #000b);will-change:left,top}
.enemy-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}
.enemy-name{font:700 11px/1.2 "JetBrains Mono",Consolas,monospace;letter-spacing:1px;color:#e6edf4;text-shadow:0 1px 5px #000,0 0 7px #000;padding-bottom:4px;padding:0;white-space:nowrap}
.enemy-health{font:600 11px "JetBrains Mono",Consolas,monospace;color:#a1afc1;white-space:nowrap}
.enemy-track{height:6px;padding:0;background:#080e19e8;border:1px solid #ffffff25;border-radius:2px;box-shadow:0 1px 7px #0008;overflow:hidden;position:relative}
.enemy-track i{display:block;height:100%;width:100%;background:var(--enemy-color);box-shadow:none;border-radius:0;transition:width .12s;position:absolute;inset:0 auto 0 0}
.enemy-track .enemy-damage{background:#f5d2b7;transition:width .6s ease .12s}
.enemy-track .enemy-fill{background:linear-gradient(90deg,color-mix(in srgb,var(--enemy-color) 75%,#111),var(--enemy-color));transition:width .1s}
.enemy-status{min-height:9px;margin-top:3px;color:#8296ac;font:600 11px "JetBrains Mono",Consolas,monospace;letter-spacing:.6px}
.enemy-plate.elite{width:144px}
.enemy-plate.elite .enemy-name{color:#ffce70}
.enemy-plate.elite .enemy-status{color:#ffce70}
.enemy-plate.boss{width:180px}
.enemy-plate.shielded .enemy-track{border-color:#74baff}
.enemy-plate.frozen .enemy-fill{background:#8cdef3}
.enemy-plate.frozen .enemy-status{color:#8cdef3}
@media(max-width:900px){#draft .cards{gap:10px}
#draft .rarity-card{padding:15px;min-height:310px}
#draft .rarity-card b{font-size:22px}
.perk-emblem{margin:17px 0 12px;width:52px;height:52px}
.perk-effects strong{font-size:18px}
.perk-effects>div{font-size:14px}
#buildGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:600px){#draft>.in{padding:16px 10px}
#draft .cards{grid-template-columns:1fr;max-width:420px}
#draft .rarity-card{min-height:0;display:grid;grid-template-columns:54px 1fr;gap:6px 12px}
.perk-card-top{grid-column:1/-1}
.perk-card-foot{grid-column:1/-1}
.perk-emblem{grid-row:2/4;margin:8px 0}
.perk-family{align-self:end;margin:0}
#draft .rarity-card b{font-size:22px}
.perk-effects{grid-column:1/-1;margin:10px 0;gap:4px}
.perk-effects>div{padding-bottom:4px}
.rarity-legend{gap:8px}}
@media(prefers-reduced-motion:reduce){#draft .card{animation:none;transition:none}
.enemy-track i{transition:none}}
.foe.unknown{opacity:.45}
.foe.unknown i{background:#263144;color:#8999b3;font:bold 18.0px "JetBrains Mono",Consolas,monospace;text-align:center;width:28px;height:28px}
.foe small{display:block;font:11px/1.5 "JetBrains Mono",Consolas,monospace;color:#91cbbf;margin-top:5px}
#ultFrame{position:fixed;inset:0;z-index:6;pointer-events:none;opacity:0;transition:opacity .2s;box-shadow:inset 0 55px #02050ae8,inset 0 -55px #02050ae8}
#ultFrame.on{opacity:1}
#ultFrame>div{position:absolute;top:18px;left:50%;transform:translateX(-50%);text-align:center;color:var(--class-color);font:700 11px "JetBrains Mono",Consolas,monospace;letter-spacing:5px}
#ultFrame small{display:block;margin-top:6px;font-size:11px;letter-spacing:2px;color:#c3d2e3}
.enemy-plate.rival{width:155px;border-color:#ffdc8b}
.enemy-plate.rival .enemy-name{color:#ffe1a7}
@media(prefers-reduced-motion:reduce){#ultFrame{transition:none}}
#devConfig{position:fixed;inset:8% max(12px,calc((100vw - 760px)/2));z-index:10001;overflow:auto;background:#0d1420f5;border:1px solid #688ba7;color:#d4e8f4;padding:20px;font:500 16px/1.5 var(--font-ui,"Chakra Petch",Arial,sans-serif);border-radius:12px;box-shadow:0 20px 100px #000b}
#devConfig[hidden]{display:none}
#devConfig header{display:flex;justify-content:space-between;align-items:center;color:#8eddff}
#devConfig p{color:#92a6b8}
#devConfig small{color:#92a6b8}
#devConfig h3{border-bottom:1px solid #40576a;padding-bottom:8px;margin-top:24px}
#devConfig label{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:6px 0}
#devConfig label small{display:block;font-size:11px;margin-top:3px}
#devConfig input{width:110px;background:#162738;border:1px solid #4c6b83;color:#fff;padding:7px}
#devConfig button{background:#1e3a50;color:#d5f4ff;border:1px solid #5c8ca7;padding:12px 16px;border-radius:7px;min-height:44px;font:600 15px var(--font-ui,Arial,sans-serif);cursor:pointer}
#devConfig .dev-tools .acts{display:flex;gap:10px;flex-wrap:wrap}
#devConfig .dev-tools label{justify-content:flex-start}
#devConfig .dev-tools input{font:inherit}
#devConfig footer{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}
#devMessage{width:100%;padding-top:10px}
#jammerLocator{position:fixed;top:112px;left:50%;transform:translateX(-50%);font:600 11px "JetBrains Mono",Consolas,monospace;letter-spacing:1px;background:#091b21e8;color:#8ffbd6;border:1px solid #56bc9d;padding:9px 15px;border-radius:3px;text-align:center}
#jammerLocator[hidden]{display:none}
#fpl{position:fixed;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse 75% 70% at 50% 50%,rgba(255,20,20,.55),rgba(200,0,0,.75) 70%,rgba(90,0,0,.92) 100%);mix-blend-mode:screen;animation:none;box-shadow:none}
#devConfig input:focus{outline:2px solid #83ddff;outline-offset:2px}
#devConfig button:focus{outline:2px solid #83ddff;outline-offset:2px}
#exitScreen[hidden]{display:none}
#exitScreen{z-index:12000;background:#08121cf5;color:#eaf4ff;text-align:center}
#exitScreen h2{font:400 clamp(38px,5vw,68px) var(--font-title,Arial,sans-serif)}
#exitScreen p{font:500 20px/1.5 var(--font-ui,Arial,sans-serif);margin:18px 0 28px}
#gearSentryMenu{position:fixed;z-index:12;width:min(370px,calc(100vw - 36px));transform:translate(-50%,12px);padding:15px;border:1px solid #86d8e866;border-top:2px solid #9ceaff;border-radius:10px;background:linear-gradient(145deg,#122c3cf0,#0b1929ed);box-shadow:0 16px 44px #0008;color:#ecf9ff;font:500 16px/1.4 var(--font-ui,Arial,sans-serif);text-align:left;pointer-events:auto}
#gearSentryMenu[hidden]{display:none}
#gearSentryMenu .gear-kicker{color:#9ae6fa;font-size:13px;letter-spacing:1.4px;margin-bottom:12px}
#gearSentryMenu .gear-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
#gearSentryMenu button{padding:14px 12px;min-height:86px;border:1px solid #91b6cb45;border-radius:7px;background:#173145;color:#a8c1d0;font:inherit;text-align:left;cursor:pointer}
#gearSentryMenu button.on{border-color:#b7f3ff;background:#285269;color:#fff;box-shadow:inset 0 0 0 1px #b7f3ff45}
#gearSentryMenu button b{display:block;font-size:16px;letter-spacing:.5px}
#gearSentryMenu button span{display:block;font-size:14px;margin-top:5px}
#gearSentryMenu p{font-size:14px;color:#c7dbe8;margin:12px 0 0}
#gearSentryMenu.first-person{border-top-color:#ffce79;background:linear-gradient(145deg,#172938f0,#0b1929ed)}
@media(max-height:650px){#gearSentryMenu.first-person{top:56%;padding:10px}#gearSentryMenu button{min-height:65px;padding:9px}}
#containmentBrief{font:11px/1.5 "JetBrains Mono",Consolas,monospace;color:#9eb2c4;padding:8px 10px;border-left:2px solid #5fbdd5;background:#5fbdd508}
:root{--fs-label:13px;--fs-value:22px;--fs-key:14px;--bar-hp:22px;--bar-class:12px;--panel:#0b1523e8;--edge:#b6cbe32b;--hud-safe:clamp(20px,2.2vw,42px)}
#hud{position:fixed;inset:0;pointer-events:none;display:none;zoom:var(--hud,1);font:500 var(--fs-label)/1.4 var(--font-ui);color:#f1f5fa;text-shadow:0 1px 5px #0008}
.hud-corner{position:fixed;display:flex;gap:12px;z-index:7}
#hudTL{left:var(--hud-safe);top:var(--hud-safe);max-width:330px}
#hudTR{right:var(--hud-safe);top:var(--hud-safe);align-items:flex-end;flex-direction:column;width:200px}
#hudBL{left:var(--hud-safe);bottom:var(--hud-safe);width:clamp(300px,25vw,370px)}
#hudBR{right:var(--hud-safe);bottom:var(--hud-safe);align-items:flex-end;flex-direction:column;max-width:calc(100vw - 410px)}
#tl{position:relative;inset:auto;box-sizing:border-box;background:linear-gradient(90deg,#091421e8,#09142145);border:0;border-left:3px solid var(--class-color,var(--c));border-radius:0 8px 8px 0;padding:12px 18px;min-width:240px}
#tl .s{font:600 28px/1.15 var(--font-ui);letter-spacing:.3px}
#tl .d{font-size:13px;margin-top:7px;color:#c5d2e1}
#tl .e{font-size:14px;margin-top:10px;color:#fff}
#tl .m{font-size:13px;margin-top:7px;color:#d5b7ff}
#tl .m:empty{display:none}
#tl .w{display:flex;gap:5px;margin-top:13px}
#tl .w i{height:3px;flex:1;background:#cedcf52b;border-radius:2px}
#tl .w .done{background:#b4c8d9}
#tl .w .cur{background:var(--class-color,var(--c));height:5px;margin-top:-1px}
#tl .w .boss{outline:1px solid #b9c9dc77;outline-offset:2px}
#tr{position:relative;inset:auto;box-sizing:border-box;background:linear-gradient(270deg,#091421d9,transparent);border:0;border-radius:6px;padding:5px 12px;width:100%;text-align:right}
#tr .sc{font:500 30px/1.2 var(--font-mono);letter-spacing:-1px}
#tr .lb{font-size:12px;letter-spacing:1.8px;color:#aebdd0}
#tr .sh{font:500 14px/1.6 var(--font-ui);color:#ffd38a}
#cmb{display:inline-block;margin-left:14px}
#cmb b{font-size:22px;color:#ffd38a}
#cmbb{height:3px;background:#ffd38a;max-width:90px}
#mmw{position:relative;inset:auto;box-sizing:border-box;background:#0a1523c9;border:1px solid var(--edge);border-radius:50% 50% 10px 10px;padding:7px;width:180px;overflow:hidden}
#mm{display:block;width:164px;height:164px;border-radius:50%}
#mmd{font-size:12px;text-align:center;overflow:hidden;white-space:nowrap;margin-top:4px;color:#c6d4e6}
#cmpw{position:fixed;left:50%;top:18px;transform:translateX(-50%);width:min(480px,35vw);text-align:center}
#cmp{width:100%;height:50px}
#cmpw[hidden]{display:none}
#hdg{font:500 13px/1.5 var(--font-mono);color:#d8e4f1}
#offL{position:absolute;top:16px;color:var(--r);left:-25px}
#offR{position:absolute;top:16px;color:var(--r);right:-25px}
#boss{position:fixed;left:50%;top:95px;transform:translateX(-50%);width:min(480px,38vw);display:none;text-align:center;font-size:18px;letter-spacing:.5px}
#boss .b{position:relative;height:12px;background:#080e18d9;border:1px solid #ff9c9c66;border-radius:3px;margin-top:9px;overflow:hidden}
#bossb{display:block;height:100%;background:linear-gradient(90deg,#c54359,#ff8790)}
#boss .boss-notch{position:absolute;top:0;width:2px;height:100%;background:#1a1522}
.n33{left:33%}.n66{left:66%}
#bossLegs{display:block;font-size:13px;margin-top:5px;color:#d5dfeb}
#playerDock{position:relative;inset:auto;box-sizing:border-box;background:linear-gradient(100deg,#0a1524eb,#0a1524b3);border:1px solid var(--edge);border-radius:12px;padding:16px 18px;width:100%;box-shadow:0 8px 30px #0003}
#dockIdentity{display:flex;flex-wrap:wrap;gap:5px 10px;align-items:center;margin-bottom:12px}
#dockName{color:#fff;font:600 20px/1.2 var(--font-ui);letter-spacing:.7px}
#dockSpeed{margin-left:auto;font:500 14px var(--font-mono);color:#cfdeed}
#dockState{order:3;width:100%;color:#aabed1;font-size:12px;letter-spacing:1.2px}
#dockState.active{color:var(--class-color,var(--c))}
#dockMeters{display:grid;gap:13px}
#vit,#classHud{position:relative;inset:auto;width:auto}
#vit .t{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;letter-spacing:1px;margin-bottom:7px;color:#c1d0df}
.class-hud .head{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;margin-bottom:6px;color:#c1d0df}
#vit .t b{position:static;text-align:right;font:600 22px/1 var(--font-ui);letter-spacing:0;color:#fff}
#classMeterValue{font:600 17px/1 var(--font-ui);color:#fff}
.bar{position:relative;height:var(--bar-class);background:#b0cbe61b;overflow:hidden;border-radius:3px}
.bar i{display:block;height:100%;transition:width .12s linear}
#vit>.bar{height:var(--bar-hp);background:#e987951f}
#hpb{background:linear-gradient(90deg,#dc4e63,#ff8790)}
#classMeterBar{background:var(--class-color,var(--c))}
#classHudHint{display:block;margin-top:6px;font-size:12px;color:#b6c8da;line-height:1.35}
#vit .sub{display:flex;gap:16px;font-size:12px;margin-top:10px;color:#b6c8da}
#vit .sub>div{flex:1}
#vit .bar.sm{height:3px;margin-top:5px}
#xpb{background:#9acbb5}
#tmb{background:#b7d6ef}
#xpCount{font:500 12px var(--font-ui);margin-left:8px;color:#a3b8ca}
#dockAux{display:none}
#dockUltFill,#dockFuelFill{background:var(--class-color,var(--c))}
#velocityDial{display:none;margin-bottom:12px;padding-bottom:10px;border-bottom:1px solid var(--edge)}
#playerDock[data-hero=velocity] #velocityDial{display:block}
.speed-face{display:flex;align-items:baseline;gap:7px;font-size:12px;flex-wrap:wrap}
.speed-face strong{font:600 28px/1 var(--font-ui)}
.speed-face em{font-style:normal;color:var(--class-color);font-size:12px;width:100%}
#hb{display:flex;gap:8px;margin:0;align-items:flex-end}
#hb .sl{--cool:0deg;position:relative;flex:0 0 clamp(78px,5.8vw,96px);width:clamp(78px,5.8vw,96px);height:108px;border:1px solid var(--edge);border-radius:10px;background:linear-gradient(160deg,#17283ce8,#0a1423ed);text-align:center;overflow:hidden;box-shadow:0 7px 22px #0003;transition:border-color .16s,background-color .16s}
#hb .sl b{position:absolute;top:7px;left:8px;font:600 var(--fs-key)/1 var(--font-ui);color:#e6eff7;z-index:3}
#hb .sl>span{position:absolute;left:4px;right:4px;bottom:24px;font:500 13px/1.15 var(--font-ui);white-space:normal;overflow:hidden;max-height:30px;color:#f5f8fc}
#hb .ability-icon{position:absolute;top:28px;left:50%;transform:translateX(-50%);width:30px;height:30px;color:#e3f2ff;transition:opacity .15s}
.ability-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
#hb .ability-state{position:absolute;left:3px;right:3px;bottom:6px;font:500 11px/1.3 var(--font-ui);letter-spacing:.4px;color:#aebfd3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#hb .cd{position:absolute;inset:0;height:100%;background:conic-gradient(from -90deg,#050b16c9 var(--cool),transparent 0);z-index:1;pointer-events:none}
#hb .ch{position:absolute;bottom:0;width:100%;left:0;background:#a0e0ff2b}
#hb .cooldown-number{position:absolute;left:0;right:0;top:31px;font:600 24px/1 var(--font-ui);color:#fff;text-shadow:0 1px 4px #000;z-index:3}
#hb .cooling .ability-icon{opacity:.16}
#hb .on{border-color:var(--class-color,var(--c));background:#203d50ec}
#hb .on .ability-icon,#hb .on .ability-state{color:var(--class-color,var(--c))}
#hb .exhausted,#hb .blocked{opacity:.55}
#hb .readyPulse{animation:ready-pulse .45s ease-out}
#hb #s7{margin-left:5px;height:116px;border:1px solid #e8c78799;background:linear-gradient(#1b2a3d,#0a1423);box-shadow:inset 0 3px 0 #e8c78766,0 7px 22px #0003}
#s7 .ability-icon{width:40px;height:40px;top:25px;padding:6px;background:conic-gradient(#e8c787 var(--ult,0deg),#62738745 0);border-radius:50%;color:#ffe4b2}
#s7 .ability-icon svg{background:#112033;border-radius:50%;padding:3px}
#hb #s5,#hb #s6{flex:0 0 44px;width:44px;height:64px;background:#0b1523c9;box-shadow:none}
#hb #s5 .ability-icon,#hb #s6 .ability-icon{display:none}
#hb #s5>span,#hb #s6>span{font-size:11px;bottom:8px;max-height:24px}
#hb #s5 .ability-state,#hb #s6 .ability-state{display:none}
@keyframes ready-pulse{0%{border-color:#fff;box-shadow:0 0 0 3px #ffffff50}100%{box-shadow:0 0 0 9px #ffffff00}}
#feed{position:relative;display:flex;flex-direction:column;align-items:flex-end;gap:5px;max-width:350px;text-align:right}
#feed div{font-size:13px;padding:5px 10px;background:#0a1523c9;border-radius:4px;border-right:2px solid #e8c787}
#ts{display:none}
#activeBuild{position:relative;inset:auto;box-sizing:border-box;background:#0a1523b3;border:1px solid var(--edge);border-radius:8px;padding:10px;width:100%;min-height:0;max-height:104px;pointer-events:auto;overflow:hidden}
#activeBuild.expanded{width:330px;max-height:42vh}
#activeBuild:not(.expanded) .buff-copy{display:none}
#buildGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;overflow:auto;scrollbar-width:thin;scrollbar-color:#647e96 transparent;min-height:26px}
#buildCount{font:500 12px var(--font-ui);color:#a5bbce;margin:4px 0 8px}
#buildStatus{font:500 12px/1.5 var(--font-ui);color:#9cccb9;border-top:1px solid var(--edge);margin-top:8px;padding-top:7px}
.buff-copy small{display:block;margin-top:4px;color:#b6c8da;font:400 13px/1.45 var(--font-ui)}
.buff-copy b{font:600 14px var(--font-ui)}
.build-head{display:flex;justify-content:space-between;align-items:center;font:600 13px var(--font-ui);color:#d8e6f3}
#buffToggle{font-size:13px}
#activeBuild:not(.expanded) #buildStatus{display:none}
#statusEffects{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}
#statusEffects:empty{display:none}
.status-icon{font-size:12px;padding:3px 7px;border:1px solid var(--edge);border-radius:4px;background:#294354;color:#f0f7ff}
.status-icon[hidden]{display:none}
#moveCard{max-height:35vh;overflow:auto;text-align:left;font-size:14px}
#moveCard kbd{display:inline-block;min-width:55px;color:var(--c)}
#levelReady{position:fixed;top:150px;left:50%;transform:translateX(-50%);padding:10px 18px;font-size:14px;background:var(--panel);border:1px solid #e8c787;border-radius:6px}
#levelReady[hidden]{display:none}
#heatRing{position:fixed;left:50%;top:50%;width:42px;height:42px;margin:-21px;border-radius:50%;background:conic-gradient(var(--r) var(--heat,0deg),transparent 0);mask:radial-gradient(transparent 63%,#000 66%);opacity:0;pointer-events:none}
#heatRing.overcharge{background:#fff}
#ban .h{font:400 clamp(36px,5vw,72px)/1 var(--font-display);letter-spacing:3px;color:#fff;text-shadow:0 3px 20px #0008}
#ban .k{font:600 14px var(--font-ui);letter-spacing:2px;color:#f3d398}
#ban .s{font:400 17px var(--font-ui);color:#d4dfeb;margin-top:8px}
#grabtag{position:fixed;left:50%;top:calc(50% + 92px);transform:translateX(-50%);font:600 13px var(--font-ui);letter-spacing:1px;color:#def3ff;opacity:0;transition:opacity .15s;text-shadow:0 1px 5px #000;bottom:auto}
#cb{position:fixed;left:50%;top:calc(50% + 52px);width:160px;margin-left:-80px;opacity:0;text-align:center;bottom:auto}
#cbs{position:fixed;left:50%;top:calc(50% + 80px);transform:translateX(-50%);font:500 12px var(--font-ui);color:#b8cada;opacity:0;transition:opacity .25s;pointer-events:none;white-space:nowrap;text-shadow:0 1px 3px #000;z-index:6;bottom:auto}
#focusHUD{position:fixed;left:50%;top:50%;width:360px;height:260px;transform:translate(-50%,-50%);z-index:6;pointer-events:none;transition:opacity .18s}
#focusHUD.muted{opacity:0}
#focusArcs{position:absolute;inset:0;width:100%;height:100%;overflow:visible;fill:none;stroke-linecap:round;filter:drop-shadow(0 1px 3px #0009)}
#focusArcs g,.focus-copy{transition:opacity .3s}
.focus-track{stroke:#07121bd9;stroke-width:9}
.focus-arc{stroke:var(--class-color,var(--c));stroke-width:4;stroke-dasharray:100 100}
.heat .focus-arc{stroke:#c8e5f6}
.critical .focus-arc{stroke:#ff9a76;stroke-width:5}
.focus-copy{position:absolute;top:92px;min-width:154px;color:#f5f8fc;text-shadow:0 1px 5px #000,0 0 14px #0009}
.focus-left{right:calc(50% + 134px);text-align:right}
.focus-right{left:calc(50% + 134px);text-align:left}
.focus-label{display:block;font:600 12px/1.3 var(--font-ui);letter-spacing:1.2px;color:#cddfec;white-space:nowrap}
.focus-reading{display:flex;align-items:baseline;gap:4px;margin:4px 0}
.focus-left .focus-reading{justify-content:flex-end}
.focus-reading strong{font:500 34px/1 var(--font-ui);letter-spacing:-1px}
.focus-reading small{font:500 15px var(--font-ui);color:#c4d6e5}
.focus-detail{display:block;font:500 11px/1.4 var(--font-ui);letter-spacing:.5px;white-space:nowrap;color:#b7cadc}
.focus-copy.critical .focus-reading,.focus-copy.critical .focus-detail{color:#ffba99}
@media(max-width:1450px){#hudTR{width:180px}#hb #s5,#hb #s6{position:absolute;bottom:124px;right:0;height:32px;width:70px}#hb #s5{right:78px}#hb #s5>span,#hb #s6>span{left:23px;bottom:8px;text-align:left}#hb #s5 b,#hb #s6 b{font-size:12px;left:7px;top:9px}#mmw{width:166px}#mm{width:150px;height:150px}}
@media(max-width:1100px){#hudBL{width:280px}#hudBR{max-width:calc(100vw - 330px)}#hb{flex-wrap:wrap;justify-content:flex-end;max-width:450px}#hb .sl{flex-basis:78px;width:78px;height:98px}#hb #s7{height:104px}#hb #s5,#hb #s6{display:none}#hudTR{width:166px}#activeBuild:not(.expanded){display:none}#tl{min-width:205px;padding:10px 14px}#tl .s{font-size:24px}#hudTL{max-width:250px}#cmpw{width:30vw}}
@media(max-width:760px){:root{--hud-safe:14px}#hudBL{width:240px}#hudBR{max-width:calc(100vw - 280px)}#hb{max-width:300px;gap:5px}#hb .sl{flex-basis:78px;width:78px;height:98px}#hudTR{width:150px}#mmw{width:140px}#mm{width:124px;height:124px}#focusHUD{width:300px;height:220px}#focusArcs{height:220px}.focus-copy{top:78px;min-width:112px}.focus-left{right:calc(50% + 112px)}.focus-right{left:calc(50% + 112px)}.focus-reading strong{font-size:28px}.focus-detail{white-space:normal}#dockSpeed,#classHudHint{display:none}#cmpw{display:none}}
@media(max-height:650px){#hudTL,#hudTR{top:14px}#hudBL,#hudBR{bottom:14px}#playerDock{padding:12px 15px}#dockIdentity{margin-bottom:8px}#dockState,#classHudHint{display:none}#dockMeters{gap:10px}#mmw{width:140px}#mm{width:124px;height:124px}#activeBuild:not(.expanded){display:none}#boss{top:80px}}
@media(prefers-reduced-motion:reduce){#hud *{animation:none;transition:none}}
#notifications{position:fixed;top:135px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:5px;max-width:min(400px,45vw);z-index:20}
.notice{font:500 14px/1.4 var(--font-ui);background:#0b1929f0;color:#e4f0fa;border-left:3px solid var(--c);padding:10px 14px;border-radius:6px;animation:notice-in .12s ease-out;text-align:left}
.notice[hidden]{display:none}
.notice.good{border-color:var(--gr)}
.notice.warn{border-color:var(--g)}
.notice.danger{border-color:var(--r);background:#32171eef}
@keyframes notice-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
#stateVfx{position:fixed;inset:0;pointer-events:none;z-index:5}
#leechVfx{position:fixed;inset:0;pointer-events:none;z-index:5;opacity:0;background:radial-gradient(ellipse,transparent 57%,#325b13aa 83%,#72c42b99);transition:opacity .12s}
#leechVfx i{position:absolute;right:-22px;top:42%;width:92px;height:140px;background:#233e16;border-radius:55% 35% 30% 65%;box-shadow:-14px -25px 0 -8px #416328,-13px 32px 0 -8px #416328;transform:rotate(-12deg)}
#stateVfx.stunned{background:radial-gradient(ellipse,transparent 45%,#d4c9ff66);filter:blur(1px)}
#stateVfx.frozen{box-shadow:inset 0 0 70px #9adfffbb}
#tutorialHUD{position:fixed;left:50%;top:19%;transform:translateX(-50%);width:min(560px,70vw);background:linear-gradient(145deg,#1b3044f0,#0b1726ed);border:1px solid #a6c1d744;border-top:2px solid var(--class-color,var(--c));border-radius:10px;padding:16px 22px;text-align:center;pointer-events:auto;z-index:30;font:400 14px/1.5 var(--font-ui);box-shadow:0 10px 40px #0005}
#tutorialHUD[hidden]{display:none}
#tutorialCaption{font:500 18px/1.4 var(--font-ui);margin:10px 0;color:#f3f8fc}
#tutorialSkip{border:1px solid #aac8de66;border-radius:6px;background:#233a50;color:#deedf9;font:500 13px var(--font-ui);padding:8px 12px;cursor:pointer}
#hb .pfocus{box-shadow:0 0 14px var(--class-color,var(--c));border-color:white}
#trainingBtn{margin-bottom:12px}
#xpStrip{position:fixed;left:0;right:0;bottom:0;height:4px;z-index:9;border-radius:0;background:#12231e}
#xpStrip i{height:4px}
@media(max-height:650px){#tutorialHUD{top:100px}}