:root{--p:3px;--ink:#1a1c2c;--plum:#5d275d;--red:#b13e53;--orange:#ef7d57;--yellow:#ffcd75;--lime:#a7f070;--green:#38b764;--teal:#257179;--navy:#29366f;--blue:#3b5dc9;--sky:#41a6f6;--cyan:#73eff7;--white:#f4f4f4;--mist:#94b0c2;--slate:#566c86;--night:#333c57;--font:"Jersey 15", ui-monospace, monospace;--display:"Jersey 10", "Jersey 15", ui-monospace, monospace;--logo:"Jersey 10", "Jersey 15", ui-monospace, monospace;--label:"Silkscreen", "Jersey 15", ui-monospace, monospace;--o:2px;--outline:var(--o) 0 0 var(--ink), calc(-1 * var(--o)) 0 0 var(--ink), 0 var(--o) 0 var(--ink), 0 calc(-1 * var(--o)) 0 var(--ink), var(--o) var(--o) 0 var(--ink), calc(-1 * var(--o)) var(--o) 0 var(--ink), var(--o) calc(-1 * var(--o)) 0 var(--ink), calc(-1 * var(--o)) calc(-1 * var(--o)) 0 var(--ink), 0 calc(2 * var(--o)) 0 var(--ink);--coin:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8' shape-rendering='crispEdges'%3E%3Cpath fill='%231a1c2c' d='M2 0h4v1h1v1h1v4H7v1H6v1H2V7H1V6H0V2h1V1h1z'/%3E%3Cpath fill='%23ef7d57' d='M2 1h4v1h1v4H6v1H2V6H1V2h1z'/%3E%3Cpath fill='%23ffcd75' d='M2 1h3v1h1v3H5v1H2V5H1V2h1z'/%3E%3Cpath fill='%23f4f4f4' d='M2 2h1v2H2z'/%3E%3C/svg%3E")}@media (min-width:1600px) and (min-height:900px){:root{--p:4px;--o:3px}}*{box-sizing:border-box}html,body{background:var(--ink);height:100%;font-family:var(--font);font-synthesis:none;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:none;margin:0;overflow:hidden}#game{width:100vw;height:100vh;image-rendering:pixelated;cursor:none;display:block;position:fixed;inset:0}#hud{pointer-events:none;color:var(--white);text-shadow:var(--outline);position:fixed;inset:0}#stats{font:12px/1.3 var(--label);white-space:pre;z-index:5;position:absolute;bottom:8px;left:10px}img.px-icon{width:48px;height:48px;image-rendering:pixelated;pointer-events:none;display:block}.px-icon.glyph{place-items:center;font-size:32px;display:grid}.px,#touch .tbtn,#hp .bar,#bossbar .bar,#combo .cbar,.pip,#toast,#chestreveal,.card .replaces,.card .partner,#loadout .slot,#mods .mod,#pausebtn,.screen button,.menu.settings label,.hiscores,.badge,.mod-chip,.card .icon,.mod-card .icon,.owned-mod,.owned-mod .icon,div.mod-card.sold,.summary,.dmg-table,.ach,.field input,.join-row input,.lobby,.lobby-player,.mate .bar,#tags .nm,#tags .rv .bar,#minimap,#downed,#downed .bar,#ebars .bar,.key,.tag-chip{--bg:var(--night);--hi:var(--slate);--lo:var(--ink);--ring:transparent;--drop:#1a1c2c8c;background-color:var(--bg);box-shadow:inset var(--p) var(--p) 0 0 var(--hi), inset calc(-1 * var(--p)) calc(-1 * var(--p)) 0 0 var(--lo), 0 calc(-1 * var(--p)) 0 0 var(--ink), 0 var(--p) 0 0 var(--ink), calc(-1 * var(--p)) 0 0 0 var(--ink), var(--p) 0 0 0 var(--ink), 0 calc(-2 * var(--p)) 0 0 var(--ring), 0 calc(2 * var(--p)) 0 0 var(--ring), calc(-2 * var(--p)) 0 0 0 var(--ring), calc(2 * var(--p)) 0 0 0 var(--ring), calc(2 * var(--p)) calc(3 * var(--p)) 0 0 var(--drop);border:0;border-radius:0}.tag-chip,.key,.mate .bar,#tags .nm,#combo .cbar{--drop:transparent}#reticle{width:39px;height:39px;image-rendering:pixelated;pointer-events:none;z-index:20;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13' shape-rendering='crispEdges'%3E%3Cpath fill='%231a1c2c' d='M5 0h3v5H5zM5 8h3v5H5zM0 5h5v3H0zM8 5h5v3H8z'/%3E%3Cpath fill='%23f4f4f4' d='M6 1h1v3H6zM6 9h1v3H6zM1 6h3v1H1zM9 6h3v1H9z'/%3E%3Cpath fill='%23ef7d57' d='M6 6h1v1H6z'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;margin:-19px 0 0 -19px;position:fixed;top:0;left:0}#reticle:before{content:"";background:repeating-linear-gradient(90deg, transparent 0 calc(12.5% - 2px), var(--ink) 0 12.5%), linear-gradient(90deg, var(--rc,var(--cyan)) calc(round(down, var(--charge,0) * 8, 1) / 8 * 100%), var(--night) 0);height:9px;box-shadow:0 -3px 0 0 var(--ink), 0 3px 0 0 var(--ink), -3px 0 0 0 var(--ink), 3px 0 0 0 var(--ink);opacity:0;position:absolute;top:calc(100% + 6px);left:3px;right:3px}#reticle[data-charge=on]:before,#reticle[data-charge=full]:before,#reticle[data-charge=over]:before,#reticle[data-charge=reload]:before,#reticle[data-charge=ready]:before{opacity:1}#reticle[data-charge=reload]{--rc:var(--sky)}#reticle[data-charge=ready]{--rc:var(--lime);animation:.1s step-end infinite blink2}#reticle[data-charge=full]{--rc:var(--lime);--j:1px;animation:.3s step-end infinite blink2,.24s step-end infinite rjitter}#reticle[data-charge=over]{--rc:var(--orange);--j:var(--p);animation:.16s step-end infinite blink2,.1s step-end infinite rjitter}@keyframes rjitter{0%{translate:calc(-1 * var(--j)) 0}25%{translate:var(--j) calc(-1 * var(--j))}50%{translate:0 var(--j)}75%{translate:var(--j) var(--j)}}@keyframes blink2{50%{filter:brightness(1.6)}}#ingame[hidden]{display:none}#xpbar{height:calc(5 * var(--p));background:var(--ink);box-shadow:0 var(--p) 0 0 var(--navy);position:absolute;top:0;left:0;right:0}#xpbar .fill{background:repeating-linear-gradient(90deg, transparent 0 calc(10 * var(--p)), var(--ink) 0 calc(11 * var(--p))), linear-gradient(var(--cyan) 0 40%, var(--sky) 0 100%);transform-origin:0;height:100%;transform:scaleX(0)}#xpbar .lv{font:10px var(--label);letter-spacing:1px;color:var(--white);text-shadow:1px 0 0 var(--ink), -1px 0 0 var(--ink), 0 1px 0 var(--ink), 0 -1px 0 var(--ink);place-items:center;display:grid;position:absolute;inset:0}#xpbar.up .fill{animation:.3s steps(2,end) 2 flash}@keyframes flash{50%{filter:brightness(2)}}#hp{top:calc(9 * var(--p));align-items:center;gap:14px;display:flex;position:absolute;left:18px}#hp .bar{--bg:var(--ink);--hi:var(--ink);--lo:var(--ink);width:216px;height:calc(7 * var(--p));padding:var(--p)}#hp .fill{background:repeating-linear-gradient(90deg, transparent 0 calc(8 * var(--p)), #1a1c2c80 0 calc(9 * var(--p))), linear-gradient(var(--lime) 0 34%, var(--green) 0 75%, var(--teal) 0);height:100%}#hp .fill.low{background:repeating-linear-gradient(90deg, transparent 0 calc(8 * var(--p)), #1a1c2c80 0 calc(9 * var(--p))), linear-gradient(var(--orange) 0 34%, var(--red) 0 75%, var(--plum) 0);animation:.5s step-end infinite flash}#hp .bar.hurt{animation:.24s steps(4,end) shake}#hp .num{font:14px var(--label)}@keyframes shake{25%{transform:translateX(calc(-2 * var(--p)))}50%{transform:translateX(calc(2 * var(--p)))}75%{transform:translateX(calc(-1 * var(--p)))}}#runinfo{top:calc(19 * var(--p));font:14px var(--label);gap:18px;display:flex;position:absolute;left:18px}#runinfo .gold{color:var(--yellow)}#runinfo .gears{color:var(--mist)}#runinfo .gold.bump{animation:.2s steps(2,end) hop;display:inline-block}#timer{top:calc(8 * var(--p));text-align:center;line-height:1;position:absolute;left:50%;transform:translate(-50%)}#timer .clock{font-family:var(--display);letter-spacing:1px;font-size:52px}#spice{top:calc(30 * var(--p) + 60px);font:12px var(--label);letter-spacing:1px;text-shadow:var(--outline);white-space:nowrap;pointer-events:none;justify-items:center;gap:4px;display:grid;position:absolute;left:50%;transform:translate(-50%)}#spice .event{color:var(--orange);animation:.8s step-end infinite flash}#spice .challenge{color:var(--yellow)}#spice .done{color:var(--lime)}#spice .buff{color:var(--cyan)}#timer .stage{font:11px var(--label);color:var(--cyan);letter-spacing:1px;margin-top:6px}#pausebtn{font-family:var(--display);--bg:var(--navy);--hi:var(--blue);--lo:var(--ink);--drop:transparent;top:calc(9 * var(--p));pointer-events:auto;cursor:pointer;width:36px;height:36px;color:var(--white);font:20px var(--display);text-shadow:none;padding:0;font-size:0;position:absolute;left:calc(50% + 84px)}#pausebtn:before{content:"";width:calc(2 * var(--p));height:calc(5 * var(--p));margin:calc(-2.5 * var(--p)) 0 0 calc(-2.5 * var(--p));background:var(--white);box-shadow:calc(3 * var(--p)) 0 0 var(--white);position:absolute;top:50%;left:50%}#pausebtn:hover{--bg:var(--orange);--hi:var(--yellow);--lo:var(--red)}#pausebtn:active{transform:translateY(var(--p))}#score{font-family:var(--display);top:calc(8 * var(--p));color:var(--yellow);letter-spacing:1px;font-size:52px;position:absolute;right:20px}#combo{top:calc(24 * var(--p));text-align:right;visibility:hidden;position:absolute;right:20px}#combo.on{visibility:visible}#combo .mult{font-family:var(--display);font-size:52px;line-height:1}#combo .mult[data-tier="2"]{color:var(--lime)}#combo .mult[data-tier="3"]{color:var(--cyan)}#combo .mult[data-tier="4"]{color:var(--yellow)}#combo .mult[data-tier="5"]{color:var(--orange)}#combo .mult[data-tier="6"],#combo .mult[data-tier="7"],#combo .mult[data-tier="8"]{color:var(--orange);animation:.4s step-end infinite tiercycle}@keyframes tiercycle{33%{color:var(--yellow)}66%{color:var(--cyan)}}#combo.bump .mult{animation:.16s steps(2,end) hop}#combo .num{font:12px var(--label);margin-top:4px}#combo .cbar{--bg:var(--ink);--hi:var(--ink);--lo:var(--ink);width:132px;height:calc(3 * var(--p));margin:8px 0 0 auto}#combo .cbar div{background:var(--yellow);transform-origin:0;height:100%}#bossbar{top:calc(30 * var(--p));text-align:center;width:min(520px,80vw);position:absolute;left:50%;transform:translate(-50%)}#bossbar[hidden]{display:none}#bossbar .name{font:14px var(--label);color:var(--orange);letter-spacing:2px}#bossbar .bar{--bg:var(--ink);--hi:var(--ink);--lo:var(--ink);height:calc(6 * var(--p));margin-top:calc(3 * var(--p));padding:var(--p);overflow:hidden}#bossbar .fill{background:repeating-linear-gradient(90deg, transparent 0 calc(12 * var(--p)), #1a1c2c80 0 calc(13 * var(--p))), linear-gradient(var(--orange) 0 34%, var(--red) 0);transform-origin:0;height:100%}#toast{--bg:var(--ink);--hi:var(--night);--lo:var(--ink);top:calc(44 * var(--p));color:var(--yellow);white-space:nowrap;visibility:hidden;padding:8px 16px;font-size:24px;position:absolute;left:50%;transform:translate(-50%)}#toast.show{visibility:visible;animation:.2s steps(3,end) both toastin}@keyframes toastin{0%{transform:translate(-50%, calc(-4 * var(--p)))}}#banner{text-align:center;visibility:hidden;position:absolute;top:30%;left:0;right:0}#banner.show{visibility:visible;animation:.3s steps(3,end) both slam}#banner .t{font-family:var(--display);color:var(--yellow);letter-spacing:2px;text-shadow:var(--outline), 0 6px 0 var(--orange), 0 9px 0 var(--red), 0 12px 0 var(--ink);font-size:94px}#banner .s{background:#1a1c2cbf;margin-top:14px;padding:6px 16px;font-size:26px;line-height:1.4;display:inline-block}@keyframes slam{0%{opacity:0;transform:scale(2.2)}50%{opacity:1;transform:scale(.9)}}#meters{gap:22px;display:flex;position:absolute;bottom:22px;left:50%;transform:translate(-50%)}.pip{--c:var(--sky);--k:1;--bg:var(--ink);--hi:var(--ink);--lo:var(--ink);width:60px;height:60px;padding:var(--p);background:linear-gradient(to top, var(--c) calc(round(down, var(--k) * 10, 1) * 10%), var(--night) 0) content-box, var(--ink);place-items:end center;display:grid}.pip span{font:10px var(--label);letter-spacing:1px;margin-bottom:4px}.pip.ready{--ring:var(--white)}#bombpip{--c:var(--orange)}#bombpip.ready{--ring:var(--yellow);animation:.6s steps(2,end) infinite hop}#loadout{flex-direction:column;gap:14px;display:flex;position:absolute;bottom:20px;left:20px}#loadout .row{gap:12px;display:flex}#loadout .slot{--bg:var(--navy);--hi:var(--blue);--lo:var(--ink);place-items:center;width:54px;height:54px;animation:.2s steps(3,end) both popin;display:grid;position:relative}#loadout .passives .slot{width:34px;height:34px}#loadout .passives .slot img.px-icon{width:24px;height:24px}#loadout .slot i,#mods .mod i,.badge i{font:normal 10px var(--label);color:var(--white);background:var(--ink);text-shadow:none;padding:1px 3px;position:absolute;bottom:-6px;right:-6px}#loadout .slot.max{--ring:var(--yellow)}#loadout .slot.max i{color:var(--yellow)}#loadout .slot.evo,.badge.evo{--ring:var(--orange)}#loadout .slot.evo i,.badge.evo i{color:var(--orange)}#mods{gap:12px;display:flex;position:absolute;bottom:20px;right:20px}#mods .mod{--bg:var(--plum);--hi:var(--red);--lo:var(--ink);place-items:center;width:54px;height:54px;animation:.2s steps(3,end) both popin;display:grid;position:relative}#mods .mod.cursed{--bg:var(--ink);--hi:var(--night);--ring:var(--red)}#mods .mod i{color:var(--yellow);white-space:nowrap;bottom:-10px;left:50%;right:auto;transform:translate(-50%)}@keyframes popin{0%{transform:scale(.4)}}@keyframes hop{50%{transform:translateY(calc(-1 * var(--p)))}}#chestptr{place-items:center;display:grid;position:absolute;top:0;left:0}#chestptr img.px-icon,#chestptr .m{animation:.8s step-end infinite hop}#chestptr[hidden]{display:none}#chestptr img.px-icon{width:48px;height:48px}#chestptr .m{font:10px var(--label);color:var(--yellow)}#chestptr .arrow,#tags .arrow{--a:var(--yellow);width:var(--p);height:var(--p);background:var(--a);box-shadow:calc(-1 * var(--p)) calc(-1 * var(--p)) 0 var(--a), calc(-1 * var(--p)) 0 0 var(--a), calc(-1 * var(--p)) var(--p) 0 var(--a), calc(-2 * var(--p)) calc(-2 * var(--p)) 0 var(--a), calc(-2 * var(--p)) calc(-1 * var(--p)) 0 var(--a), calc(-2 * var(--p)) 0 0 var(--a), calc(-2 * var(--p)) var(--p) 0 var(--a), calc(-2 * var(--p)) calc(2 * var(--p)) 0 var(--a);filter:drop-shadow(var(--p) var(--p) 0 var(--ink));position:absolute}#team{top:calc(26 * var(--p));flex-direction:column;gap:8px;display:flex;position:absolute;left:18px}.mate{font:11px var(--label)}.mate .nm{color:var(--c)}.mate .bar{--bg:var(--ink);--hi:var(--ink);--lo:var(--ink);width:132px;height:calc(3 * var(--p));margin-top:4px;overflow:hidden}.mate .bar div{background:var(--c);height:100%}.mate.down .nm{color:var(--orange);animation:.5s step-end infinite flash}.mate.left{opacity:.4}#tags .tag{align-items:center;gap:calc(2 * var(--p));pointer-events:none;flex-direction:column;display:flex;position:absolute;top:0;left:0}#tags .nm{--bg:var(--ink);--hi:var(--ink);--lo:var(--ink);font:10px var(--label);color:var(--c);text-shadow:none;white-space:nowrap;padding:2px 6px}#tags .edge .nm{--ring:var(--c)}#tags .down .nm{color:var(--orange);animation:.5s step-end infinite flash}#tags .arrow{--a:var(--c);left:calc(50% + var(--ax,1) * 50%);top:calc(50% + var(--ay,0) * 50%);margin:calc(-.5 * var(--p));transform:rotate(var(--ang,0deg)) translateX(calc(4 * var(--p)));display:none}#tags .edge .arrow{display:block}#tags .rv{font:12px var(--label);color:var(--yellow);white-space:nowrap;display:none}#tags .down .rv{display:block}#tags .rev .rv{color:var(--lime)}#tags .rv .bar{--bg:var(--ink);--hi:var(--ink);--lo:var(--ink);--ring:var(--orange);--drop:transparent;width:calc(32 * var(--p));height:calc(5 * var(--p));margin:var(--p) auto 0;padding:var(--p);background:repeating-linear-gradient(90deg, transparent 0 calc(2 * var(--p)), var(--ink) 0 calc(3 * var(--p))) content-box, linear-gradient(90deg, var(--lime) calc(round(down, var(--rv,0) * 10, 1) * 10%), var(--night) 0) content-box, var(--ink)}#tags .rev .rv .bar{--ring:var(--lime);animation:.4s step-end infinite flash}#downed{--bg:var(--ink);--hi:var(--night);--lo:var(--ink);--ring:var(--red);text-align:center;width:-moz-fit-content;width:fit-content;margin:0 auto;padding:10px 24px 14px;animation:.2s steps(3,end) both popin;position:absolute;top:60%;left:0;right:0}#downed[hidden]{display:none}#downed.rev{--ring:var(--lime)}#downed .t{font:48px/1 var(--display);letter-spacing:2px;color:var(--orange);animation:.8s step-end infinite flash}#downed .bar{--bg:var(--ink);--hi:var(--ink);--lo:var(--ink);--ring:var(--orange);--drop:transparent;width:calc(62 * var(--p));height:calc(8 * var(--p));padding:var(--p);background:repeating-linear-gradient(90deg, transparent 0 calc(5 * var(--p)), var(--ink) 0 calc(6 * var(--p))) content-box, linear-gradient(var(--lime) 0 40%, var(--green) 0) 0 0 / calc(round(down, var(--rv,0) * 10, 1) * 10%) 100% no-repeat content-box, linear-gradient(var(--night), var(--night)) content-box, var(--ink);margin:12px auto 8px}#downed.rev .bar{--ring:var(--lime)}#downed .s{font:14px var(--label);letter-spacing:1px;color:var(--yellow)}#downed.rev .s{color:var(--lime)}#downed .h{font:11px var(--label);color:var(--mist);margin-top:6px}#minimap{--bg:#1a1c2ccc;--hi:var(--night);--lo:var(--ink);width:calc(50 * var(--p));height:calc(50 * var(--p));padding:var(--p);image-rendering:pixelated;display:block;position:absolute;bottom:100px;right:20px}#minimap[hidden]{display:none}#ebars .ebar{align-items:center;gap:calc(2 * var(--p));pointer-events:none;display:flex;position:absolute;top:0;left:0}#ebars i{width:14px;height:16px;image-rendering:pixelated;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 8' shape-rendering='crispEdges'%3E%3Cpath fill='%231a1c2c' d='M1 0h5v1h1v4H6v2H5v1H2V7H1V5H0V1h1z'/%3E%3Cpath fill='%23f4f4f4' d='M1 1h5v1H1zM3 2h1v2H3zM1 4h5v1H1zM2 5h3v1H2zM2 6h1v1H2zM4 6h1v1H4z'/%3E%3Cpath fill='%23ef7d57' d='M1 2h2v2H1zM4 2h2v2H4z'/%3E%3C/svg%3E") 50%/100% 100% no-repeat}#ebars .bar{--bg:var(--ink);--hi:var(--ink);--lo:var(--ink);--ring:var(--red);--drop:transparent;width:calc(18 * var(--p));height:calc(4 * var(--p));position:relative}#ebars b,#ebars .bar:after{inset:var(--p);transform-origin:0;position:absolute}#ebars .trail{background:var(--white);transition:transform .24s steps(4,end) .12s}#ebars .snap .trail{transition:none}#ebars .fill{background:linear-gradient(var(--orange) 0 50%, var(--red) 0)}#ebars .hit .fill{background:var(--white)}#ebars .bar:after{content:"";background:repeating-linear-gradient(90deg, transparent 0 calc(3 * var(--p)), var(--ink) 0 calc(4 * var(--p)))}#vignette,#flash,#fade{pointer-events:none;opacity:0;position:fixed;inset:0}#vignette{background:radial-gradient(#0000 0 58%,#b13e534d 58% 70%,#b13e538c 70% 82%,#5d275dcc 82%)}#flash{background:var(--white)}#fade{background:var(--ink);z-index:30}.dmg{font-family:var(--display);color:var(--white);text-shadow:var(--outline);will-change:transform, opacity;white-space:nowrap;font-size:24px;position:absolute;top:0;left:0}.dmg-crit{color:var(--yellow);font-size:36px}.dmg-player{color:var(--orange);font-size:32px}.dmg-heal{color:var(--lime);font-size:26px}.dmg-score{color:var(--cyan);font:12px var(--label)}.menu-open #ingame>:not(#xpbar):not(#hp),.menu-open #banner,.menu-open #toast{visibility:hidden!important}::-webkit-scrollbar{width:calc(4 * var(--p));height:calc(4 * var(--p))}::-webkit-scrollbar-track{background:var(--ink)}::-webkit-scrollbar-thumb{background:var(--slate);box-shadow:inset var(--p) var(--p) 0 0 var(--mist), inset calc(-1 * var(--p)) calc(-1 * var(--p)) 0 0 var(--night)}::-webkit-scrollbar-button{display:none}.screen{pointer-events:auto;cursor:default;z-index:10;flex-direction:column;justify-content:safe center;align-items:center;gap:20px;padding:18px;display:flex;position:absolute;inset:0;overflow-y:auto}.screen[hidden]{display:none}.screen.dim{background-color:#1a1c2c80;background-image:repeating-conic-gradient(#1a1c2c73 0 25%, transparent 0 50%);background-size:calc(2 * var(--p)) calc(2 * var(--p))}#scr-title:before{content:"";z-index:-1;background:repeating-conic-gradient(#1a1c2c8c 0 25%, transparent 0 50%) 0 0 / calc(2 * var(--p)) calc(2 * var(--p)), linear-gradient(transparent 0 45%, #1a1c2c40 45% 60%, #1a1c2c80 60%);position:absolute;inset:0;-webkit-mask:linear-gradient(#0000 0 45%,#000 45%);mask:linear-gradient(#0000 0 45%,#000 45%)}.screen h1{font-family:var(--display);letter-spacing:2px;color:var(--yellow);text-shadow:var(--outline), 0 6px 0 var(--orange), 0 9px 0 var(--red), 0 12px 0 var(--ink);margin:0;font-size:72px;animation:.24s steps(3,end) both drop}@keyframes drop{0%{transform:translateY(calc(-8 * var(--p)));opacity:0}}.logo{transform:translateY(round(calc(var(--beat,0) * -9px), 3px));font-family:var(--logo);flex-wrap:wrap;justify-content:center;gap:0 .25em;font-size:clamp(72px,14vw,168px);font-weight:400;line-height:1;display:flex}.logo span{display:flex}.logo i{animation:3s step-end infinite wave;animation-delay:calc(var(--i) * 70ms);font-style:normal;display:inline-block}.logo span:first-child i{color:var(--cyan);text-shadow:var(--outline), 0 6px 0 var(--sky), 0 10px 0 var(--blue), 0 14px 0 var(--navy), 0 18px 0 var(--ink)}.logo span:last-child i{color:var(--yellow);text-shadow:var(--outline), 0 6px 0 var(--orange), 0 10px 0 var(--red), 0 14px 0 var(--plum), 0 18px 0 var(--ink)}@keyframes wave{0%,10%,to{transform:none}4%{transform:translateY(-8px)}7%{transform:translateY(-4px)}}.tagline{font:14px var(--label);letter-spacing:2px;color:var(--white);background:var(--ink);text-shadow:none;padding:6px 14px}.menu{flex-direction:column;gap:18px;min-width:300px;display:flex}.menu.row{flex-flow:wrap;justify-content:center}.menu.wrap{flex-wrap:wrap;justify-content:center}.screen:not([hidden]) .menu>*{animation:.2s steps(3,end) both rise}.screen:not([hidden]) .menu>:nth-child(2){animation-delay:40ms}.screen:not([hidden]) .menu>:nth-child(3){animation-delay:80ms}.screen:not([hidden]) .menu>:nth-child(4){animation-delay:.12s}.screen:not([hidden]) .menu>:nth-child(n+5){animation-delay:.16s}@keyframes rise{0%{transform:translateY(calc(4 * var(--p)));opacity:0}}.screen button{--bg:var(--blue);--hi:var(--sky);--lo:var(--navy);font:28px var(--font);letter-spacing:1px;color:var(--white);text-shadow:var(--o) 0 0 var(--ink), 0 var(--o) 0 var(--ink), var(--o) var(--o) 0 var(--ink);cursor:pointer;padding:12px 28px 14px;position:relative}.screen button.focused{--bg:var(--orange);--hi:var(--yellow);--lo:var(--red);--ring:var(--white)}.screen button:active{transform:translateY(var(--p));--drop:transparent}.screen .menu>button.focused:before{--a:var(--yellow);content:"";left:calc(-8 * var(--p));width:var(--p);height:var(--p);margin-top:calc(-3.5 * var(--p));background:var(--a);box-shadow:0 var(--p) 0 var(--a), 0 calc(2 * var(--p)) 0 var(--a), 0 calc(3 * var(--p)) 0 var(--a), 0 calc(4 * var(--p)) 0 var(--a), 0 calc(5 * var(--p)) 0 var(--a), 0 calc(6 * var(--p)) 0 var(--a), var(--p) var(--p) 0 var(--a), var(--p) calc(2 * var(--p)) 0 var(--a), var(--p) calc(3 * var(--p)) 0 var(--a), var(--p) calc(4 * var(--p)) 0 var(--a), var(--p) calc(5 * var(--p)) 0 var(--a), calc(2 * var(--p)) calc(2 * var(--p)) 0 var(--a), calc(2 * var(--p)) calc(3 * var(--p)) 0 var(--a), calc(2 * var(--p)) calc(4 * var(--p)) 0 var(--a), calc(3 * var(--p)) calc(3 * var(--p)) 0 var(--a);filter:drop-shadow(var(--p) var(--p) 0 var(--ink));animation:.5s step-end infinite nudge;position:absolute;top:50%}.screen .menu label:has(.focused):before{--a:var(--yellow);content:"";left:calc(-8 * var(--p));width:var(--p);height:var(--p);margin-top:calc(-3.5 * var(--p));background:var(--a);box-shadow:0 var(--p) 0 var(--a), 0 calc(2 * var(--p)) 0 var(--a), 0 calc(3 * var(--p)) 0 var(--a), 0 calc(4 * var(--p)) 0 var(--a), 0 calc(5 * var(--p)) 0 var(--a), 0 calc(6 * var(--p)) 0 var(--a), var(--p) var(--p) 0 var(--a), var(--p) calc(2 * var(--p)) 0 var(--a), var(--p) calc(3 * var(--p)) 0 var(--a), var(--p) calc(4 * var(--p)) 0 var(--a), var(--p) calc(5 * var(--p)) 0 var(--a), calc(2 * var(--p)) calc(2 * var(--p)) 0 var(--a), calc(2 * var(--p)) calc(3 * var(--p)) 0 var(--a), calc(2 * var(--p)) calc(4 * var(--p)) 0 var(--a), calc(3 * var(--p)) calc(3 * var(--p)) 0 var(--a);filter:drop-shadow(var(--p) var(--p) 0 var(--ink));animation:.5s step-end infinite nudge;position:absolute;top:50%}.screen .menu.row>button.focused:before{display:none}@keyframes nudge{50%{transform:translateX(var(--p))}}.screen button.continue{--bg:var(--green);--hi:var(--lime);--lo:var(--teal)}.screen button.skip,.screen .owned-mod .ctrl button.sell{--bg:var(--orange);--hi:var(--yellow);--lo:var(--red)}.reroll-row button[data-act=reroll]{--bg:var(--plum);--hi:var(--red);--lo:var(--ink)}.screen button.cant,.screen button:disabled{--bg:var(--slate);--hi:var(--mist);--lo:var(--night);color:var(--mist)}.screen button.cant.focused{--ring:var(--mist)}.menu.settings{min-width:360px;max-height:68vh;padding:6px 10px;overflow-y:auto}.reduce-flash *,.reduce-flash :before{animation-name:none!important}.menu.settings label{--bg:var(--night);--hi:var(--slate);--lo:var(--ink);font:24px var(--font);justify-content:space-between;align-items:center;gap:18px;padding:12px 18px;display:flex;position:relative}.menu.settings label:has(.focused){--ring:var(--white)}.menu.settings button{justify-content:space-between;font-size:24px;display:flex}.menu.settings button b{color:var(--yellow)}.menu.settings label .set-val{color:var(--yellow);font-weight:400}input[type=range]{appearance:none;width:160px;height:calc(4 * var(--p));background:linear-gradient(var(--ink), var(--ink)) center / 100% var(--p) no-repeat;cursor:pointer}input[type=range]::-webkit-slider-thumb{appearance:none;width:calc(4 * var(--p));height:calc(6 * var(--p));background:var(--yellow);box-shadow:inset calc(-1 * var(--p)) calc(-1 * var(--p)) 0 0 var(--orange), 0 0 0 var(--p) var(--ink)}input[type=range]::-moz-range-thumb{width:calc(4 * var(--p));height:calc(6 * var(--p));background:var(--yellow);box-shadow:0 0 0 var(--p) var(--ink);border:0;border-radius:0}.controls{text-align:center;max-width:760px;font:11px/1.8 var(--label);color:var(--mist)}.wallet{font:14px var(--label);color:var(--yellow);letter-spacing:1px}.credits{max-width:46vw;font:9px/1.6 var(--label);color:var(--mist);opacity:.8;position:absolute;bottom:10px;left:14px}.version{font:10px var(--label);color:var(--mist);position:absolute;bottom:10px;right:14px}.hiscores{--bg:var(--ink);--hi:var(--night);--lo:var(--ink);padding:10px 18px 12px}.hiscores table{border-collapse:collapse;font-size:20px}.hiscores td{padding:2px 10px}.hiscores td:first-child{color:var(--mist)}.hiscores td:nth-child(2){text-align:right;color:var(--yellow)}.hiscores td:nth-child(3){font:11px var(--label);color:var(--cyan)}.hiscores tr.me td{color:var(--orange);animation:.4s step-end infinite flash}.hs-title{text-align:center;font:12px var(--label);letter-spacing:2px;color:var(--cyan);margin-bottom:6px}.note{text-align:center;max-width:600px;color:var(--white);margin:0;font-size:22px;line-height:1.4}.msg{min-height:22px;color:var(--lime);font-size:22px}.msg.err{color:var(--orange)}.section{text-align:center;font:13px var(--label);letter-spacing:2px;color:var(--cyan);margin:10px 0 2px}.cards{flex-wrap:wrap;justify-content:center;gap:30px;display:flex}.screen button.card{--bg:var(--white);--hi:#fff;--lo:var(--mist);--kc:var(--blue);width:216px;min-height:300px;color:var(--ink);text-shadow:none;background-image:linear-gradient(var(--kc) 0 calc(10 * var(--p)), var(--ink) 0 calc(11 * var(--p)), transparent 0);flex-direction:column;align-items:center;gap:10px;padding:0 14px 16px;animation:.24s steps(4,end) both deal;display:flex}.card:nth-child(2){animation-delay:60ms}.card:nth-child(3){animation-delay:.12s}@keyframes deal{0%{transform:translateY(calc(16 * var(--p)));opacity:0}}.screen button.card.weapon{--kc:var(--blue)}.screen button.card.passive{--kc:var(--green)}.screen button.card.evolve{--kc:var(--red);--ring:var(--orange)}.screen button.card.gold,.screen button.card.heal{--kc:var(--orange)}.screen button.card.focused{--ring:var(--yellow);transform:translateY(calc(-3 * var(--p)))}.screen button.card.focused:before{content:"";top:calc(-9 * var(--p));width:var(--p);height:var(--p);margin-left:calc(-2.5 * var(--p));background:var(--yellow);box-shadow:var(--p) 0 0 var(--yellow), calc(2 * var(--p)) 0 0 var(--yellow), calc(3 * var(--p)) 0 0 var(--yellow), calc(4 * var(--p)) 0 0 var(--yellow), var(--p) var(--p) 0 var(--yellow), calc(2 * var(--p)) var(--p) 0 var(--yellow), calc(3 * var(--p)) var(--p) 0 var(--yellow), calc(2 * var(--p)) calc(2 * var(--p)) 0 var(--yellow);filter:drop-shadow(var(--p) var(--p) 0 var(--ink));animation:.5s step-end infinite hop;position:absolute;left:50%}.card .tag{height:calc(10 * var(--p));font:13px var(--label);letter-spacing:2px;color:var(--white);text-shadow:var(--o) var(--o) 0 var(--ink);place-items:center;display:grid}.card .tag.new{color:var(--yellow);animation:.6s step-end infinite flash}.card .tag.evo{color:var(--cyan);animation:.3s step-end infinite flash}.card .icon,.mod-card .icon{--bg:var(--navy);--hi:var(--ink);--lo:var(--blue);--drop:transparent;width:84px;height:84px;color:var(--white);place-items:center;margin-top:4px;font-size:52px;display:grid}.card .icon img.px-icon{width:72px;height:72px;animation:1.2s step-end infinite hop}.card .name{font-size:28px;line-height:1.1}.card .desc{font-size:20px;line-height:1.3}.card .kind{font:11px var(--label);letter-spacing:2px;color:var(--slate);margin-top:auto}.key{--bg:var(--ink);--hi:var(--night);--lo:var(--ink)}.card .key{font-family:var(--display);top:calc(-3 * var(--p));left:calc(-3 * var(--p));width:28px;height:28px;font:20px var(--display);color:var(--white);place-items:center;display:grid;position:absolute}.reroll-row{gap:20px;display:flex}.reroll-row button{font-size:24px}.build{flex-wrap:wrap;justify-content:center;gap:12px;max-width:680px;min-height:36px;display:flex}.badge{--bg:var(--navy);--hi:var(--blue);--lo:var(--ink);--drop:transparent;place-items:center;width:34px;height:34px;display:grid;position:relative}.badge img.px-icon{width:24px;height:24px}.mod-strip{width:100%;font:12px var(--label);flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.mod-chip{--bg:var(--plum);--hi:var(--red);--lo:var(--ink);--drop:transparent;font:18px var(--font);align-items:center;gap:6px;padding:3px 10px 3px 4px;display:inline-flex}.mod-chip.cursed{--bg:var(--ink);--hi:var(--night)}.mod-chip img.px-icon{width:24px;height:24px}.chips{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.tag-chip{--bg:var(--c);--hi:var(--c);--lo:var(--c);font:10px var(--label);letter-spacing:1px;color:var(--ink);text-shadow:none;padding:1px 5px 2px}.gold-dot{vertical-align:-.08em;background:var(--coin) center / 100% 100% no-repeat;width:.85em;height:.85em;image-rendering:pixelated;display:inline-block}#scr-shop{justify-content:flex-start;gap:12px;padding-top:14px;overflow-y:auto}#scr-shop h1{font-size:50px}.shop-top{flex-wrap:wrap;justify-content:center;align-items:baseline;gap:26px;display:flex}.gold-big{font-family:var(--display);color:var(--yellow);font-size:40px}.interest{font:12px var(--label);color:var(--mist)}.shop-offers,.relic-offers{flex-wrap:wrap;justify-content:center;gap:26px;display:flex}.shop-relics{flex-direction:column;align-items:center;gap:10px;display:flex}.shop-relics:empty{display:none}.mod-strip .strip-t{font:12px var(--label);letter-spacing:1px;color:var(--yellow);align-self:center}.shop-offers>*{animation:.24s steps(4,end) both deal}.shop-offers>:nth-child(2){animation-delay:50ms}.shop-offers>:nth-child(3){animation-delay:.1s}.shop-offers>:nth-child(4){animation-delay:.15s}.mod-card{width:196px;min-height:212px}.screen button.mod-card{--bg:var(--white);--hi:#fff;--lo:var(--mist);--kc:var(--green);color:var(--ink);text-shadow:none;background-image:linear-gradient(var(--kc) 0 calc(8 * var(--p)), var(--ink) 0 calc(9 * var(--p)), transparent 0);flex-direction:column;align-items:center;gap:8px;padding:0 12px;font-size:20px;display:flex}.screen button.mod-card.cursed{--bg:var(--mist);--hi:var(--white);--lo:var(--slate);--kc:var(--ink)}.screen button.mod-card.cant{filter:saturate(.35)}.screen button.mod-card.focused{--ring:var(--yellow);transform:translateY(calc(-3 * var(--p)))}.mod-card .rarity{height:calc(8 * var(--p));font:11px var(--label);letter-spacing:2px;color:var(--white);text-shadow:var(--o) var(--o) 0 var(--ink);place-items:center;display:grid}.mod-card.cursed .rarity{color:var(--orange)}.mod-card .icon{width:60px;height:60px;margin-top:0}.mod-card .name{font-size:24px;line-height:1.1}.mod-card .desc,.owned-mod .desc{font-size:18px;line-height:1.3}.mod-card .hint{font:10px var(--label);color:var(--teal)}.mod-card .price{color:var(--yellow);background:var(--ink);text-shadow:none;align-self:stretch;margin:auto -12px 0;padding:6px 0 8px;font-size:26px}div.mod-card.sold{--bg:transparent;--hi:transparent;--lo:transparent;--drop:transparent;font:16px var(--label);color:var(--mist);background-image:repeating-conic-gradient(#1a1c2c99 0 25%, transparent 0 50%);background-size:calc(2 * var(--p)) calc(2 * var(--p));place-items:center;animation:.2s steps(3,end) both stamp;display:grid}@keyframes stamp{0%{transform:scale(1.4)}}.shop-extras button{font-size:24px}.owned-mods{grid-template-columns:repeat(5,minmax(0,168px));gap:18px;display:grid}.owned-mod{--bg:var(--night);--hi:var(--slate);--lo:var(--ink);flex-direction:column;align-items:center;gap:4px;min-height:96px;padding:10px 8px 8px;display:flex;position:relative}.owned-mod .desc{color:var(--mist);text-align:center;font-size:14px;line-height:1.05}.owned-mod.cursed{--ring:var(--red)}.owned-mod.empty{--bg:transparent;--hi:transparent;--lo:transparent;--drop:transparent;background-image:repeating-conic-gradient(#1a1c2c99 0 25%, transparent 0 50%);background-size:calc(2 * var(--p)) calc(2 * var(--p))}.owned-mod .icon{--bg:var(--plum);--hi:var(--red);--lo:var(--ink);--drop:transparent;place-items:center;width:34px;height:34px;display:grid}.owned-mod .icon img.px-icon{width:24px;height:24px}.owned-mod .name{text-align:center;font-size:20px}.owned-mod .readout{font:11px var(--label);color:var(--yellow)}.owned-mod .slot-no{font-family:var(--display);top:calc(-3 * var(--p));left:calc(-3 * var(--p));width:24px;height:24px;font:18px var(--display);background:var(--orange);box-shadow:0 calc(-1 * var(--p)) 0 0 var(--ink), 0 var(--p) 0 0 var(--ink), calc(-1 * var(--p)) 0 0 0 var(--ink), var(--p) 0 0 0 var(--ink);place-items:center;display:grid;position:absolute}.owned-mod .ctrl{gap:10px;margin-top:auto;display:flex}.screen .owned-mod .ctrl button{--drop:transparent;padding:3px 8px 5px;font-size:16px}#scr-gameover{gap:16px}h1.ko{color:var(--orange);text-shadow:var(--outline), 0 6px 0 var(--red), 0 10px 0 var(--plum), 0 14px 0 var(--ink);font-size:120px;animation:.3s steps(3,end) both slam}.newbest{font:18px var(--label);color:var(--yellow);animation:.4s step-end infinite flash}.newbest[hidden]{display:none}.go-cols{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:34px;display:flex}.summary,.dmg-table{--bg:var(--ink);--hi:var(--night);--lo:var(--ink);padding:14px 20px 16px}.summary{text-align:center}.summary .big{font-family:var(--display);color:var(--yellow);font-size:68px}.summary .grid{grid-template-columns:auto auto;gap:4px 18px;margin-top:8px;font-size:24px;display:grid}.summary .grid span{text-align:right;font:12px/1.9 var(--label);color:var(--cyan)}.summary .grid b{text-align:left}.dmg-table{min-width:320px}.dmg-row{grid-template-columns:120px 1fr 70px;align-items:center;gap:10px;margin:5px 0;font-size:20px;display:grid}.dmg-row .bar{height:calc(3 * var(--p));background:var(--night)}.dmg-row .bar div{height:100%}.dmg-row b{text-align:right}.unlocked{font:14px var(--label);color:var(--yellow)}#scr-unlocks{justify-content:flex-start;padding-top:26px}#scr-unlocks .scroll{flex:1;width:min(780px,100%);padding:12px;overflow-y:auto}.ach-list{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.ach{--bg:var(--night);--hi:var(--slate);--lo:var(--ink);--drop:transparent;color:var(--mist);grid-template-columns:26px 1fr;align-items:baseline;gap:2px 10px;padding:8px 12px;display:grid}.ach.done{--bg:var(--navy);--hi:var(--blue);color:var(--white)}.ach .check{color:var(--slate);grid-row:span 3;font-size:26px}.ach.done .check{color:var(--yellow)}.ach .name{font-size:22px}.ach .desc{font-size:18px}.ach .reward{font:10px var(--label);color:var(--yellow)}#scr-wardrobe{justify-content:flex-end;padding-bottom:28px}.skin-grid{grid-template-columns:repeat(3,190px);gap:14px;display:grid}.pet-grid{grid-template-columns:repeat(4,190px)}#scr-wardrobe .section{font:12px var(--label);letter-spacing:2px;color:var(--cyan)}.screen button.skin{justify-items:center;gap:4px;padding:10px 8px;display:grid}.screen button.skin.on{--ring:var(--yellow)}.screen button.skin.locked{color:var(--slate)}.skin .swatches{gap:3px;display:flex}.skin .swatches i{width:15px;height:15px;box-shadow:0 0 0 var(--p) var(--ink)}.skin small{font:10px var(--label);letter-spacing:1px;color:var(--mist)}.skin.on small{color:var(--yellow)}#scr-shop.secret h1{color:var(--plum);text-shadow:var(--outline), 0 4px 0 var(--ink)}#scr-shop.secret{background-color:#5d275d8c}.pause-info{flex-wrap:wrap;justify-content:center;gap:28px;max-width:980px;display:flex}.pi-col{gap:4px;min-width:300px;display:grid}.pi-t{font:11px var(--label);letter-spacing:2px;color:var(--cyan)}.rcp{color:var(--mist);font-size:17px}.rcp.ready{color:var(--lime)}.rcp.done{color:var(--yellow)}.dbar{grid-template-columns:120px 1fr 64px;align-items:center;gap:8px;font-size:16px;display:grid}.dbar i{background:linear-gradient(90deg, var(--c) var(--w), transparent var(--w));height:10px;box-shadow:0 0 0 var(--p) var(--ink)}.dbar b{text-align:right;font-weight:400}#scr-history .scroll,#scr-bestiary .scroll{width:min(1000px,96vw);max-height:64vh;padding:8px;overflow-y:auto}table.history{border-collapse:separate;border-spacing:0 8px;width:100%;font:18px var(--font)}table.history td{background:var(--night);vertical-align:middle;padding:6px 10px}table.history small{font:10px var(--label);color:var(--mist)}table.history .sc{color:var(--yellow)}table.history .ws .badge{width:28px;height:28px;margin:2px;display:inline-grid}table.history .cause{color:var(--orange);font-size:16px}.bestiary{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.bst{background:var(--night);box-shadow:0 0 0 var(--p) var(--ink);grid-template-columns:22px 1fr;gap:2px 10px;padding:10px 12px;display:grid}.bst .sw{width:18px;height:18px;box-shadow:0 0 0 var(--p) var(--ink);grid-row:span 3}.bst b{font-size:22px}.bst .st{font:10px var(--label);color:var(--cyan)}.bst small{color:var(--mist);font-size:16px}.bst.unseen{color:var(--slate);grid-template-columns:1fr}.bind-list{gap:8px;max-height:60vh;padding:6px;display:grid;overflow-y:auto}.bind-row{font:20px var(--font);grid-template-columns:220px 140px 140px;align-items:center;gap:12px;display:grid}.screen .bind-row button.wait{color:var(--yellow);animation:.5s step-end infinite flash}.mode-grid{grid-template-columns:repeat(auto-fit,minmax(200px,220px));justify-content:center;gap:16px;width:min(952px,96vw);display:grid}.screen button.mode{text-align:left;align-content:start;gap:6px;min-height:132px;padding:12px;display:grid}.screen button.mode b{font-size:26px}.screen button.mode small{color:var(--mist);font-size:17px;line-height:1.2}.screen button.mode.on,.screen button.diff.on{--ring:var(--yellow);color:var(--yellow)}.screen button.diff.locked{color:var(--slate)}#scr-modes .hero-note{min-height:22px}#scr-modes .section{font:12px var(--label);letter-spacing:2px;color:var(--cyan)}.mode-note{min-height:24px}#scr-jukebox .tracks{gap:calc(4 * var(--p));grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));width:min(820px,100%);min-width:0;display:grid}.now-playing{font:14px var(--label);letter-spacing:2px;color:var(--yellow);min-height:20px}.screen .tracks button.on{--ring:var(--yellow);color:var(--yellow)}.screen .tracks button.locked{color:var(--slate)}.field{font:24px var(--font);align-items:center;gap:16px;display:flex}.field input,.join-row input{--bg:var(--white);--hi:var(--mist);--lo:#fff;--drop:transparent;width:220px;font:28px var(--font);letter-spacing:2px;color:var(--ink);-webkit-user-select:text;user-select:text;outline:none;padding:10px 14px}.field input:focus,.join-row input:focus{--ring:var(--yellow)}.join-row{align-items:center;gap:18px;display:flex}.join-row input{text-transform:uppercase;text-align:center;width:150px}.field[hidden],.join-row[hidden],.lobby[hidden],.mp-choice[hidden],.screen button[hidden]{display:none}.lobby{--bg:var(--ink);--hi:var(--night);--lo:var(--ink);text-align:center;padding:14px 26px 18px}.code-label{font:12px var(--label);letter-spacing:3px;color:var(--cyan)}.code-big{font-family:var(--display);letter-spacing:12px;color:var(--yellow);-webkit-user-select:text;user-select:text;text-shadow:var(--outline), 0 6px 0 var(--orange), 0 9px 0 var(--ink);margin:6px 0;font-size:84px}.players{flex-wrap:wrap;justify-content:center;gap:16px;margin-top:12px;display:flex}.lobby-player{--bg:var(--night);--hi:var(--slate);--lo:var(--ink);--drop:transparent;align-items:center;gap:8px;padding:6px 14px;font-size:24px;display:flex}.lobby-player .dot{width:calc(3 * var(--p));height:calc(3 * var(--p));background:var(--c,var(--white))}.lobby-player small{font:10px var(--label);color:var(--yellow)}#scr-wait .who{gap:16px;display:flex}@media (max-width:800px){#hp .bar{width:150px}.screen h1{font-size:52px}.screen button.card{width:44vw;min-height:240px}#banner .t{font-size:60px}#timer .clock{font-size:40px}.ach-list{grid-template-columns:1fr}.owned-mods{grid-template-columns:repeat(3,minmax(0,168px))}.mod-card{width:44vw}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.px-bit{width:calc(2 * var(--p));height:calc(2 * var(--p));margin:calc(-1 * var(--p)) 0 0 calc(-1 * var(--p));background:var(--c);pointer-events:none;z-index:100;animation:.55s steps(10,end) both bitfly;position:fixed;top:0;left:0}.px-bit.coin{width:calc(3 * var(--p));height:calc(3 * var(--p));background:var(--yellow);box-shadow:inset calc(-1 * var(--p)) calc(-1 * var(--p)) 0 var(--orange), 0 0 0 var(--o) var(--ink)}@keyframes bitfly{0%{transform:translate(var(--x0), var(--y0))}50%{transform:translate(var(--xm), var(--ym))}85%{opacity:1}to{transform:translate(var(--x1), var(--y1));opacity:0}}.px-float{font:36px var(--display);text-shadow:var(--o) var(--o) 0 var(--ink);pointer-events:none;z-index:100;animation:.8s steps(8,end) both floatup;position:fixed;transform:translate(-50%,-50%)}@keyframes floatup{to{transform:translate(-50%, calc(-50% - 16 * var(--p)));opacity:0}}#scr-shop h1.slam-in{animation:.35s steps(4,end) slam}#scr-shop .gold-big.bump{animation:.2s steps(2,end) 2 bump}@keyframes bump{50%{transform:scale(1.25)}}#scr-shop .shop-offers>.reroll-in{animation:.3s steps(4,end) both flipin}@keyframes flipin{0%{transform:scaleX(0)}50%{filter:brightness(2);transform:scaleX(.3)}}#scr-shop .owned-mod.fresh{animation:.25s steps(3,end) popin,.3s steps(2,end) 3 flash}#scr-shop.heal-flash{animation:.4s steps(2,end) healflash}@keyframes healflash{50%{box-shadow:inset 0 0 0 100vmax #38b7644d}}#scr-shop .deny{animation:.24s steps(4,end) shake}#scr-shop .gold-big.deny{color:var(--red)}.screen button.mod-card.uncommon,.screen button.mod-card.rare{position:relative}.screen button.mod-card.uncommon:after,.screen button.mod-card.rare:after{content:"";top:calc(12 * var(--p));right:calc(5 * var(--p));width:var(--p);height:var(--p);background:var(--white);box-shadow:0 calc(-1 * var(--p)) 0 var(--white), 0 var(--p) 0 var(--white), calc(-1 * var(--p)) 0 0 var(--white), var(--p) 0 0 var(--white);animation:1.2s step-end infinite twinkle;position:absolute}.screen button.mod-card.rare:after{animation-duration:.6s}@keyframes twinkle{50%{opacity:0}}.r-text-common{color:var(--slate)}.r-text-uncommon{color:var(--green)}.r-text-rare{color:var(--blue)}.r-text-legendary{color:var(--orange);animation:.6s step-end infinite flash}.screen button.card.r-common,.screen button.mod-card.r-common{--kc:var(--slate)}.screen button.card.r-uncommon,.screen button.mod-card.r-uncommon{--kc:var(--green)}.screen button.card.r-rare,.screen button.mod-card.r-rare{--kc:var(--blue);--ring:var(--sky);animation:.24s steps(4,end) both deal,.8s step-end infinite rarering}.screen button.card.r-legendary,.screen button.mod-card.r-legendary{--kc:var(--orange);--hi:var(--yellow);animation:.24s steps(4,end) both deal,.36s step-end infinite legendring,.72s step-end infinite legendglow}.screen button.card.r-legendary .name,.screen button.mod-card.r-legendary .name{color:var(--orange)}@keyframes rarering{50%{--ring:transparent}}@keyframes legendring{0%{--ring:var(--yellow)}33%{--ring:var(--orange)}66%{--ring:var(--white)}}@keyframes legendglow{0%{filter:drop-shadow(calc(2 * var(--p)) 0 0 var(--yellow)) drop-shadow(calc(-2 * var(--p)) 0 0 var(--yellow)) drop-shadow(0 calc(2 * var(--p)) 0 var(--yellow)) drop-shadow(0 calc(-2 * var(--p)) 0 var(--yellow))}50%{filter:drop-shadow(calc(3 * var(--p)) 0 0 var(--orange)) drop-shadow(calc(-3 * var(--p)) 0 0 var(--orange)) drop-shadow(0 calc(3 * var(--p)) 0 var(--orange)) drop-shadow(0 calc(-3 * var(--p)) 0 var(--orange))}}.screen button.card.r-legendary:after,.screen button.mod-card.r-legendary:after{content:"";width:var(--p);height:var(--p);pointer-events:none;box-shadow:-70px 0 0 var(--yellow), -40px -30px 0 var(--white), -10px 10px 0 var(--orange), 25px -15px 0 var(--yellow), 55px 5px 0 var(--white), 80px -40px 0 var(--orange), -85px -60px 0 var(--white), 40px -70px 0 var(--yellow);animation:1.1s steps(8,end) infinite sparkup;position:absolute;bottom:10%;left:50%}@keyframes sparkup{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-200px)}}.screen button.card.r-uncommon:after{content:"";top:calc(14 * var(--p));right:calc(5 * var(--p));width:var(--p);height:var(--p);background:var(--white);box-shadow:0 calc(-1 * var(--p)) 0 var(--white), 0 var(--p) 0 var(--white), calc(-1 * var(--p)) 0 0 var(--white), var(--p) 0 0 var(--white);animation:1.2s step-end infinite twinkle;position:absolute}#scr-levelup.legend-flash{animation:.5s steps(3,end) legendflash}@keyframes legendflash{33%{box-shadow:inset 0 0 0 100vmax #ffcd7559}}#loadout .slot.r-rare,.badge.r-rare{--ring:var(--sky)}#loadout .slot.r-legendary,.badge.r-legendary{--ring:var(--yellow);animation:.36s step-end infinite legendring}.badge .tip,.mod-chip .tip{--bg:var(--ink);--hi:var(--night);--lo:var(--ink);z-index:30;text-align:left;width:240px;font:17px/1.2 var(--font);color:var(--white);white-space:normal;pointer-events:none;background:var(--ink);box-shadow:0 0 0 var(--p) var(--slate), 0 0 0 calc(2 * var(--p)) var(--ink);flex-direction:column;gap:4px;padding:8px 10px;display:none;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%)}.mod-chip{position:relative}.badge .tip b,.mod-chip .tip b{font:22px var(--display)}.badge .tip em,.mod-chip .tip em{font:10px var(--label);letter-spacing:1px;font-style:normal}.badge:hover .tip,.badge:focus .tip,.mod-chip:hover .tip,.mod-chip:focus .tip{display:flex}.badge:hover,.badge:focus,.mod-chip:hover,.mod-chip:focus{--ring:var(--yellow);z-index:31;outline:none}.card .tag.upgrade{color:var(--cyan)}.card .ribbon{top:calc(-4 * var(--p));right:calc(-4 * var(--p));font:14px var(--label);letter-spacing:1px;color:var(--ink);background:var(--yellow);box-shadow:0 0 0 var(--p) var(--ink), var(--p) var(--p) 0 var(--p) var(--ink);z-index:2;padding:4px 8px 3px;animation:.5s step-end infinite hop;position:absolute}.card .lvl{font:11px var(--label);letter-spacing:1px;color:var(--slate)}.card .pips{gap:var(--p);display:flex}.card .pips i{width:calc(3 * var(--p));height:calc(3 * var(--p));background:var(--mist);box-shadow:0 0 0 calc(var(--p) / 2) var(--ink)}.card .pips i.on{background:var(--kc)}.card .pips i.next{background:var(--yellow);animation:.4s step-end infinite flash}.card .reel{width:72px;height:72px;overflow:hidden}.card .reel .strip{transform:translateY(calc(var(--k,0) * -72px))}.card .reel .strip>*{width:72px;height:72px}.screen button.card.rolling{--kc:var(--slate);--hi:#fff;--ring:transparent;animation:.24s steps(4,end) both deal}.screen button.card.rolling.focused{--ring:var(--yellow)}.screen button.card.rolling:after{content:none}.screen button.card.rolling .icon img{animation:none}.screen button.card.rolling :is(.name,.desc){color:#0000;background:repeating-conic-gradient(var(--mist) 0 25%, transparent 0 50%) 0 0 / calc(2 * var(--p)) calc(2 * var(--p))}.screen button.card.rolling :is(.lvl,.pips,.chips,.kind span){visibility:hidden}.card .fx{--fx:var(--white);pointer-events:none;position:absolute;inset:0}.card.r-uncommon .fx{--fx:var(--lime)}.card.r-rare .fx{--fx:var(--sky)}.card.r-legendary .fx{--fx:var(--yellow)}.screen button.card.land .icon{animation:.24s steps(3,end) landbump}.screen button.card.land :is(.name,.desc){animation:.3s steps(3,end) landpop}.screen button.card.land.r-uncommon .fx{animation:.24s step-end landflash}.screen button.card.land:is(.r-rare,.r-legendary) .fx{animation:.24s step-end landflash,.42s steps(6,end) ringout}.screen button.card.land.r-legendary .fx{animation-duration:.4s,.6s}@keyframes landbump{33%{transform:translateY(var(--p)) scale(1.12)}66%{transform:translateY(calc(-1 * var(--p)))}}@keyframes landpop{0%{transform:scale(.3)}66%{transform:scale(1.15)}}@keyframes landflash{0%{background-color:var(--fx);opacity:.7}50%{background-color:#0000}}@keyframes ringout{0%{box-shadow:0 0 0 var(--p) var(--fx), 0 0 0 calc(2 * var(--p)) var(--ink);inset:0}to{inset:calc(-14 * var(--p));box-shadow:0 0 0 var(--p) var(--fx), 0 0 0 calc(2 * var(--p)) var(--ink)}}.card .replaces{--bg:var(--ink);--hi:var(--plum);--lo:var(--ink);--ring:var(--orange);--drop:transparent;text-align:left;font:17px/1 var(--font);color:var(--orange);align-self:stretch;align-items:center;gap:8px;margin-top:auto;padding:6px 8px 7px;display:flex}.card .partner{--bg:var(--ink);--hi:var(--navy);--lo:var(--ink);--ring:var(--yellow);--drop:transparent;text-align:center;align-self:stretch;margin-top:auto;padding:5px 6px 6px}.card .partner+.kind{margin-top:0}.card .partner .pair{justify-content:center;align-items:center;gap:6px;display:flex}.card .partner .pair>i{font:22px/1 var(--display);color:var(--yellow);font-style:normal}.card .partner .pt{opacity:.7;flex-direction:column;align-items:center;gap:2px;display:flex;position:relative}.card .partner .pt.have{opacity:1}.card .partner .pt em{font:14px/1 var(--display);color:var(--green);font-style:normal;position:absolute;top:-4px;right:-4px}.card .partner .nm{font:8px/1.2 var(--label);letter-spacing:1px;color:var(--white)}.card .partner b{font:8px/1.3 var(--label);letter-spacing:1px;color:var(--yellow);margin-top:4px;display:block}.card .replaces+.kind{margin-top:0}.card .replaces i{width:calc(6 * var(--p));height:calc(6 * var(--p));font:18px var(--display);color:var(--ink);background:var(--orange);box-shadow:0 0 0 var(--p) var(--ink);flex:none;place-items:center;font-style:normal;animation:.5s step-end infinite flash;display:grid}.card .replaces b{font:8px/1.3 var(--label);letter-spacing:1px;color:var(--yellow);margin-top:4px;display:block}#scr-shop .interest.pre{color:var(--yellow);animation:.8s step-end infinite flash}#chestreveal{--bg:var(--ink);--hi:var(--night);--lo:var(--ink);top:calc(60 * var(--p));white-space:nowrap;align-items:center;gap:12px;padding:8px 20px 8px 10px;animation:.2s steps(3,end) both toastin;display:flex;position:absolute;left:50%;transform:translate(-50%)}#chestreveal[hidden]{display:none}#chestreveal img.px-icon{animation:.6s step-end infinite hop}#chestreveal .lbl{font:10px var(--label);letter-spacing:2px;color:var(--yellow)}#chestreveal .reel{--lh:34px;height:var(--lh);overflow:hidden}#chestreveal .strip{transform:translateY(calc(var(--k,0) * -1 * var(--lh)))}#chestreveal .strip>div{height:var(--lh);font-family:var(--display);font-size:34px;line-height:var(--lh)}#chestreveal .txt{font:13px var(--label);letter-spacing:1px;color:var(--cyan);opacity:0}#chestreveal.landed .txt{opacity:1;animation:.25s steps(3,end) both popin}#chestreveal.landed .reel{animation:.3s steps(3,end) landpop}#chestreveal.landed .icon{animation:.24s steps(3,end) landbump}#chestreveal.r-uncommon{--ring:var(--green)}#chestreveal.r-uncommon .strip>:first-child{color:var(--lime)}#chestreveal.r-rare{--ring:var(--sky);animation:.8s step-end infinite rarering}#chestreveal.r-rare .strip>:first-child{color:var(--cyan)}#chestreveal.r-legendary{--ring:var(--yellow);--hi:var(--orange);animation:.36s step-end infinite legendring,.72s step-end infinite legendglow}#chestreveal.r-legendary .strip>:first-child{color:var(--yellow)}#chestreveal.out{animation:.3s steps(3,end) both chestout}@keyframes chestout{to{transform:translate(-50%, calc(-6 * var(--p)));opacity:0}}.card .lock{display:none}.screen button.card.locked .lock{left:calc(6 * var(--p));right:calc(6 * var(--p));bottom:calc(2 * var(--p));height:calc(2 * var(--p));background:var(--mist);display:block;position:absolute}.screen button.card.locked .lock:after{content:"";background:var(--slate);transform-origin:0;animation:lockfill var(--lock,.6s) steps(8) both;position:absolute;inset:0}@keyframes lockfill{0%{transform:scaleX(0)}}.screen button.card.locked .key{color:var(--slate)}.screen button.card.ready .key{animation:.24s steps(3,end) readypop}@keyframes readypop{50%{--bg:var(--yellow);color:var(--ink);transform:scale(1.4)}}#scr-levelup.locked .reroll-row .skip{opacity:.5}.owned-mod .mod-lv{font:10px var(--label);color:var(--cyan);white-space:nowrap}.screen .owned-mod button.mod-up{--bg:var(--teal);--hi:var(--cyan);--lo:var(--ink);align-self:stretch;padding:2px 8px;font-size:15px}.owned-mod .mod-next{color:var(--mist);text-align:center;font-size:13px;line-height:1.05}.owned-mod .mod-next i{font:10px var(--label);color:var(--cyan);font-style:normal}.owned-mod .mod-next b{color:var(--lime);font-weight:400}.mod-card .mod-ups{font:10px var(--label);color:var(--blue)}.owned-mod .mod-max{font:10px var(--label);color:var(--yellow);text-align:center}#scr-loadout .lo-rows{flex-direction:column;gap:10px;width:100%;max-width:1100px;display:flex}#scr-loadout .lo-row{flex-direction:column;gap:4px;display:flex}#scr-loadout .lo-label{font:12px var(--label);color:var(--yellow)}#scr-loadout .lo-cards{flex-wrap:wrap;gap:8px;display:flex}.screen button.lo-card{--bg:var(--night);--hi:var(--slate);--lo:var(--ink);text-align:left;grid-template-columns:48px 1fr;align-items:center;column-gap:8px;width:200px;padding:8px 10px;font-size:20px;display:grid}.lo-card .icon{grid-row:span 3;width:48px;height:48px}.lo-card .icon .px-icon{width:48px;height:48px}.lo-card .name{line-height:1}.lo-card .desc{color:var(--mist);text-shadow:none;font-size:14px;line-height:1.05}.screen button.lo-card.on{--bg:var(--teal);--hi:var(--cyan);--lo:var(--ink);--ring:var(--yellow)}.screen button.lo-card.on .desc{color:var(--white)}.screen button.lo-card.focused{--bg:var(--orange);--hi:var(--yellow);--lo:var(--red);--ring:var(--white)}.screen button.lo-card.locked{--bg:var(--ink);--hi:var(--night);--lo:var(--ink);color:var(--slate)}.lo-card.locked .desc{color:var(--slate);font:9px var(--label)}.lobby-player .kit{font:9px var(--label);color:var(--mist)}.s-left{--slot:var(--sky)}.s-right{--slot:var(--orange)}.s-special{--slot:var(--plum)}.s-auto{--slot:var(--green)}.s-item{--slot:var(--slate)}.s-bonus{--slot:var(--yellow)}.card .slot-ribbon{font:13px var(--label);letter-spacing:2px;color:var(--white);text-shadow:var(--o) var(--o) 0 var(--ink);background:var(--slot);box-shadow:inset 0 var(--p) 0 var(--ink);justify-content:center;align-self:stretch;align-items:center;gap:8px;margin:8px -14px -16px;padding:5px 0 6px;display:flex}.card .slot-ribbon.s-bonus{color:var(--ink);text-shadow:none}.slot-ribbon .picto{width:14px;height:16px;filter:drop-shadow(var(--o) var(--o) 0 var(--ink));flex:none}.slot-ribbon.s-bonus .picto{filter:none}#loadout .slot[class*=s-]:before,.badge[class*=s-]:before{content:"";background:var(--slot);width:9px;height:9px;box-shadow:0 0 0 2px var(--ink);position:absolute;top:-3px;left:-3px}.badge[class*=s-]:before{width:7px;height:7px}#touch{pointer-events:none;z-index:5;position:absolute;inset:0}.tstick{width:112px;height:112px;box-shadow:0 0 0 var(--p) var(--white), 0 0 0 calc(2 * var(--p)) var(--ink);background:#1a1c2c59;place-items:center;display:none;position:absolute;top:0;left:0}.tstick.on{display:grid}.tstick i{background:var(--white);width:44px;height:44px;box-shadow:0 0 0 var(--p) var(--ink)}.tstick.aim i{background:var(--orange)}#touch .tbtn{pointer-events:auto;width:84px;height:56px;font:12px var(--label);color:var(--white);--bg:var(--navy);--hi:var(--blue);--lo:var(--ink);touch-action:none;position:absolute}#touch .tbtn.on{--bg:var(--blue)}#touch .dash{bottom:150px;right:24px}#touch .charge{bottom:150px;right:120px}#touch .bomb{bottom:220px;right:24px}#touch .parry{bottom:220px;right:120px}#touch .ult{--bg:var(--purple,var(--navy));bottom:150px;right:216px}#xpbar .spark{width:var(--p);height:var(--p);background:var(--white);box-shadow:var(--p) 0 var(--cyan), calc(-1 * var(--p)) 0 var(--white), 0 var(--p) var(--white), 0 calc(-1 * var(--p)) var(--cyan);pointer-events:none;animation:.3s steps(2,end) infinite hud-spark;position:absolute;top:50%;transform:translate(-50%,-50%)}#xpbar .spark[hidden]{display:none}@keyframes hud-spark{50%{opacity:.45}}#hp .bar,#hp .fill{position:relative}#hp .chunk{inset:var(--p);background:var(--white);transform-origin:0;position:absolute}#hp.low .num{color:var(--orange);animation:.85s steps(3,end) infinite hud-life}@keyframes hud-life{50%{color:var(--white);transform:translateY(calc(-1 * var(--p)))}}#combo{--combo-color:var(--white);transform-origin:100% 0}#combo[data-heat="1"]{--combo-color:var(--lime)}#combo[data-heat="2"]{--combo-color:var(--cyan)}#combo[data-heat="3"]{--combo-color:var(--yellow)}#combo[data-heat="4"]{--combo-color:var(--orange)}#combo .mult[data-tier],#combo .num{color:var(--combo-color);animation:none}#combo .cbar div{background:var(--combo-color)}#combo.broken .mult{color:var(--mist);animation:.65s steps(6,end) both hud-combo-break}#combo.broken .num{color:var(--orange);animation:.65s steps(6,end) both hud-combo-label}#combo.broken .cbar{visibility:hidden}@keyframes hud-combo-break{20%{transform:scale(1.25,.8)rotate(-8deg)}45%{opacity:1;transform:translateY(6px)rotate(8deg)}to{opacity:0;transform:translateY(30px)rotate(16deg)scale(.7)}}@keyframes hud-combo-label{70%{opacity:1}to{opacity:0;transform:translateY(9px)}}#bossbar{top:calc(37 * var(--p))}#bossbar:not([hidden]){animation:.45s steps(6,end) both hud-boss-in}@keyframes hud-boss-in{0%{opacity:0;transform:translate(-50%,-18px)scaleX(.65)}70%{opacity:1;transform:translate(-50%,3px)scaleX(1.03)}to{transform:translate(-50%)}}#timer.urgent .clock{color:var(--orange);animation:1s steps(4,end) infinite hud-countdown}#timer.urgent .stage{color:var(--yellow)}@keyframes hud-countdown{12%{color:var(--yellow);transform:scale(1.12)}40%,to{transform:none}}.dmg{pointer-events:none}.dmg-fire{color:var(--orange)}.dmg-shock{color:var(--yellow);text-decoration:underline}.dmg-frost{color:var(--cyan)}.dmg-shield{color:var(--sky)}.dmg-shield:before{content:"◇ ";font-size:.65em}.screen:not([hidden]):not(.hud-pick-layer){animation:.22s steps(5,end) hud-screen-in}@keyframes hud-screen-in{0%{opacity:0;clip-path:inset(0 0 100%)}to{opacity:1;clip-path:inset(0)}}#scr-title:before{animation:12s steps(12,end) infinite hud-title-drift}@keyframes hud-title-drift{to{background-position:calc(8 * var(--p)) calc(8 * var(--p)), 0 0}}#scr-title .logo span{animation:.5s steps(6,end) both hud-logo-in}#scr-title .logo span:last-child{animation-delay:80ms}@keyframes hud-logo-in{0%{opacity:0;transform:translateY(-30px)scale(.9)}65%{opacity:1;transform:translateY(6px)scale(1.04,.95)}85%{transform:translateY(-3px)}to{transform:none}}.screen button{transition:translate .1s steps(2,end),scale .1s steps(2,end)}.screen button.focused:not(:disabled):not(.cant):not(.locked){translate:0 calc(-1 * var(--p))}.screen button:active:not(:disabled){translate:0 var(--p);scale:.97}#scr-levelup .level-burst{border:calc(3 * var(--p)) solid var(--yellow);width:120px;height:120px;box-shadow:0 0 0 calc(3 * var(--p)) var(--cyan), 0 0 0 calc(6 * var(--p)) var(--ink);pointer-events:none;opacity:0;margin:-60px;position:absolute;top:45%;left:50%}#scr-levelup.hud-level-enter .level-burst{animation:.6s steps(7,end) hud-level-burst}@keyframes hud-level-burst{0%{opacity:.7;transform:rotate(45deg)scale(.2)}70%{opacity:.25}to{opacity:0;transform:rotate(45deg)scale(5)}}#scr-levelup .card{--deal-delay:0s;animation:hud-card-deal .42s steps(6) var(--deal-delay) both}#scr-levelup .card:nth-child(2){--deal-delay:70ms}#scr-levelup .card:nth-child(3){--deal-delay:.14s}#scr-levelup .card.r-rare{--ring:var(--sky);animation:hud-card-deal .42s steps(6) var(--deal-delay) both, rarering 1.6s steps(2) infinite}#scr-levelup .card.r-legendary{--ring:var(--yellow);animation:hud-card-deal .42s steps(6) var(--deal-delay) both, legendglow 1.2s steps(2) infinite}@keyframes hud-card-deal{0%{opacity:0;transform:translateY(60px)rotate(-5deg)scale(.85)}60%{opacity:1;transform:translateY(-12px)rotate(1deg)scale(1.02)}80%{transform:translateY(3px)}to{opacity:1;transform:none}}.card-shine{display:none}#scr-levelup .card:is(.r-rare,.r-legendary):not(.rolling) .card-shine{pointer-events:none;background:var(--white);opacity:0;animation:hud-card-shine 3.2s steps(12) var(--deal-delay) infinite;display:block;position:absolute;inset:0}@keyframes hud-card-shine{0%,68%{opacity:0;clip-path:polygon(0 0,0 0,0 0)}70%{opacity:.45;clip-path:polygon(0 0,12% 0,0 20%)}91%{opacity:.25;clip-path:polygon(88% 100%,100% 80%,100% 100%)}92%,to{opacity:0}}.hud-pick-layer{pointer-events:none;z-index:90;padding:0;position:fixed;overflow:visible}.hud-pick-layer .hud-picked-card{pointer-events:none;animation:.38s steps(7,end) both hud-card-picked!important;translate:none!important}.hud-pick-layer .card *{animation:none!important}@keyframes hud-card-picked{25%{--ring:var(--yellow);transform:scale(1.12)}45%{opacity:1;transform:translateY(-12px)scale(1.06)}to{opacity:0;transform:translateY(-90px)scale(.75)}}.reduce-flash :after{animation:none!important}.reduce-flash .logo{transform:none}.reduce-flash .screen button{transition:none;scale:none;translate:none!important}.reduce-flash .level-burst,.reduce-flash .card-shine,.reduce-flash .hud-pick-layer{display:none!important}@media (prefers-reduced-motion:reduce){.logo{transform:none}.screen button{scale:none;translate:none!important}.level-burst,.card-shine,.hud-pick-layer{display:none!important}}#bossbar .bar{position:relative}#bossbar .ticks i{width:var(--p);background:var(--white);box-shadow:var(--p) 0 0 var(--ink);position:absolute;top:0;bottom:0}#bossbar .ph{font:10px var(--label);color:var(--yellow);letter-spacing:2px;position:absolute;top:0;right:0}#bossbar.mini{width:min(360px,60vw)}#bossbar.mini .name{color:var(--cyan)}#bossbar.mini .fill{background:repeating-linear-gradient(90deg, transparent 0 calc(12 * var(--p)), #1a1c2c80 0 calc(13 * var(--p))), linear-gradient(var(--cyan) 0 34%, var(--sky) 0)}#bossintro{pointer-events:none;z-index:5;position:absolute;inset:0}#bossintro[hidden]{display:none}.cinematic #bossbar,.cinematic #banner,.cinematic #toast,.cinematic #spice,.cinematic #minimap{visibility:hidden!important}#bossintro .lb{background:var(--ink);height:13vh;position:absolute;left:0;right:0}#bossintro .lb.top{box-shadow:0 var(--p) 0 var(--boss,var(--red));top:0}#bossintro .lb.bot{box-shadow:0 calc(-1 * var(--p)) 0 var(--boss,var(--red));bottom:0}#bossintro.in .lb.top{animation:.3s steps(4,end) both lb-top}#bossintro.in .lb.bot{animation:.3s steps(4,end) both lb-bot}#bossintro.out .lb.top{animation:.4s steps(4,end) reverse both lb-top}#bossintro.out .lb.bot{animation:.4s steps(4,end) reverse both lb-bot}#bossintro .card{text-align:left;position:absolute;bottom:calc(13vh - 18px);left:6vw}#bossintro.in .card{animation:.5s steps(5,end) .25s both card-in}#bossintro.out .card{animation:.3s steps(3,end) both card-out}#bossintro .nm{font-family:var(--display);color:var(--white);letter-spacing:3px;text-shadow:var(--outline), 0 6px 0 var(--boss,var(--red)), 0 9px 0 var(--ink);font-size:clamp(48px,9vw,110px);line-height:.9}#bossintro .sb{font:26px var(--font);letter-spacing:2px;text-shadow:none;color:var(--ink);background:var(--yellow);box-shadow:var(--p) var(--p) 0 var(--ink);margin-top:10px;padding:2px 12px;display:inline-block}#bossintro .skip{font:10px var(--label);color:var(--mist);letter-spacing:2px;position:absolute;bottom:3vh;right:4vw}@keyframes lb-top{0%{transform:translateY(-100%)}}@keyframes lb-bot{0%{transform:translateY(100%)}}@keyframes card-in{0%{transform:translate(-60vw)}70%{transform:translate(2vw)}}@keyframes card-out{to{opacity:0;transform:translate(-60vw)}}#bossbar.mini .ph{display:none}#bossbar:not([hidden])~#toast{top:calc(66 * var(--p))}.meta-screen .scroll{width:min(960px,94vw)}.meta-grid{gap:calc(6 * var(--p));padding:calc(4 * var(--p));grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.meta-grid .mode{text-align:left;white-space:normal;min-width:0;padding:calc(6 * var(--p))}.meta-grid b,.meta-grid small{display:block}.meta-grid em{color:var(--yellow);font-style:normal}.meta-grid .bst{width:auto;margin:0}.meta-grid .bst p{margin-bottom:0}.meta-screen .meta-note{max-width:min(960px,94vw)}#score,#timer .stage{color:var(--meta-accent,var(--yellow))}@media (max-width:700px){.meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.screen.meta-screen{gap:12px;overflow:hidden}.meta-screen .scroll{flex:0 auto;min-height:0;max-height:calc(100vh - 220px);overflow:hidden auto}.screen.meta-screen h1{flex-shrink:0;font-size:60px}.screen.meta-screen button.mode{min-height:98px}.screen.meta-screen>.menu{flex-shrink:0}.meta-grid .bst{display:block}.meta-grid .bst b{margin:4px 0 8px}.meta-grid .bst p{font-size:18px;line-height:1.3}#scr-weekly .meta-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.meta-grid .bst.focused{outline:var(--p) solid var(--yellow)}.screen button.card.fusion{--kc:var(--plum);--ring:var(--c,var(--cyan))}.card .partner.fuse b{color:var(--cyan)}.fusion-merge{pointer-events:none;z-index:60;width:72px;height:72px;margin-left:-36px;position:fixed;top:58%;left:50%}.fusion-merge>div,.fusion-merge .fm-flash{width:72px;height:72px;position:absolute;top:0;left:0}.fusion-merge .px-icon{width:72px;height:72px;image-rendering:pixelated}.fusion-merge .fm-a{animation:.6s steps(6,end) both fm-a}.fusion-merge .fm-b{animation:.6s steps(6,end) both fm-b}.fusion-merge .fm-flash{background:var(--white);box-shadow:0 0 0 calc(4 * var(--p)) var(--c), 0 0 0 calc(7 * var(--p)) var(--white);opacity:0;animation:.5s steps(4,end) .55s both fm-flash}.fusion-merge .fm-c{opacity:0;animation:1.3s steps(10,end) .6s both fm-c}@keyframes fm-a{0%{opacity:0;transform:translate(-180px)rotate(-20deg)}20%{opacity:1}90%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(0)scale(.6)}}@keyframes fm-b{0%{opacity:0;transform:translate(180px)rotate(20deg)}20%{opacity:1}90%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:translate(0)scale(.6)}}@keyframes fm-flash{0%{opacity:1;transform:scale(.4)}50%{opacity:1;transform:scale(1.4)}to{opacity:0;transform:scale(2)}}@keyframes fm-c{0%{opacity:1;transform:scale(.3)}20%{transform:scale(1.6)}35%{transform:scale(1.2)}80%{opacity:1;transform:scale(1.2)translateY(0)}to{opacity:0;transform:scale(1.2)translateY(-30px)}}.reduce-flash .fusion-merge .fm-a,.reduce-flash .fusion-merge .fm-b,.reduce-flash .fusion-merge .fm-flash{display:none}.reduce-flash .fusion-merge .fm-c{opacity:1}.bestiary .bst-head{font:28px var(--display);color:var(--yellow);text-shadow:var(--outline);grid-column:1/-1;margin:12px 0 0}.bst.fusion-row{grid-template-columns:48px 1fr}.bst.fusion-row .px-icon{width:48px;height:48px;image-rendering:pixelated;grid-row:span 3}