:root{--font:"Barlow", "Segoe UI", system-ui, sans-serif;--display:"Barlow Condensed", "Barlow", "Segoe UI", sans-serif;--text:#eef2f8;--muted:#9aa3b5;--dim:#5f6779;--ink:#07090f;--panel:#090b12b8;--panel-soft:#090b1273;--line:#ffffff1f;--line-strong:#ffffff47;--gold:#f2c14e;--danger:#ff4d5e;--heal:#5be38a;--cyan:#5fd4ff;--plum:#c45ad8;--shadow:0 2px 10px #0000008c;--tshadow:0 1px 2px #000000e6, 0 0 12px #00000073;--ease:cubic-bezier(.2, .8, .2, 1);--pad:clamp(14px, 2.2vw, 28px);--a1:#3fb8ff;--a2:#a9ecff;--a3:#1a5fd0}[data-hero=abood]{--a1:#3fb8ff;--a2:#a9ecff;--a3:#1450c8;--meter:linear-gradient(90deg, #1a6fff, #3fc8ff 60%, #c8f6ff)}[data-hero=yasoof]{--a1:#ec4a3c;--a2:#f7c64a;--a3:#8f1d17;--meter:linear-gradient(90deg, #b8261c, #ec4a3c 45%, #f7c64a)}[data-hero=bo3ouf]{--a1:#4d7bd8;--a2:#e9eef8;--a3:#1b2c52;--meter:linear-gradient(90deg, #1b2c52, #3d64b8 55%, #dfe7f6)}[data-hero=pral]{--a1:#74c6f0;--a2:#fff;--a3:#2c7fb8;--meter:linear-gradient(90deg, #4aaee6, #9fdcff 50%, #fff)}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;color:var(--text);font-family:var(--font);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;background:#000;overflow:hidden}button,input,select{font-family:inherit}#game canvas{display:block;position:fixed;inset:0;width:100vw!important;height:100vh!important}.hidden{display:none!important}b{font-weight:700}#flash{pointer-events:none;opacity:0;mix-blend-mode:screen;z-index:5;background:#fff;position:fixed;inset:0}#hud{pointer-events:none;z-index:10;font-family:var(--font);position:fixed;inset:0}#hurt{opacity:0;background:radial-gradient(#0000 55%,#ff1e3261 100%);position:absolute;inset:0}#lowhp{opacity:0;background:radial-gradient(#0000 60%,#b400144d 100%);transition:opacity .5s;position:absolute;inset:0}#lowhp.on{opacity:1;animation:1.1s ease-in-out infinite lowpulse}@keyframes lowpulse{50%{opacity:.45}}.pcard{left:var(--pad);bottom:var(--pad);align-items:flex-end;gap:14px;transition:filter .3s;display:flex;position:absolute}.pc-portrait{flex:none;width:84px;height:84px;position:relative}.pc-portrait .img{background:#111 50% 16%/150% no-repeat;border-radius:50%;position:absolute;inset:6px;box-shadow:inset 0 0 0 2px #0009}.pc-portrait .ring{background:conic-gradient(var(--a1) calc(var(--m,0) * 1%), #ffffff1a 0);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 37px,#000 38px);mask:radial-gradient(circle,#0000 37px,#000 38px)}.pc-portrait .tag{font:800 12px/1.3 var(--display);color:var(--ink);background:var(--slot,var(--gold));letter-spacing:.5px;border-radius:3px;padding:1px 6px;position:absolute;top:-2px;left:-4px}.pcard.power .pc-portrait .img{box-shadow:inset 0 0 0 2px var(--a1), 0 0 18px var(--a1)}.pcard.power .pc-portrait .ring{filter:drop-shadow(0 0 6px var(--a1))}.pc-body{flex-direction:column;gap:6px;min-width:300px;padding-bottom:4px;display:flex}.pc-name{text-shadow:var(--tshadow);align-items:baseline;gap:10px;display:flex}.pc-name b{font:800 26px/1 var(--display);letter-spacing:1px;text-transform:uppercase}.pc-name i{font:italic 700 13px/1 var(--display);letter-spacing:2px;color:var(--a2);text-transform:uppercase;opacity:.85}.pcard.power .pc-name i{color:var(--a1);opacity:1;text-shadow:0 0 10px var(--a1), var(--tshadow)}.pc-name .state{font:800 13px/1 var(--display);letter-spacing:1.5px;color:var(--danger);margin-left:auto}.hpbar{clip-path:polygon(6px 0,100% 0,calc(100% - 6px) 100%,0 100%);width:320px;height:16px;box-shadow:inset 0 0 0 1px var(--line);background:#0000008c;position:relative}.hpbar>div{transform-origin:0;will-change:transform;width:100%;position:absolute;top:0;bottom:0;left:0}.hpbar .trail{opacity:.85;background:#f4f4f4}.hpbar .heal{background:var(--heal);opacity:.8}.hpbar .fill{background:linear-gradient(#ff8a7a 0%,#e63a46 45%,#b0172a 100%)}.hpbar .fill:after{content:"";background:linear-gradient(#ffffff59,#0000);position:absolute;inset:0 0 50%}.hpbar .ticks{background:repeating-linear-gradient(90deg,#0000 0 calc(10% - 1px),#00000073 calc(10% - 1px) 10%);transform:none}.hpbar .num{font:700 13px/1 var(--display);letter-spacing:.5px;color:#fff;text-shadow:0 1px 2px #000;z-index:2;position:absolute;top:50%;right:12px;transform:translateY(-52%)}.hpbar .num small{color:#fff9;font-size:11px}.hpbar.hit .fill{animation:.18s ease-out hpflash}@keyframes hpflash{0%{filter:brightness(2.4)saturate(.2)}to{filter:none}}.hpbar.low .fill{animation:.9s ease-in-out infinite lowbar}@keyframes lowbar{50%{filter:brightness(1.45)}}.hpbar.healing .fill{box-shadow:0 0 12px var(--heal)}.pcard.shake{animation:.28s ease-out cardshake}@keyframes cardshake{20%{transform:translate(-4px,1px)}45%{transform:translate(3px,-1px)}70%{transform:translate(-1px)}}.meter{align-items:center;gap:8px;display:flex;position:relative}.meter .bar{clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%);width:250px;height:7px;box-shadow:inset 0 0 0 1px var(--line);background:#0000008c;position:relative;overflow:hidden}.meter .bar>div{transform-origin:0;background:var(--meter);will-change:transform;width:100%;position:absolute;inset:0}.meter .bar .fx{mix-blend-mode:screen;opacity:.8}.meter .lbl{font:700 12px/1 var(--display);letter-spacing:2px;color:var(--a2);text-shadow:var(--tshadow);min-width:64px}.meter .pct{font:700 12px/1 var(--display);color:var(--muted)}[data-hero=abood] .meter .bar .fx{background:repeating-linear-gradient(110deg,#0000 0 18px,#dcfaffd9 18px 20px,#0000 20px 41px) 0 0/82px 100%;animation:.5s linear infinite sparks}@keyframes sparks{to{background-position:82px 0}}[data-hero=yasoof] .meter .bar .fill{transition:transform .45s cubic-bezier(.3,1.8,.5,1)}[data-hero=yasoof] .meter .bar .fx{background:linear-gradient(90deg,#0000 70%,#fff0c8b3);animation:1.4s ease-in-out infinite stretch}@keyframes stretch{50%{transform:scaleX(1.04)}}[data-hero=bo3ouf] .meter .bar .fx{opacity:1;mix-blend-mode:normal;background:repeating-linear-gradient(90deg,#0000 0 calc(12.5% - 2px),#000000bf calc(12.5% - 2px) 12.5%)}[data-hero=bo3ouf] .meter .bar{box-shadow:inset 0 0 0 1px var(--line), -3px 0 0 #e0333c, 3px 0 0 #2f6bff}[data-hero=pral] .meter .bar .fx{background:repeating-linear-gradient(90deg,#fff0 0 14px,#ffffff8c 14px 28px) 0 0/56px 100%;animation:1.2s linear infinite roll}@keyframes roll{to{background-position:56px 0}}.pc-chips{flex-wrap:wrap;gap:6px;min-height:22px;display:flex}.chip{height:22px;font:700 12px/1 var(--display);letter-spacing:1px;color:var(--muted);background:var(--panel-soft);border:1px solid var(--line);text-shadow:none;transition:all .2s var(--ease);border-radius:3px;align-items:center;gap:6px;padding:0 9px 0 4px;display:inline-flex}.chip kbd{min-width:16px;height:16px;font:800 11px/1 var(--display);color:var(--ink);background:var(--dim);border-radius:2px;place-items:center;padding:0 3px;display:inline-grid}.chip.ready{color:#fff;border-color:var(--a1);background:linear-gradient(90deg, color-mix(in srgb, var(--a1) 35%, transparent), #090b1280)}.chip.ready kbd{background:var(--a1)}.chip.ult.ready{border-color:var(--gold);background:linear-gradient(90deg,#f2c14e61,#090b1280);animation:1.2s ease-in-out infinite ultglow}.chip.ult.ready kbd{background:var(--gold)}@keyframes ultglow{50%{box-shadow:0 0 14px #f2c14ea6}}.chip.active{color:#fff;border-color:var(--a1)}.chip.buff{color:var(--heal);border-color:#5be38a73;padding:0 9px}.chip.debuff{color:var(--danger);border-color:#ff4d5e73;padding:0 9px}.chip.locked{opacity:.45}.pcard.downed .pc-portrait .img,.pcard.out .pc-portrait .img{filter:grayscale()brightness(.6)}.pcard.downed .pc-portrait:after{content:"";background:conic-gradient(var(--heal) calc(var(--rv,0) * 1%), transparent 0);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 37px,#000 38px);mask:radial-gradient(circle,#0000 37px,#000 38px)}.pcard.downed .hpbar{animation:.9s ease-in-out infinite downpulse}@keyframes downpulse{50%{box-shadow:inset 0 0 0 1px var(--danger), 0 0 10px #ff4d5e80}}.party{left:var(--pad);bottom:calc(var(--pad) + 124px);flex-direction:column;gap:8px;display:flex;position:absolute}.mate{align-items:center;gap:10px;transition:opacity .3s;display:flex}.mate .pc-portrait{width:46px;height:46px}.mate .pc-portrait .img{inset:4px}.mate .pc-portrait .ring,.mate.downed .pc-portrait:after{-webkit-mask:radial-gradient(circle,#0000 20px,#000 21px);mask:radial-gradient(circle,#0000 20px,#000 21px)}.mate .pc-portrait .tag{padding:0 4px;font-size:10px}.mate .pc-body{gap:4px;min-width:0}.mate .pc-name b{font-size:16px}.mate .pc-name i{font-size:10px}.mate .hpbar{width:170px;height:8px}.mate .hpbar .num{display:none}.mate .meter .bar{width:170px;height:3px}.mate .meter .lbl,.mate .meter .pct,.mate .pc-chips{display:none}.mate.downed .pc-portrait .img,.mate.out .pc-portrait .img{filter:grayscale()brightness(.6)}.mate.out{opacity:.55}#plates{position:absolute;inset:0;overflow:hidden}.plate{transform-origin:50% 100%;will-change:transform, opacity;text-align:center;white-space:nowrap;transition:opacity .18s;position:absolute;top:0;left:0}.plate .nm{font:700 13px/1.1 var(--display);letter-spacing:1px;color:#fff;text-transform:uppercase;text-shadow:0 1px 2px #000,0 0 6px #000c}.plate .nm .slot{color:var(--ink);background:var(--slot,var(--gold));text-shadow:none;border-radius:2px;margin-right:5px;padding:0 4px;font-size:11px;display:inline-block}.plate .nm .st{color:var(--danger);margin-left:6px;font-size:11px}.plate .nm .el{letter-spacing:2px;color:var(--ec,#ffb84a);font-size:10px;display:block}.plate .bar{background:#000000a6;width:64px;height:5px;margin:3px auto 0;position:relative;overflow:hidden;box-shadow:0 0 0 1px #0009}.plate .bar>div{transform-origin:0;will-change:transform;position:absolute;inset:0}.plate .bar .trail{background:#ffffffd9}.plate .bar .fill{background:var(--bc,#ff4d5e)}.plate.enemy .bar .fill{background:linear-gradient(#ff6a6a,#d3233a)}.plate.enemy.elite .bar{width:92px;height:6px;box-shadow:0 0 0 1px var(--ec,#ffb84a)}.plate.enemy.elite .nm{color:#fff}.plate.mate .bar{width:72px;height:4px}.plate.mate .bar .fill{background:linear-gradient(#8af0a8,#2fb860)}.plate.mate.power .nm{text-shadow:0 0 8px var(--a1,#5fd4ff), 0 1px 2px #000}.plate.mate.downed .nm .st{animation:.8s steps(2,end) infinite blinkst}@keyframes blinkst{50%{opacity:.3}}.plate .marker{background:var(--slot,var(--gold));width:12px;height:12px;margin:0 auto;display:none;transform:rotate(45deg);box-shadow:0 0 0 2px #0009}.plate.occluded .marker{display:block}.plate.occluded .nm,.plate.occluded .bar,.plate.occluded .chips{display:none}.plate .chips{justify-content:center;gap:3px;margin-top:3px;display:flex}.plate .chips span{font:700 9px/1 var(--display);letter-spacing:1px;color:#fff;background:#0009;border-radius:2px;padding:2px 4px}.plate .chips .stun{color:#ffe066}.plate .chips .guard{color:#8fd0ff}.plate .chips .armor{color:#c9d4e6}.plate.ready-tag .nm{background:#0000008c;border-radius:3px;padding:2px 8px;font-size:12px}.plate.ready-tag.on .nm{color:var(--heal)}.plate.ready-tag.off .nm{color:var(--danger)}.wave-panel{top:var(--pad);right:var(--pad);text-shadow:var(--tshadow);flex-direction:column;align-items:flex-end;gap:4px;display:flex;position:absolute}.wp-top{align-items:baseline;gap:8px;display:flex}.wp-top small{font:700 14px/1 var(--display);letter-spacing:4px;color:var(--muted)}.wp-top b{font:italic 800 48px/.9 var(--display);letter-spacing:1px}.wp-top span{font:700 18px/1 var(--display);color:var(--muted)}.wp-line{background:linear-gradient(270deg, var(--gold), transparent);width:180px;height:2px}.wp-sub{font:700 14px/1 var(--display);letter-spacing:1.5px;color:var(--text);gap:12px;display:flex}.wp-sub .boss{color:var(--danger)}.wp-sub .enemies:before{content:"";background:var(--danger);width:8px;height:8px;margin-right:6px;display:inline-block;transform:rotate(45deg)translateY(-1px)}.wave-panel.lobby .wp-top b,.wave-panel.lobby .wp-top span{display:none}.wave-panel.break .wp-line{background:linear-gradient(270deg, var(--heal), transparent)}.wave-panel.final .wp-top b{color:#f3a7ff;text-shadow:0 0 16px #c45ad8b3, var(--tshadow)}.wave-info{display:none}.wave-panel.text .wave-info{font:700 14px/1.2 var(--display);letter-spacing:1.5px;display:block}.wave-panel.text .wp-top,.wave-panel.text .wp-sub{display:none}.objective{top:var(--pad);left:var(--pad);max-width:min(560px,46vw);font:600 15px/1.35 var(--font);color:var(--text);background:linear-gradient(90deg, var(--panel), #090b1200);border-left:3px solid var(--gold);text-shadow:var(--tshadow);padding:8px 14px 8px 12px;position:absolute}.objective:empty{display:none}.objective b{color:var(--gold)}.volts{right:var(--pad);bottom:var(--pad);font:800 26px/1 var(--display);color:var(--gold);text-shadow:var(--tshadow);align-items:baseline;gap:6px;display:flex;position:absolute}.volts:after{content:"VOLTS";letter-spacing:3px;color:var(--muted);font-size:12px}.volts.bump{animation:vbump .35s var(--ease)}@keyframes vbump{0%{color:#fff;transform:scale(1.25)}to{transform:none}}.style-meter{right:var(--pad);top:calc(var(--pad) + 104px);opacity:0;transition:opacity .3s, transform .3s var(--ease);--rank:#8a90b0;flex-direction:column;align-items:flex-end;display:flex;position:absolute;transform:translate(16px)}.style-meter.show{opacity:1;transform:none}.style-meter b{font:italic 800 54px/.9 var(--display);color:var(--rank);text-shadow:0 0 18px color-mix(in srgb, var(--rank) 60%, transparent), var(--tshadow)}.style-meter small{font:700 13px/1 var(--display);letter-spacing:3px;color:var(--rank);text-shadow:var(--tshadow);margin-top:2px}.style-meter.pop b{animation:rankpop .35s var(--ease)}@keyframes rankpop{0%{transform:scale(1.6)}to{transform:scale(1)}}.style-bar{background:#00000080;width:120px;height:3px;margin-top:6px}#style-fill{background:var(--rank);width:0;height:100%;box-shadow:0 0 8px var(--rank)}.combo{right:calc(var(--pad) + 4px);text-align:right;opacity:0;text-shadow:var(--tshadow);transition:opacity .25s;position:absolute;top:42%}.combo span{font:italic 800 64px/.85 var(--display);color:#fff;display:block}.combo small{font:700 14px/1 var(--display);letter-spacing:5px;color:var(--gold)}.combo .cbar{background:#ffffff26;width:90px;height:2px;margin:6px 0 0 auto}.combo .cbar i{background:var(--gold);transform-origin:100%;height:100%;display:block}.combo.show{opacity:1}.combo.bump span{animation:.16s ease-out cbump}@keyframes cbump{0%{transform:scale(1.22)translate(-6px)}to{transform:none}}#popups{position:absolute;inset:0;overflow:hidden}.popup{font:italic 800 20px/1 var(--display);color:#fff;white-space:nowrap;will-change:transform, opacity;text-shadow:0 2px #000000b3,0 0 8px #0009;letter-spacing:.5px;position:absolute;top:0;left:0}.popup small{font:700 11px/1 var(--display);letter-spacing:2px;text-align:center;margin-top:2px;display:block}.popup.punch{color:#fff}.popup.lightning{color:#bdf0ff;text-shadow:0 0 10px #2bb8ff,0 2px #000000b3}.popup.big{font-size:28px}.popup.weak{color:var(--gold);font-size:26px}.popup.weak small{color:var(--gold)}.popup.weak.big{font-size:34px}.popup.resist{color:#9aa3b5;font-size:16px}.popup.heal{color:var(--heal);font-style:normal}.popup.ko{color:var(--danger);letter-spacing:2px;font-size:30px}.popup.perfect{color:var(--gold);letter-spacing:2px;text-shadow:0 0 14px #f2c14ecc,0 2px #000000b3;font-size:26px}.banner{text-align:center;opacity:0;pointer-events:none;position:absolute;top:30%;left:0;right:0}#banner-title{font:italic 800 clamp(48px, 8vw, 104px)/.9 var(--display);letter-spacing:3px;color:#fff;text-shadow:0 4px #00000059,0 0 30px #0009;padding:0 40px;display:inline-block}#banner-sub{font:700 clamp(14px, 1.6vw, 20px)/1.2 var(--display);letter-spacing:6px;color:var(--gold);text-shadow:var(--tshadow);margin-top:10px;padding:0 16px}.banner:before,.banner:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb3,#0000);width:min(760px,80vw);height:1px;position:absolute;left:50%;transform:translate(-50%)scaleX(0)}.banner:before{top:-14px}.banner:after{bottom:-14px}.banner.show{animation:banner 2.6s var(--ease) forwards}.banner.show:before,.banner.show:after{animation:bline 2.6s var(--ease) forwards}.banner.boss #banner-sub{color:var(--danger)}@keyframes banner{0%{opacity:0;letter-spacing:12px;transform:scale(1.12)}10%{opacity:1;transform:none}78%{opacity:1}to{opacity:0;transform:translateY(-10px)}}@keyframes bline{0%{transform:translate(-50%)scaleX(0)}15%{transform:translate(-50%)scaleX(1)}80%{opacity:1}to{opacity:0;transform:translate(-50%)scaleX(1)}}.boss-bar{top:calc(var(--pad) + 4px);width:min(760px,56vw);text-shadow:var(--tshadow);position:absolute;left:50%;transform:translate(-50%)}#hud.boss-mode .hud-controls{display:none}.boss-head{justify-content:space-between;align-items:baseline;margin-bottom:6px;display:flex}#boss-name{font:800 24px/1 var(--display);letter-spacing:6px;color:#fff;text-transform:uppercase}#boss-sub{font:700 13px/1 var(--display);letter-spacing:3px;color:var(--muted);text-transform:uppercase}.boss-track{height:12px;box-shadow:inset 0 0 0 1px var(--line-strong), 0 0 0 1px #00000080;background:#0009;position:relative}.boss-fill,.boss-trail{transform-origin:0;width:100%;position:absolute;top:0;bottom:0;left:0}.boss-fill{background:linear-gradient(#ff7b6b,#d81f36 50%,#8e0a1d)}.boss-fill:after{content:"";background:linear-gradient(#ffffff59,#0000);position:absolute;inset:0 0 55%}.boss-trail{background:#fff3e0}.boss-mark{background:#ffffffd9;width:2px;position:absolute;top:-3px;bottom:-3px;box-shadow:0 0 0 1px #00000080}.boss-mark.passed{background:#ffffff40}.boss-status{min-height:14px;font:700 12px/1 var(--display);letter-spacing:3px;color:var(--muted);justify-content:center;gap:10px;margin-top:5px;display:flex}.boss-status .phase{color:var(--gold)}.boss-bar.phase-flash .boss-track{animation:.7s ease-out phaseflash}@keyframes phaseflash{0%{box-shadow:inset 0 0 0 1px #fff,0 0 24px #fff}to{box-shadow:inset 0 0 0 1px var(--line-strong)}}.boss-bar .crown{display:none}.boss-bar.queen{width:min(860px,62vw)}.boss-bar.queen .crown{text-align:center;font:700 12px/1 var(--display);letter-spacing:8px;color:#f3c6ff;text-shadow:0 0 12px #c45ad8e6, var(--tshadow);margin-bottom:4px;display:block}.boss-bar.queen .boss-head{justify-content:center;gap:18px}.boss-bar.queen #boss-name{letter-spacing:12px;background:linear-gradient(#fff,#f6d2ff 55%,#d48cff);color:#0000;filter:drop-shadow(0 0 10px #c45ad8b3)drop-shadow(0 2px 2px #000);-webkit-background-clip:text;background-clip:text;font-size:30px}.boss-bar.queen #boss-sub{display:none}.boss-bar.queen .boss-track{height:14px;box-shadow:inset 0 0 0 1px #f2c14ecc,0 0 0 1px #0009,0 0 18px #c45ad859}.boss-bar.queen .boss-track:before,.boss-bar.queen .boss-track:after{content:"◆";color:var(--gold);text-shadow:0 0 8px #f2c14ee6;font-size:16px;position:absolute;top:50%;transform:translateY(-50%)}.boss-bar.queen .boss-track:before{left:-18px}.boss-bar.queen .boss-track:after{right:-18px}.boss-bar.queen .boss-fill{background:linear-gradient(#f6a8ff,#b23ad0 50%,#5c117a)}.boss-intro{opacity:0;pointer-events:none;text-shadow:var(--tshadow);position:absolute;top:58%;left:8vw}.boss-intro small{font:700 16px/1 var(--display);letter-spacing:8px;color:var(--danger);display:block}.boss-intro b{font:italic 800 clamp(48px, 7vw, 96px)/.95 var(--display);letter-spacing:3px;color:#fff;display:block}.boss-intro i{font:600 18px/1.2 var(--font);letter-spacing:2px;color:var(--muted);margin-top:6px;font-style:normal;display:block}.boss-intro:after{content:"";background:linear-gradient(90deg, var(--danger), transparent);width:0;height:2px;margin-top:12px;display:block}.boss-intro.show{animation:bossintro 3.4s var(--ease) forwards}.boss-intro.show:after{animation:bossline 3.4s var(--ease) forwards}.boss-intro.queen small{color:#f3c6ff}.boss-intro.queen:after{background:linear-gradient(90deg, var(--gold), var(--plum), transparent)}@keyframes bossintro{0%{opacity:0;transform:translate(-40px)}12%{opacity:1;transform:none}80%{opacity:1}to{opacity:0;transform:translate(20px)}}@keyframes bossline{0%{width:0}30%{width:min(520px,60vw)}to{width:min(520px,60vw)}}.subtitle{text-align:center;max-width:min(860px,80vw);font:600 18px/1.4 var(--font);color:#fff;opacity:0;background:#0000008c;border-radius:4px;padding:8px 16px;transition:opacity .2s;position:absolute;bottom:13vh;left:50%;transform:translate(-50%)}.subtitle.show{opacity:1}.subtitle b{color:#ff9ab8;letter-spacing:1px;margin-right:8px;font-weight:700}.subtitle.abood b{color:var(--cyan)}.toast{text-align:center;max-width:80vw;font:700 15px/1.3 var(--display);letter-spacing:2px;color:#fff;border:1px solid var(--line);opacity:0;transition:opacity .2s, transform .2s var(--ease);box-shadow:var(--shadow);background:#090b12c7;border-radius:3px;padding:9px 18px;position:absolute;top:20vh;left:50%;transform:translate(-50%)translateY(-6px)}.toast.show{opacity:1;transform:translate(-50%)}.hud-controls{right:var(--pad);bottom:calc(var(--pad) + 44px);max-width:520px;font:600 12px/1.75 var(--font);text-align:right;color:var(--muted);background:linear-gradient(270deg, var(--panel), #090b1200);padding:10px 14px;position:absolute}.hud-controls b{color:var(--text);font-family:var(--display);letter-spacing:.5px;font-weight:700}.hint-weak{color:var(--dim)}#hud.fighting .hud-controls{display:none}@media (max-width:1000px),(max-height:700px){.hud-controls{display:none}}.obj-arrow{left:var(--pad);top:calc(var(--pad) + 44px);color:var(--gold);font:700 14px/1 var(--display);letter-spacing:2px;text-shadow:var(--tshadow);position:absolute}.obj-arrow span{margin-right:6px;display:inline-block}#lobby{top:calc(var(--pad) + 4px);border-top:2px solid var(--gold);width:min(620px,92vw);box-shadow:var(--shadow);font-family:var(--font);color:var(--text);pointer-events:none;z-index:6;background:linear-gradient(#090b12db,#090b12b3);padding:14px 18px 12px;position:fixed;left:50%;transform:translate(-50%)}#lobby .lb-title{font:800 22px/1 var(--display);letter-spacing:5px;justify-content:space-between;align-items:baseline;margin-bottom:10px;display:flex}#lobby .lb-title span{font:700 14px/1 var(--display);letter-spacing:3px;color:var(--gold)}#lobby .lb-row{border-left:3px solid var(--danger);background:#ffffff0a;align-items:center;gap:12px;margin:5px 0;padding:7px 10px;display:flex}#lobby .lb-row.ok{border-left-color:var(--heal);background:#5be38a12}#lobby .lb-row .av{width:30px;height:30px;box-shadow:0 0 0 2px var(--slot,var(--gold));background:#111 50% 16%/150% no-repeat;border-radius:50%;flex:none}#lobby .lb-row b{font:800 13px/1 var(--display);color:var(--ink);background:var(--slot,var(--gold));border-radius:2px;padding:2px 5px}#lobby .lb-row .who{font:700 17px/1 var(--display);letter-spacing:1px}#lobby .lb-row i{color:var(--muted);font:italic 600 13px/1 var(--display);letter-spacing:1px}#lobby .lb-row em{font:800 13px/1 var(--display);letter-spacing:2px;color:var(--danger);margin-left:auto;font-style:normal}#lobby .lb-row.ok em{color:var(--heal)}#lobby .lb-hint{font:600 12px/1.6 var(--font);color:var(--muted);margin-top:10px}#lobby .lb-hint b{color:var(--text);font-family:var(--display)}.lb-code{font:800 26px/1 var(--display);letter-spacing:10px;color:var(--gold);margin:8px 0 2px}.lb-code small{font:600 12px/1.3 var(--font);letter-spacing:0;color:var(--muted);margin-top:4px;display:block}.screen{z-index:20;cursor:pointer;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}#pause{-webkit-backdrop-filter:blur(6px)saturate(.8);backdrop-filter:blur(6px)saturate(.8);cursor:default;background:#04060c9e}#loading{cursor:default;background:#05060b}.title-wrap{text-align:center;padding:0 16px;position:relative}.title-kicker{font:700 13px/1 var(--display);letter-spacing:8px;color:var(--muted);margin-bottom:18px}.title-sub{font:700 16px/1.3 var(--display);letter-spacing:4px;color:var(--gold);margin-top:16px}.title-start{font:700 15px/1 var(--display);letter-spacing:5px;color:var(--text);margin-top:36px}.blink{animation:1.6s ease-in-out infinite pressfade}@keyframes pressfade{0%,to{opacity:1}50%{opacity:.35}}.loading-text{font:700 16px/1 var(--display);letter-spacing:6px;color:var(--muted)}.loading-text:after{content:"";background:linear-gradient(90deg, transparent, var(--cyan), transparent);background-size:200% 100%;width:160px;height:2px;margin:14px auto 0;animation:1.2s linear infinite loadbar;display:block}@keyframes loadbar{0%{background-position:100% 0}to{background-position:-100% 0}}.loading-text.error{color:var(--danger);letter-spacing:1px;max-width:80vw;line-height:1.6}.loading-text.error:after{display:none}.pause-title{font:italic 800 64px/1 var(--display);letter-spacing:8px;margin-bottom:8px}#gameover{background:radial-gradient(#46000c8c,#000000e6)}.gameover-title{font:italic 800 clamp(56px, 9vw, 120px)/.9 var(--display);letter-spacing:6px;color:#fff;text-shadow:0 0 40px #ff283c99}.gameover-quote{font:600 18px/1.5 var(--font);color:#ffb3c4;max-width:640px;margin-top:20px}#victory{background:radial-gradient(#281e0673,#000000e6)}.victory-title{font:italic 800 clamp(64px, 10vw, 140px)/.9 var(--display);letter-spacing:6px;background:linear-gradient(#fff,#ffe6a6 50%,#f2c14e);color:#0000;filter:drop-shadow(0 0 24px #f2c14e8c);-webkit-background-clip:text;background-clip:text}.victory-quote{color:var(--cyan)}#chapter-card{background:#05060b}.cine-end-title{font:italic 800 clamp(44px, 7vw, 90px)/.95 var(--display);letter-spacing:4px;color:#fff}.menu-wrap{flex-direction:column;align-items:center;display:flex}.menu{flex-direction:column;gap:6px;min-width:340px;margin-top:28px;display:flex}.menu-btn{text-align:left;font:700 18px/1.1 var(--display);letter-spacing:3px;color:#c9cfdc;border:0;border-left:3px solid var(--line-strong);cursor:pointer;transition:transform .15s var(--ease), background .15s, color .15s, border-color .15s;text-transform:uppercase;background:linear-gradient(90deg,#090b12cc,#090b124d);padding:12px 22px;display:block;position:relative}.menu-btn small{font:600 12px/1.2 var(--font);letter-spacing:.5px;color:var(--dim);text-transform:none;margin-top:4px;display:block}.menu-btn.sel,.menu-btn:hover:not(:disabled){color:#fff;border-left-color:var(--gold);background:linear-gradient(90deg,#f2c14e38,#090b1259 70%,#090b1200);transform:translate(8px)}.menu-btn.sel small,.menu-btn:hover:not(:disabled) small{color:var(--muted)}.menu-btn:disabled{color:var(--dim);cursor:not-allowed}.menu-btn.hidden{display:none}.menu-row{font:700 14px/1 var(--display);letter-spacing:2px;color:var(--text);border-left:3px solid var(--line);text-transform:uppercase;background:#090b1299;justify-content:space-between;align-items:center;gap:16px;padding:9px 16px;display:flex}.menu-row:hover{border-left-color:var(--gold)}.menu-row input[type=range]{width:170px;accent-color:var(--gold)}.menu-row input[type=checkbox]{width:18px;height:18px;accent-color:var(--gold)}.menu-row select{min-width:190px;font:700 13px/1 var(--display);letter-spacing:1px;color:var(--text);border:1px solid var(--line-strong);background:#0d1019;border-radius:2px;padding:5px 8px}.set-sec{font:800 12px/1 var(--display);letter-spacing:6px;color:var(--gold);text-align:left;margin:12px 0 2px;padding-left:4px}.set-sec:first-child{margin-top:0}.settings-panel{scrollbar-width:thin;scrollbar-color:var(--dim) transparent;max-height:min(66vh,640px);padding-right:6px;overflow-y:auto}.join-row input{width:130px;font:800 20px/1 var(--display);letter-spacing:8px;text-align:center;text-transform:uppercase;color:var(--gold);border:1px solid var(--line-strong);background:#0d1019;padding:6px}.online-status{min-height:16px;font:600 13px/1.5 var(--font);color:var(--gold);text-align:center;max-width:380px;margin:2px auto}.online-status.err{color:var(--danger)}.cheat-row input{width:150px;font:700 13px/1 var(--display);letter-spacing:2px;color:var(--gold);border:1px solid var(--line-strong);text-transform:uppercase;background:#0d1019;padding:6px}.cheat-btn{padding:6px 12px!important;font-size:13px!important}.cheat-msg{font:600 12px/1.3 var(--font);color:var(--gold);min-height:14px}#cheat-off{color:var(--heal);border-left-color:var(--heal)}.menu-hint{font:600 12px/1.5 var(--font);color:var(--dim);letter-spacing:.5px;margin-top:22px}.menu-mapname{font:700 12px/1 var(--display);color:var(--gold);letter-spacing:3px;min-height:12px;margin-top:10px}.pad-help{font:600 12px/1.6 var(--font);color:var(--muted);max-width:560px;margin-top:8px;display:none}body.pad .pad-help{display:block}#pause .title-wrap{border-top:2px solid var(--gold);background:linear-gradient(#090b12cc,#090b1299);padding:28px 36px 24px;box-shadow:0 20px 60px #00000080}#pause .menu{min-width:380px}#upgrades{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:default;background:#04060ce0;align-items:start;padding:28px 0;overflow-y:auto}.up-wrap{text-align:center;width:min(1040px,100vw - 32px);margin:0 auto;position:relative}.up-title{font:italic 800 clamp(30px, 4.6vw, 54px)/1 var(--display);letter-spacing:6px;color:#fff;margin:6px 0}.up-volts{font:800 22px/1 var(--display);color:var(--gold);letter-spacing:2px;margin-bottom:18px}.up-cols{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:760px){.up-cols{grid-template-columns:1fr}}.up-col h3{font:800 18px/1 var(--display);letter-spacing:4px;text-align:left;margin:0 0 12px}.up-col h3 small{font:600 12px/1.3 var(--font);letter-spacing:.5px;color:var(--muted);margin-top:4px;display:block}.up-col.abood h3{color:#ffd27a}.up-col.storm h3{color:var(--cyan)}.up-card{text-align:left;width:100%;color:var(--text);cursor:pointer;border:1px solid var(--line);border-left:3px solid var(--line-strong);transition:all .15s var(--ease);background:#0e111be6;margin-bottom:8px;padding:12px 14px;display:block}.up-card b{font:800 16px/1.1 var(--display);letter-spacing:1.5px;margin-bottom:4px;display:block}.up-card span{font:500 13px/1.45 var(--font);color:var(--muted);display:block}.up-card i{font:800 13px/1 var(--display);letter-spacing:1px;color:var(--gold);margin-top:6px;font-style:normal;display:block}.up-card.ok:hover,.up-card.sel{border-left-color:var(--gold);background:#28200ceb;transform:translate(4px)}.up-card.owned{border-left-color:var(--heal)}.up-card.owned i{color:var(--heal)}.up-card.poor{opacity:.55;cursor:not-allowed}.up-card.locked{opacity:.38;cursor:not-allowed}.up-done{margin-top:16px}#cine{z-index:15;pointer-events:none;position:fixed;inset:0}#cine.hidden{display:none}.cine-bar{background:#000;height:11vh;position:absolute;left:0;right:0}.cine-bar.top{top:0}.cine-bar.bottom{bottom:0}#cine-fade{opacity:1;background:#000;position:absolute;inset:0}.cine-sub{text-align:center;max-width:80vw;font:600 18px/1.4 var(--font);color:#fff;opacity:0;background:#0000008c;border-radius:4px;padding:8px 16px;transition:opacity .25s;position:absolute;bottom:13vh;left:50%;transform:translate(-50%)}.cine-sub.show{opacity:1}.cine-sub b{color:var(--cyan);margin-right:8px}.cine-sub.snow b{color:#ff9ab8}.cine-sub.storm b{color:#bff4ff;text-shadow:0 0 8px #2bb8ff}.cine-stamp{opacity:0;text-align:center;font:italic 800 clamp(36px, 6vw, 80px)/.95 var(--display);letter-spacing:6px;color:#fff;transition:opacity .5s, transform .5s var(--ease);position:absolute;top:42%;left:50%;transform:translate(-50%,-50%)scale(1.2)}.cine-stamp span{color:var(--gold);text-shadow:0 0 24px #2bb8ffb3;font-size:1.6em}.cine-stamp.show{opacity:1;transform:translate(-50%,-50%)scale(1)}.cine-skip{font:700 12px/1 var(--display);letter-spacing:3px;color:var(--dim);position:absolute;bottom:calc(11vh - 28px);right:18px}#cine-end{pointer-events:auto;background:#000}#title{cursor:default;background:#05030c}#title-art{will-change:transform;translate:var(--px,0) var(--py,0);filter:saturate(1.08)contrast(1.05)brightness(.92);background:url(/assets/ui/menu_keyart.jpg) 40% 38%/cover no-repeat;transition:translate .6s ease-out;animation:30s ease-in-out infinite alternate artzoom2;position:absolute;inset:-5%}@keyframes artzoom2{0%{transform:scale(1.02)}to{transform:scale(1.09)translate(-1%,.6%)}}#title.shake #title-art{animation:30s ease-in-out infinite alternate artzoom2,.25s steps(3,end) artshake}@keyframes artshake{33%{margin-left:6px}66%{margin-top:3px;margin-left:-5px}}#title-fx{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.title-shade{background:linear-gradient(90deg,#05040cf0 0%,#05040cc7 28%,#05040c33 48%,#05040c00 60%),linear-gradient(#05040c00 50%,#05040c1a 68%,#05040ceb 100%);position:absolute;inset:0}.title-flare{pointer-events:none;mix-blend-mode:screen;opacity:.45;background:linear-gradient(105deg,#0000 40%,#ffe6b400 45%,#ffe6b429 50%,#ffe6b400 55%,#0000 60%) 0 0/300% 100%;animation:9s ease-in-out infinite flare;position:absolute;inset:0}@keyframes flare{0%,55%{background-position:120% 0}to{background-position:-120% 0}}.title-rain{display:none}#title-bolts{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#title-bolts polyline{fill:none;stroke:#e8f8ff;stroke-width:2.5px;filter:drop-shadow(0 0 6px #5fe1ff)drop-shadow(0 0 16px #2bb8ff)}#title-flash{opacity:0;pointer-events:none;background:#dff6ff;position:absolute;inset:0}#menu-fade{opacity:0;pointer-events:none;background:#000;transition:opacity .6s;position:absolute;inset:0}#title .menu-wrap{text-align:left;align-items:flex-start;position:absolute;top:46%;left:6vw;transform:translateY(-50%)}#title .title-kicker{color:#b9b2a0;letter-spacing:9px;margin-bottom:14px}#title .title-logo{text-align:left;margin:0;line-height:.88}#title .title-logo small{font:700 clamp(16px, 2.2vw, 32px)/1 var(--display);letter-spacing:.5em;color:var(--gold);text-shadow:0 0 18px #f2c14e59;margin-bottom:6px;display:block}#title .title-logo span{font:italic 800 clamp(64px, 10vw, 168px)/.85 var(--display);letter-spacing:.04em;background:linear-gradient(#fff 0%,#f1ead8 55%,#cdb88a 100%);color:#0000;filter:drop-shadow(0 6px 18px #0009);-webkit-background-clip:text;background-clip:text;display:block}#title .title-logo.strike span{animation:.45s ease-out logostrike2}@keyframes logostrike2{0%{filter:brightness(1.8)drop-shadow(0 0 30px #a0e6ffe6)}to{filter:drop-shadow(0 6px 18px #0009)}}.title-sub2{font:700 14px/1 var(--display);letter-spacing:4px;color:var(--gold);border-left:3px solid var(--gold);background:linear-gradient(90deg,#f2c14e29,#0000);margin-top:18px;padding:6px 12px;display:inline-block}.press-start{font:700 18px/1 var(--display);letter-spacing:8px;color:#fff;margin-top:44px;animation:1.6s ease-in-out infinite pressfade}#title .menu{margin-top:26px}#title .menu-btn,#title .menu-row{min-width:400px}#title .menu:not(.hidden) .menu-btn,#title .menu:not(.hidden) .menu-row,#title .menu:not(.hidden) .set-sec{animation:slidein .4s var(--ease) backwards}#title .menu>:nth-child(2){animation-delay:40ms}#title .menu>:nth-child(3){animation-delay:80ms}#title .menu>:nth-child(4){animation-delay:.12s}#title .menu>:nth-child(n+5){animation-delay:.16s}@keyframes slidein{0%{opacity:0;transform:translate(-30px)}}#title .menu-hint,#title .pad-help{text-align:left}#title .menu-mapname{display:none}.title-ver{font:600 11px/1 var(--font);letter-spacing:2px;color:var(--dim);margin-top:30px}.hero-strip{opacity:0;transition:opacity .6s .2s, transform .6s .2s var(--ease);pointer-events:none;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:absolute;bottom:4.5vh;right:3.5vw;transform:translateY(40px)}#title.awake .hero-strip{opacity:1;pointer-events:auto;transform:none}.hs-head{text-align:right;border-right:3px solid var(--hc,var(--cyan));background:linear-gradient(270deg,#05040ce0,#05040c80 70%,#05040c00);flex-direction:column;gap:6px;max-width:540px;padding:10px 16px;display:flex}.hs-head span{font:700 12px/1 var(--display);letter-spacing:5px;color:var(--muted)}.hs-head b{font:800 26px/1 var(--display);letter-spacing:2px;color:#fff;text-shadow:0 0 14px color-mix(in srgb, var(--hc,#5fd4ff) 70%, transparent)}.hs-head i{font:500 14px/1.45 var(--font);color:#c9c4d8;font-style:normal}.hs-cards{align-items:flex-end;gap:10px;display:flex}.hs-card{cursor:pointer;filter:grayscale(.6)brightness(.6);width:96px;height:142px;transition:all .2s var(--ease);background:#0a0820 50%/cover no-repeat;border:1px solid #ffffff26;padding:0;position:relative;box-shadow:0 8px 22px #0009}.hs-card:hover{filter:grayscale(.1)brightness(.9);transform:translateY(-6px)}.hs-card.on{filter:none;border-color:var(--hc);width:128px;height:190px;box-shadow:0 0 0 1px #000, 0 0 26px color-mix(in srgb, var(--hc) 70%, transparent);transform:translateY(-8px)}.hs-card span{font:800 13px/1 var(--display);letter-spacing:2px;color:#fff;text-align:center;background:linear-gradient(#0000,#000000eb);padding:18px 4px 6px;position:absolute;bottom:0;left:0;right:0}.hs-card.on span{color:var(--hc)}@media (max-width:900px){.hero-strip{align-items:center;bottom:12px;left:16px;right:16px}.hs-head{text-align:center;align-items:center}.hs-card{width:64px;height:95px}.hs-card.on{width:84px;height:125px}#title .menu-wrap{top:38%;left:16px;right:16px}#title .menu-btn,#title .menu-row{width:min(400px,90vw);min-width:0}}@media (max-height:640px){.hero-strip{display:none}}@media (max-width:900px){.pc-body{min-width:0}.hpbar{width:220px}.meter .bar{width:170px}.pc-name b{font-size:20px}.pc-portrait{width:64px;height:64px}.pc-portrait .ring{-webkit-mask:radial-gradient(circle,#0000 27px,#000 28px);mask:radial-gradient(circle,#0000 27px,#000 28px)}.wp-top b{font-size:36px}.boss-bar{width:70vw}.combo span{font-size:48px}.party{bottom:calc(var(--pad) + 100px)}}@media (max-width:600px){.menu{width:90vw;min-width:0}.menu-row select{min-width:130px}.menu-row input[type=range]{width:110px}.objective{max-width:60vw;font-size:13px}.style-meter{display:none}}.boss-trail{transition:transform .6s ease-in .35s}.boss-fill{transition:transform 80ms linear}.wave-panel.hidden,.wave-panel.lobby{display:none}.chip{background:#090b12ad}.chip.locked{opacity:.75;color:var(--dim)}.hud-controls{border-right:2px solid var(--line-strong);background:#090b129e}.boss-bar:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#05060cb8 0%,#05060c73 55%,#05060c00 75%);position:absolute;inset:-14px -60px -18px}.boss-bar.queen #boss-name{color:#fbe9ff;filter:none;text-shadow:0 0 14px #d678fff2,0 0 30px #c45ad899,0 2px 2px #000;background:0 0;-webkit-background-clip:border-box;background-clip:border-box}.boss-status{color:#d8dce6}.wave-panel:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 70% 40%,#05060c8c,#05060c00 70%);position:absolute;inset:-12px -18px -14px -60px}.pcard:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 30% 60%,#05060c8c,#05060c00 70%);position:absolute;inset:-30px -40px -20px -30px}.party:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(at 30%,#05060c73,#05060c00 70%);position:absolute;inset:-14px -30px -10px -24px}#title .settings-panel{max-height:min(52vh,520px)}.popup.word{letter-spacing:2px;background:linear-gradient(90deg,#0000,#00000073,#0000);padding:2px 10px;font-style:italic}.cine-hud{pointer-events:none;--cc:#5fd4ff;position:absolute;inset:0}.cine-hud .lb{height:0;transition:height .28s var(--ease);background:#000;position:absolute;left:0;right:0}.cine-hud .lb.top{top:0}.cine-hud .lb.bot{bottom:0}.cine-hud.on .lb{height:9vh}.cine-hud .ct{opacity:0;transition:opacity .25s, transform .35s var(--ease);position:absolute;bottom:14vh;left:7vw;transform:translate(-30px)}.cine-hud.on .ct{opacity:1;transform:none}.cine-hud .ct small{font:700 15px/1 var(--display);letter-spacing:8px;color:var(--cc);text-shadow:var(--tshadow);display:block}.cine-hud .ct b{font:italic 800 clamp(48px, 7.5vw, 110px)/.9 var(--display);letter-spacing:3px;color:#fff;text-shadow:0 0 24px var(--cc), 0 0 60px color-mix(in srgb, var(--cc) 50%, transparent), 0 4px 0 #0006;display:block}.cine-hud .ct b:after{content:"";background:linear-gradient(90deg, var(--cc), transparent);width:0;height:3px;transition:width .6s var(--ease) .1s;margin-top:10px;display:block}.cine-hud.on .ct b:after{width:min(520px,60vw)}.cine-hud.on~* .pcard{opacity:.4}#hud:has(.cine-hud.on) .hud-controls{opacity:.4}.hud-tl{top:var(--pad);left:var(--pad);flex-direction:column;align-items:flex-start;gap:16px;display:flex;position:absolute}.hud-tl .pcard,.hud-tl .party,.hud-tl .objective{position:relative;top:auto;bottom:auto;left:auto}.hud-tl .pcard{align-items:center}.hud-tl .pc-portrait{width:104px;height:104px}.hud-tl .pc-portrait .img{inset:7px}.hud-tl .pc-portrait .ring,.hud-tl .pcard.downed .pc-portrait:after{-webkit-mask:radial-gradient(circle,#0000 46px,#000 47px);mask:radial-gradient(circle,#0000 46px,#000 47px)}.hud-tl .pc-portrait .tag{padding:1px 7px;font-size:15px}.hud-tl .pc-body{gap:8px;min-width:400px}.hud-tl .pc-name b{font-size:34px}.hud-tl .pc-name i,.hud-tl .pc-name .state{font-size:16px}.hud-tl .hpbar{clip-path:polygon(8px 0,100% 0,calc(100% - 8px) 100%,0 100%);width:400px;height:24px}.hud-tl .hpbar .num{font-size:17px;right:14px}.hud-tl .hpbar .num small{font-size:13px}.hud-tl .meter .bar{width:330px;height:10px}.hud-tl .meter .lbl,.hud-tl .meter .pct{font-size:14px}.hud-tl .chip{height:27px;padding:0 11px 0 5px;font-size:14px}.hud-tl .chip kbd{min-width:19px;height:19px;font-size:13px}.hud-tl .party{gap:10px}.hud-tl .mate .pc-portrait{width:58px;height:58px}.hud-tl .mate .pc-portrait .img{inset:5px}.hud-tl .mate .pc-portrait .ring,.hud-tl .mate.downed .pc-portrait:after{-webkit-mask:radial-gradient(circle,#0000 25px,#000 26px);mask:radial-gradient(circle,#0000 25px,#000 26px)}.hud-tl .mate .pc-portrait .tag{font-size:12px}.hud-tl .mate .pc-name b{font-size:21px}.hud-tl .mate .pc-name i{font-size:12px}.hud-tl .mate .hpbar{width:230px;height:11px}.hud-tl .mate .meter .bar{width:230px;height:4px}.hud-tl .objective{max-width:min(560px,40vw);font-size:17px}.hud-tl .party:empty{display:none}@media (max-width:900px){.hud-tl .pc-portrait{width:76px;height:76px}.hud-tl .pc-portrait .ring,.hud-tl .pcard.downed .pc-portrait:after{-webkit-mask:radial-gradient(circle,#0000 33px,#000 34px);mask:radial-gradient(circle,#0000 33px,#000 34px)}.hud-tl .pc-body{min-width:0}.hud-tl .pc-name b{font-size:24px}.hud-tl .hpbar{width:260px;height:18px}.hud-tl .meter .bar{width:200px}.hud-tl .mate .hpbar,.hud-tl .mate .meter .bar{width:170px}}.boss-bar{left:calc(var(--pad) + 570px);right:calc(var(--pad) + 250px);width:auto;transform:none}@media (max-width:1250px){.boss-bar{width:min(760px,80vw);left:50%;right:auto;top:calc(var(--pad) + 250px);transform:translate(-50%)}}#lobby{left:auto;right:var(--pad);width:min(560px,44vw);transform:none}.cpu-tag{font:800 10px/1.4 var(--display);letter-spacing:1px;color:#0b0d14;vertical-align:1px;text-shadow:none;background:#b8c2d8;border-radius:2px;margin-left:6px;padding:0 4px;display:inline-block}#lobby .cpu-tag{font-size:11px}#callouts{left:var(--pad);bottom:calc(var(--pad) + 8px);pointer-events:none;flex-direction:column;gap:4px;display:flex;position:absolute}#callouts .co{font:700 15px/1.2 var(--display);letter-spacing:1px;color:#fff;border-left:3px solid var(--slot,#fff);text-shadow:var(--tshadow);animation:coin .18s var(--ease);background:linear-gradient(90deg,#090b12c7,#090b1200);align-items:baseline;gap:8px;padding:4px 12px 4px 10px;transition:opacity .5s;display:flex}#callouts .co b{color:var(--slot,#fff)}#callouts .co i{font:800 10px/1 var(--display);color:#0b0d14;background:#b8c2d8;border-radius:2px;padding:1px 4px;font-style:normal}#callouts .co.help span{color:#ff8a8a}#callouts .co.ult span{color:var(--gold)}#callouts .co.reviving span{color:var(--heal)}#callouts .co.out{opacity:0}@keyframes coin{0%{opacity:0;transform:translate(-14px)}}.diff-panel .set-sec{margin-bottom:6px}.diff-btn[data-d=hard]{--diff:#ffb84a}.diff-btn[data-d=nightmare]{--diff:#ff4d5e}.diff-btn.sel{box-shadow:inset 4px 0 0 var(--diff,var(--gold))}#lobby .lb-diff{font:italic 800 13px/1 var(--display);letter-spacing:3px;color:var(--gold);margin-left:10px}#load-veil{z-index:30;pointer-events:none;opacity:0;visibility:hidden;background:radial-gradient(#1a1410 0%,#07060a 75%);place-items:center;transition:opacity .35s,visibility 0s linear .35s;display:grid;position:fixed;inset:0}#load-veil.on{opacity:1;visibility:visible;transition:none}#load-veil span{font:700 14px/1 var(--display);letter-spacing:8px;color:#f2c14ed9;animation:1.2s ease-in-out infinite veilpulse}@keyframes veilpulse{50%{opacity:.4}}#owner-bar{z-index:12;pointer-events:none;font:700 12px/1 var(--display);letter-spacing:2px;color:#0b0d14;background:#f2c14ee6;border-radius:3px;padding:5px 14px;position:fixed;bottom:10px;left:50%;transform:translate(-50%)}#owner-bar.hidden{display:none}