: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}.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{width:280px;margin:-16px 0 0 24px;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}.card{background:var(--paper);color:var(--ink);border:3px solid var(--ink);transform:skew(-4deg);box-shadow:6px 6px #0000008c}.card-head{background:var(--rc);border-bottom:3px solid var(--ink);color:#fff;text-shadow:0 2px #00000059;padding:8px 12px 7px}.card .maker{font:900 10px var(--font-ui);letter-spacing:.18em;text-transform:uppercase;opacity:.9}.card .name{font:16px var(--font-display);margin:2px 0 3px;line-height:1.12}.card .sub{font:700 11px var(--font-ui)}.card .stars{color:#fff3a0;letter-spacing:1px}.card-body{padding:8px 12px 10px}.card table{border-collapse:collapse;width:100%;margin-top:6px;font-size:13px}.card td{border-bottom:1px dashed #14121c33;padding:2px 0}.card td:first-child{opacity:.7;font-weight:700}.card td:last-child{text-align:right;font-weight:900}.card td b{margin-left:4px;font-size:10px}.card td b.up{color:#1f9d3a}.card td b.down{color:var(--red)}.card .perk{margin-top:7px;font-size:12px;line-height:1.3}.card .perk b{color:var(--tc);filter:brightness(.75)}.card .traits{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.card .trait{font:900 10px var(--font-ui);text-transform:uppercase;letter-spacing:.06em;background:var(--ink);color:var(--paper);padding:2px 6px}.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}.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}}.card .maker{justify-content:space-between;align-items:center;gap:8px;display:flex}.cat-tag{font:700 11px var(--font-display);letter-spacing:.06em;text-transform:uppercase;background:var(--ink);color:#ffd84a;text-shadow:none;white-space:nowrap;border-radius:4px;padding:2px 7px}.ammo.melee .mag{letter-spacing:.04em;font-size:26px}