:root{--ink:#14121c;--paper:#fff8e7;--yellow:#ffcb05;--red:#e3350d;--blue:#2a75bb;--font-display:"Bungee", system-ui, sans-serif;--font-ui:"Rubik", system-ui, sans-serif}*{box-sizing:border-box}html,body{background:var(--ink);height:100%;margin:0;overflow:hidden}body{font-family:var(--font-ui);color:var(--paper);-webkit-user-select:none;user-select:none;touch-action:none}#app{position:fixed;inset:0}#game{cursor:none;width:100%;height:100%;display:block}#hud{pointer-events:none;position:absolute;inset:0}#loading{text-align:center;background:var(--ink);z-index:10;place-content:center;gap:18px;transition:opacity .4s;display:grid;position:absolute;inset:0}#loading.done{opacity:0;pointer-events:none}#loading .logo{font-family:var(--font-display);color:var(--yellow);-webkit-text-stroke:3px var(--blue);paint-order:stroke fill;text-shadow:0 6px 0 var(--blue);font-size:clamp(36px,8vw,72px);transform:rotate(-3deg)}#loading .bar{border:3px solid var(--paper);width:min(320px,70vw);height:12px;margin:0 auto;transform:skew(-12deg)}#loading .bar i{background:var(--yellow);width:0;height:100%;transition:width .2s;display:block}#loading .sub{letter-spacing:.12em;text-transform:uppercase;opacity:.7;font-size:13px;font-weight:700}kbd{border:2px solid var(--paper);min-width:22px;font:700 11px var(--font-ui);text-align:center;color:var(--paper);background:#14121cb3;border-bottom-width:3px;border-radius:3px;margin:0 1px;padding:1px 6px;display:inline-block}.type-pill{font:900 11px var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--c);border:2px solid var(--ink);text-shadow:0 1px #00000073;padding:2px 10px 1px;display:inline-block;transform:skew(-12deg)}.hud-top{position:absolute;top:16px;left:16px}.zone{border:3px solid var(--ink);box-shadow:4px 4px 0 var(--ink);align-items:stretch;display:inline-flex;transform:skew(-10deg)}.zone-tag{background:var(--red);font:900 12px var(--font-ui);letter-spacing:.14em;padding:4px 10px}.zone-name{background:var(--paper);color:var(--ink);font:18px var(--font-display);padding:4px 14px}.objective{text-shadow:0 2px 0 var(--ink), 0 0 6px var(--ink);margin-top:8px;font-size:13px;font-weight:700}.help{border-left:4px solid var(--yellow);background:#14121cb8;gap:6px;padding:10px 12px;font-size:12px;font-weight:500;transition:opacity .2s;display:grid;position:absolute;bottom:72px;left:16px}.help.hidden{opacity:0}.player-hp{background:var(--ink);border:3px solid var(--paper);align-items:center;gap:8px;padding:5px 12px 4px;display:flex;position:absolute;bottom:62px;left:16px;transform:skew(-10deg);box-shadow:4px 4px #00000080}.php-label{font:900 12px var(--font-ui);letter-spacing:.14em;color:var(--paper)}.php-bar{background:#2a1e28;width:170px;height:12px;position:relative}.php-bar i{transform-origin:0;transition:transform .25s ease-out;position:absolute;inset:0}.php-lag{background:#ffd23a}.php-fill{background:linear-gradient(90deg,#6ee06e,#2ea84a);transition:transform 80ms!important}.player-hp.low .php-fill{background:linear-gradient(90deg,#ff6a3d,#d8281c);animation:.4s steps(2,end) infinite stun-blink}.php-val{font:18px var(--font-display);text-align:right;min-width:36px}.hurt-vignette{pointer-events:none;opacity:0;position:absolute;inset:0;box-shadow:inset 0 0 140px 30px #ff281ebf}.hurt-vignette.on{animation:.45s ease-out hurt-vig}@keyframes hurt-vig{0%{opacity:1}to{opacity:0}}.big-banner{opacity:0;pointer-events:none;font:64px var(--font-display);letter-spacing:.04em;color:#fff;text-shadow:4px 4px 0 var(--ink), 0 0 24px #fff9;white-space:nowrap;transition:opacity .12s,transform .12s;position:absolute;top:34%;left:50%;transform:translate(-50%,-50%)skew(-10deg)scale(.7)}.big-banner.on{opacity:1;transform:translate(-50%,-50%)skew(-10deg)scale(1)}.big-banner.parry{color:#ffd23a}.big-banner.ko{color:#ff5a4a;font-size:88px}.dps{background:var(--ink);border:3px solid var(--yellow);align-items:baseline;gap:8px;padding:6px 14px 4px;display:flex;position:absolute;bottom:16px;left:16px;transform:skew(-10deg);box-shadow:4px 4px #00000080}.dps-label{font:900 12px var(--font-ui);letter-spacing:.14em;color:var(--yellow)}.dps-val{font:26px var(--font-display);min-width:70px}.weapon-panel{width:min(380px,100vw - 32px);position:absolute;bottom:16px;right:16px}.slots-row{justify-content:flex-end;align-items:center;gap:10px;margin-bottom:6px;display:flex}.slots{justify-content:flex-end;gap:6px;display:flex}.dash-pips{gap:5px;margin-right:auto;padding-left:4px;display:flex}.dash-pips i{border:2px solid var(--paper);background:linear-gradient(90deg, #9fdcff calc(var(--f,1) * 100%), #14121cbf 0);width:26px;height:9px;box-shadow:2px 2px 0 var(--ink);transform:skew(-20deg)}.slot{font:700 12px var(--font-ui);border:2px solid var(--rc);opacity:.55;background:#14121ccc;align-items:center;gap:6px;padding:3px 10px 2px 4px;display:flex;transform:skew(-10deg)}.slot span{background:var(--rc);width:18px;height:18px;color:var(--ink);place-items:center;font-weight:900;display:grid}.slot.on{opacity:1;box-shadow:3px 3px 0 var(--ink)}.weapon{background:var(--ink);border:3px solid var(--paper);padding:10px 14px;transform:skew(-6deg);box-shadow:5px 5px #0000008c}.weapon .empty{opacity:.75;padding:6px 0;font-size:13px;font-weight:700}.w-name{font:15px var(--font-display);color:var(--rc);text-shadow:0 2px #0009;line-height:1.15}.w-row{justify-content:space-between;align-items:flex-end;margin-top:4px;display:flex}.ammo{font-family:var(--font-display);line-height:1}.ammo .mag{font-size:42px}.ammo .sep{opacity:.5;margin:0 4px;font-size:22px}.ammo .res{opacity:.7;font-size:22px}.weapon.low .mag{color:var(--red)}.reload{background:#ffffff1f;height:5px;margin-top:6px}.reload i{background:var(--yellow);transform-origin:0;height:100%;display:block;transform:scaleX(0)}.weapon.is-reloading .mag{opacity:.35}.prompt{transform-origin:0 0;z-index:5;width:264px;display:none;position:absolute;top:0;left:0}.action-prompt{background:var(--paper);color:var(--ink);border:3px solid var(--ink);font:900 14px var(--font-ui);white-space:nowrap;transform-origin:0 0;padding:5px 10px 6px;display:none;position:absolute;top:0;left:0;box-shadow:4px 4px #0000008c}.action-prompt kbd{background:var(--ink)}.chest-prompt{width:240px;margin:-16px 0 0 24px;display:none;position:absolute;top:0;left:0}.chest-card{background:var(--paper);color:var(--ink);border:3px solid var(--ink);box-shadow:6px 6px 0 #0000008c, 0 0 18px var(--g);padding:8px 12px 10px;transform:skew(-4deg)}.chest-name{font:16px var(--font-display);color:#fff;background:var(--g);border-bottom:3px solid var(--ink);text-shadow:0 2px #0006;margin:-8px -12px 8px;padding:7px 12px 6px}.odds{gap:2px;height:26px;display:flex}.odd{background:var(--c);color:#fff;font:900 10px var(--font-ui);text-shadow:0 1px #00000080;flex-direction:column;justify-content:center;align-items:center;min-width:0;line-height:1.05;display:flex;overflow:hidden}.odd b{opacity:.85;font-size:9px}.chest-card .press{color:var(--ink);text-shadow:none}.press{text-shadow:0 2px 0 var(--ink);margin-top:8px;font-size:14px;font-weight:900}.crosshair{--s:14px;--r:0;width:0;height:0;position:absolute;top:0;left:0}.crosshair i{left:calc(var(--s) * -1);top:calc(var(--s) * -1);width:calc(var(--s) * 2);height:calc(var(--s) * 2);border:3px solid var(--paper);box-shadow:0 0 0 2px var(--ink), inset 0 0 0 2px var(--ink);border-radius:50%;transition:width 60ms,height 60ms,left 60ms,top 60ms;position:absolute}.crosshair b{background:var(--yellow);border:2px solid var(--ink);border-radius:50%;width:6px;height:6px;position:absolute;top:-3px;left:-3px}.crosshair.reloading i{border-color:var(--yellow);border-style:dashed}.world{position:absolute;inset:0;overflow:hidden}.dummy-label{justify-items:center;gap:3px;display:grid;position:absolute;top:0;left:0}.hpbar{background:var(--ink);border:2px solid var(--ink);width:64px;height:7px;transform:skew(-12deg)}.hpbar i{transform-origin:0;background:linear-gradient(90deg,#6ee06e,#2ea84a);height:100%;display:block}.poisebar{background:var(--ink);border:2px solid var(--ink);width:56px;height:5px;margin-top:-1px;transform:skew(-12deg)}.poisebar i{transform-origin:0;background:#ffd23a;height:100%;display:block}.dummy-label.stunned .poisebar i{background:#ff6a3d;animation:.25s steps(2,end) infinite stun-blink}@keyframes stun-blink{50%{opacity:.45}}.exec-tag{font:900 12px var(--font-ui);letter-spacing:.06em;color:var(--ink);box-shadow:3px 3px 0 var(--ink);white-space:nowrap;background:#ffd23a;padding:2px 8px;display:none;transform:skew(-10deg)}.exec-tag.on{animation:.5s ease-in-out infinite alternate exec-pulse;display:block}.exec-tag kbd{font:inherit;background:var(--ink);color:#ffd23a;margin-right:4px;padding:0 4px}@keyframes exec-pulse{to{transform:skew(-10deg)scale(1.08)}}.float{font:20px var(--font-display);color:#fff;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;white-space:nowrap;will-change:transform;position:absolute;top:0;left:0}.float.dmg{font-size:18px}.float.crit{color:var(--yellow);font-size:26px}.float.super{color:#ff8a3d;font-size:23px}.float.weak{color:#9aa3ad;font-size:16px}.float.eff{color:#ff8a3d;font-size:15px;font-family:var(--font-ui);-webkit-text-stroke:3px var(--ink);font-weight:900}.float.ineff{color:#c9ced6;font-size:13px;font-family:var(--font-ui);-webkit-text-stroke:3px var(--ink);font-weight:900}@media (max-width:720px){.help{display:none}.hud-top{top:10px}.zone-name{font-size:14px}.objective{display:none}.ammo .mag{font-size:32px}.prompt{width:240px}.wc-thumb{display:none}}.ammo.melee .mag{letter-spacing:.04em;font-size:26px}.zone.zone-flash{animation:.6s ease-out zone-flash}@keyframes zone-flash{0%{filter:brightness(1.6);transform:scale(1.12)rotate(-1deg)}to{filter:none;transform:none}}.lock-mark{width:46px;height:46px;display:none;position:absolute;top:0;left:0}.lock-mark i{border:3px solid var(--yellow);width:12px;height:12px;filter:drop-shadow(0 0 2px var(--ink));position:absolute}.lock-mark i:first-child{border-bottom:0;border-right:0;top:0;left:0}.lock-mark i:nth-child(2){border-bottom:0;border-left:0;top:0;right:0}.lock-mark i:nth-child(3){border-top:0;border-right:0;bottom:0;left:0}.lock-mark i:nth-child(4){border-top:0;border-left:0;bottom:0;right:0}.wc{--wc-ink:#1d1b26;--wc-mute:#6c6f7b;--wc-line:#e4e5ea;color:var(--wc-ink);border:3px solid var(--ink);font:500 12px var(--font-ui);background:#fff;border-radius:14px;padding:9px 11px 7px;box-shadow:0 0 0 2px #ffffff1f,6px 8px #00000073}.wc-top{align-items:center;gap:6px;display:flex}.wc-rar{background:var(--rc);color:#fff;font:900 10px var(--font-ui);letter-spacing:.06em;white-space:nowrap;text-transform:uppercase;text-shadow:0 1px #0000004d;border-radius:99px;padding:3px 9px}.wc-cat{background:var(--wc-ink);color:#fff;font:900 11px var(--font-ui);letter-spacing:.06em;text-transform:uppercase;border-radius:6px;align-items:center;gap:5px;padding:3px 9px 3px 7px;display:inline-flex}.wc-cat svg{color:#ffcb05}.wc-q{gap:3px;margin-left:auto;display:flex}.wc-q i{border:2px solid var(--wc-ink);background:#e3e4ea;border-radius:50%;width:11px;height:11px}.wc-q i.on{background:#ffcb05}.wc-name{font:900 16px var(--font-ui);margin:6px 0 1px;line-height:1.15}.wc-sub{color:var(--wc-mute);font-size:11px;font-weight:700}.wc-clan{background:linear-gradient(100deg, #1d1b26 62%, color-mix(in srgb, var(--cc) 55%, #1d1b26));color:#fff;box-shadow:inset 0 -3px 0 var(--cc);border-radius:9px;align-items:center;gap:8px;margin-top:6px;padding:5px 44px 5px 6px;display:flex;position:relative;overflow:hidden}.wc-clan .kamon{box-shadow:0 0 0 2px var(--cc);border-radius:50%;flex:none}.wc-clan-name{min-width:0;line-height:1.1;display:grid}.wc-clan-name b{font:900 14px var(--font-ui);letter-spacing:.04em}.wc-clan-name small{font:700 9.5px var(--font-ui);opacity:.7;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.wc-seal{color:#fff3ea;text-align:center;background:#c8282d;border-radius:3px;place-content:center;width:26px;height:30px;font:12px/1.02 Yuji Syuku,Hiragino Mincho ProN,Noto Serif JP,serif;display:grid;position:absolute;top:50%;right:8px;translate:0 -50%;rotate:5deg;box-shadow:inset 0 0 0 1.5px #fff3ea,0 0 0 1px #7d1418}.wc-seal i{font-style:normal;display:block}.wc-type{background:var(--tc);color:#fff;text-shadow:0 1px 1px #00000073;border-radius:9px;grid-template-columns:auto 1fr;align-items:center;gap:4px 10px;margin-top:6px;padding:6px 9px;display:grid}.wc-type.light{color:#1d1b26;text-shadow:none}.wc-type small{font:900 8.5px var(--font-ui);letter-spacing:.14em;text-transform:uppercase;opacity:.85;display:block}.wc-type-head b{font:17px/1 var(--font-display);letter-spacing:.04em;text-transform:uppercase}.wc-eff{text-align:right;font:700 9.5px/1.25 var(--font-ui);justify-items:end;gap:2px;display:grid}.wc-eff p{margin:0}.wc-eff b{text-align:center;min-width:30px;text-shadow:none;border-radius:4px;margin-right:2px;padding:0 4px;font-weight:900;display:inline-block}.wc-eff .good b{color:#1f9d3a;background:#fff}.wc-eff .bad b{color:#ffb3b8;background:#14121cbf}.wc-thumb{background:#eceef2;border-radius:9px;place-items:center;height:50px;margin-top:6px;display:grid;overflow:hidden}.wc-thumb img{max-width:96%;max-height:100%}.wc-dps{margin-top:4px;line-height:1}.wc-dps b{font:900 26px var(--font-ui);letter-spacing:-.01em}.wc-dps span{font:900 12px var(--font-ui)}.wc-dps b+span+b{margin-left:4px;font-size:12px}.wc-stats{gap:2px;margin-top:4px;display:grid}.wc-row{grid-template-columns:62px 64px 1fr;align-items:center;gap:6px;font-weight:700;display:grid}.wc-row span{color:var(--wc-mute)}.wc-row em{text-align:right;white-space:nowrap;font-style:normal;font-weight:900}.wc-row i{background:#e3e5ea;border-radius:4px;height:7px;overflow:hidden}.wc-row s{background:#6d7280;border-radius:4px;height:100%;display:block}.wc b.up{color:#1f9d3a;margin-left:3px;font-size:10px}.wc b.down{color:#d6303a;margin-left:3px;font-size:10px}.wc-sec{border-top:1px solid var(--wc-line);margin-top:6px;padding-top:5px;font-size:11px;line-height:1.35}.wc-sec h4{font:900 9.5px var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--wc-mute);margin:0 0 4px}.wc-sec ul{gap:3px;margin:0;padding:0;list-style:none;display:grid}.wc-sec p{margin:0}.wc-chip{background:#eef0f4;border:1px solid #d9dce3;border-radius:5px;margin-right:2px;padding:0 5px;font-weight:900;display:inline-block}.wc-sig h4{color:var(--cc);filter:brightness(.82)saturate(1.2)}.wc-bonus{color:var(--wc-mute);margin-top:3px!important}.wc-bonus b{color:var(--wc-ink)}.wc-sec p.good{color:#1f9d3a;font-weight:900}.wc-sec p.bad{color:#d6303a;font-weight:900}.wc-sec p.bad2{color:#8a1c22;font-weight:900}.wc-sec p span{font-weight:700}.wc-act{border-top:1px solid var(--wc-line);font:900 13px var(--font-ui);margin-top:6px;padding-top:5px}.wc-act kbd{background:var(--wc-ink);border-color:var(--wc-ink);color:#fff;margin-right:4px}.threats{pointer-events:none;position:absolute;inset:0}.threat{width:0;height:0;filter:drop-shadow(0 0 3px var(--ink));border-bottom:26px solid #ffd23a;border-left:14px solid #0000;border-right:14px solid #0000;animation:.5s ease-in-out infinite alternate threat-pulse;display:none;position:absolute;top:0;left:0}.threat.imparable{border-bottom-color:#ff3a1c}@keyframes threat-pulse{0%{opacity:.55}to{opacity:1}}