.touch-controls{--tc-ink:#0b0c0e;--tc-paper:#fbf6ea;--tc-red:#cc202b;--tc-k:1;z-index:40;pointer-events:none;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;--tc-l:env(safe-area-inset-left,0px);--tc-r:env(safe-area-inset-right,0px);--tc-b:env(safe-area-inset-bottom,0px);--tc-t:env(safe-area-inset-top,0px);font-family:Barlow Condensed,Arial Narrow,sans-serif;font-style:italic;font-weight:900;position:absolute;inset:0;overflow:hidden}.touch-controls[hidden]{display:none}.touch-controls.tc-tablet{--tc-k:1.3}.touch-controls *{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.tc-stick{opacity:0;width:0;height:0;transition:opacity .12s;position:absolute;top:0;left:0}.tc-stick.on{opacity:1}.tc-base,.tc-knob,.tc-stick-home{border-radius:50%;display:block;position:absolute}.tc-base{width:calc(116px * var(--tc-k));height:calc(116px * var(--tc-k));margin:calc(-58px * var(--tc-k));background:radial-gradient(circle,#0b0c0e22 40%,#0b0c0e66);border:3px solid #fbf6eacc;box-shadow:0 0 0 2px #0b0c0e99}.tc-knob{width:calc(54px * var(--tc-k));height:calc(54px * var(--tc-k));margin:calc(-27px * var(--tc-k));border:3px solid var(--tc-ink);background:#fbf6eae6;box-shadow:2px 3px #0b0c0e99}.tc-stick-home{left:calc(40px * var(--tc-k) + var(--tc-l));bottom:calc(34px * var(--tc-k) + var(--tc-b));width:calc(116px * var(--tc-k));height:calc(116px * var(--tc-k));border:2px dashed #fbf6ea80;transition:opacity .2s;box-shadow:0 0 0 1px #0b0c0e55}.tc-stick.on~.tc-stick-home{opacity:0}.tc-stick-home:after{content:"MOVE";color:#fbf6eaa6;font-size:calc(15px * var(--tc-k));letter-spacing:.08em;text-shadow:1px 1px #0b0c0e;place-items:center;display:grid;position:absolute;inset:0}.tc-btn{--d:62px;--x:0px;--y:0px;box-sizing:border-box;width:calc(var(--d) * var(--tc-k));height:calc(var(--d) * var(--tc-k));right:calc(var(--x) * var(--tc-k) + var(--tc-r));bottom:calc(var(--y) * var(--tc-k) + var(--tc-b));pointer-events:auto;cursor:default;color:var(--tc-ink);border:3px solid var(--tc-ink);font:inherit;font-size:calc(var(--d) * .25 * var(--tc-k));letter-spacing:.01em;opacity:.9;isolation:isolate;background:#fbf6eabd;border-radius:50%;place-items:center;margin:0;padding:0;line-height:1;transition:transform 60ms,background-color 60ms;display:grid;position:absolute;box-shadow:3px 4px #0b0c0e8c}.tc-btn b{z-index:2;font:inherit;position:relative;transform:skew(-4deg)}.tc-btn.down{background:var(--tc-ink);color:var(--tc-paper);transform:scale(.93);box-shadow:1px 1px #0b0c0e8c}.tc-light{--d:96px;--x:26px;--y:30px;font-size:calc(24px * var(--tc-k))}.tc-heavy{--d:68px;--x:136px;--y:18px}.tc-special{--d:68px;--x:124px;--y:104px}.tc-ultimate{--d:72px;--x:40px;--y:140px}.tc-jump{--d:62px;--x:218px;--y:16px}.tc-dash{--d:62px;--x:210px;--y:100px}.tc-guard{--d:62px;--x:196px;--y:182px}.tc-awaken{--d:54px;--x:122px;--y:196px;font-size:calc(12px * var(--tc-k))}.tc-target{--d:52px;--x:296px;--y:36px;font-size:calc(14px * var(--tc-k))}.tc-pause,.tc-emote{--d:44px;bottom:auto;right:auto;top:calc(10px + var(--tc-t));font-size:calc(15px * var(--tc-k))}.tc-pause{left:calc(31vw + var(--tc-l))}.tc-emote{left:calc(31vw + 52px * var(--tc-k) + var(--tc-l))}.tc-wheel{left:calc(31vw + var(--tc-l));top:calc(10px + 54px * var(--tc-k) + var(--tc-t));gap:8px;display:flex;position:absolute}.tc-wheel[hidden]{display:none}.tc-slot{--d:44px;position:relative;bottom:auto;right:auto}#interface[data-hud=training]~.touch-controls .tc-emote{display:none}#app:has(.training-lab[open]) .touch-controls .tc-btn{display:none}.tc-light:after,.tc-heavy:after,.tc-special:after{content:"";z-index:1;pointer-events:none;background:conic-gradient(#0b0c0eb3 calc(var(--cool,0) * 1turn),transparent 0);border-radius:50%;position:absolute;inset:-3px}.tc-ultimate:before,.tc-awaken:before{content:"";z-index:-1;pointer-events:none;background:conic-gradient(var(--tc-red) calc(var(--charge,0) * 1turn),#0b0c0e73 0);box-shadow:0 0 0 2px var(--tc-ink);border-radius:50%;position:absolute;inset:-8px}.tc-ultimate.ready,.tc-awaken.ready{background:var(--tc-red);color:var(--tc-paper);animation:1.1s ease-in-out infinite tc-ready}.tc-awaken.awake{background:var(--tc-ink);color:var(--tc-paper)}@keyframes tc-ready{50%{box-shadow:0 0 0 5px #cc202b66,3px 4px #0b0c0e8c}}@media (prefers-reduced-motion:reduce){.tc-ultimate.ready,.tc-awaken.ready{animation:none}}@media (max-height:360px){.touch-controls:not(.tc-tablet){--tc-k:.88}}html.touch-play,html.touch-play body{overscroll-behavior:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}html.touch-play #game-canvas{touch-action:none}#interface[data-input=touch] .combat-hud :is(.controls-hint,.pointer-hint,.settings-button,.move-bar){display:none!important}kbd.touch-key{min-width:1.9em;font:inherit;text-align:center;letter-spacing:.02em;vertical-align:.08em;border:2px solid;border-radius:999px;padding:.1em .45em;font-size:.82em;font-style:italic;font-weight:900;line-height:1.15;display:inline-block}.tc-turn{z-index:2147483000;color:#111;text-align:center;background:#fff;place-items:center;padding:24px;font-family:Barlow Condensed,Arial Narrow,sans-serif;font-style:italic;font-weight:900;display:none;position:absolute;inset:0}html.tc-upright .tc-turn{display:grid}.tc-turn div{background:#fff;border:4px solid #111;justify-items:center;gap:10px;padding:26px 22px;display:grid;box-shadow:8px 9px #cc202b}.tc-turn i{color:#cc202b;font-size:64px;font-style:normal;line-height:1;animation:1.8s ease-in-out infinite tc-turn;display:block}.tc-turn strong{letter-spacing:.02em;font-size:34px}.tc-turn span{letter-spacing:.04em;font-size:18px;font-weight:800}@keyframes tc-turn{0%,30%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}.quality-toast{left:50%;top:calc(12px + env(safe-area-inset-top,0px));z-index:2147482000;color:#0b0c0e;pointer-events:none;letter-spacing:.03em;text-align:center;background:#fbf6ea;border:3px solid #0b0c0e;max-width:min(92vw,560px);padding:8px 14px 9px;font:italic 800 16px/1.25 Barlow Condensed,Arial Narrow,sans-serif;transition:transform .25s ease-out;position:absolute;transform:translate(-50%,-140%);box-shadow:4px 5px #0b0c0e}.quality-toast.in{transform:translate(-50%)}.quality-toast b{color:#cc202b;font-weight:900}@media (max-width:700px),(max-height:520px) and (orientation:landscape){.manga-home .home-heading{gap:8px}.manga-home .home-heading span:first-child{flex:none;width:auto!important}.manga-home .home-heading span:first-child:after{display:none}.manga-home .home-heading .home-volumes{background:0 0;flex:none;padding:0;position:static}.manga-home .home-heading:after{flex:1;min-width:12px;display:block;position:static}}@media (max-height:520px) and (orientation:landscape){.manga-home .home-heading .shop-chip-next{display:none}}@media (max-width:700px) and (orientation:portrait){.manga-home .home-heading{flex-wrap:wrap;row-gap:6px;height:auto!important}.manga-home .home-heading .shop-chip{max-width:none;margin-left:auto;padding:2px 0;position:static;transform:none}}@media (max-width:700px) and (orientation:portrait),(max-height:520px) and (orientation:landscape){.lobby.manga-home{padding-bottom:calc(92px + env(safe-area-inset-bottom,0px))}.manga-home .home-actions{z-index:6;padding:6px calc(14px + env(safe-area-inset-right,0px)) calc(6px + env(safe-area-inset-bottom,0px)) calc(14px + env(safe-area-inset-left,0px));background:#fff;border-top:3px solid #111;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:16px;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px #cc202b}.manga-home .home-actions>button{min-height:44px}html .manga-home .home-actions #home-play{margin-left:auto;position:relative;bottom:auto;left:auto;right:auto}}@media (max-height:520px) and (orientation:landscape){.lobby.manga-home{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}html .manga-home .home-actions #home-play{padding:2px 12px 4px 10px}html .manga-home .home-actions #home-play>span:first-child{font-size:28px!important}html .manga-home .home-actions #home-play .home-play-sub{background:0 0;padding:0;top:50%;bottom:auto;right:calc(100% + 12px);transform:translateY(-50%)}}@media (max-width:700px) and (orientation:portrait){#interface .combat-hud.waiting-room .private-status.waiting{width:auto;max-height:calc(100% - 124px);top:112px;left:8px;right:8px}#interface .combat-hud.waiting-room .private-status.waiting .room-roster{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:760px) and (orientation:portrait){dialog.mode-sheet[open]{flex-direction:column;display:flex}dialog.mode-sheet>section{flex:none}dialog.mode-sheet>.ms-mode{order:0}dialog.mode-sheet .ms-art{height:96px}dialog.mode-sheet>.ms-play{border-top:2px solid var(--ms-ink,#111);order:1}dialog.mode-sheet>.ms-rules{order:2}}[data-input=touch] .mode-sheet .ms-hint{display:none}.touch-controls.px-touch{font-family:var(--f-silk);font-style:normal}.px-touch .tc-target,.px-touch .tc-emote,.px-touch .tc-wheel{display:none!important}.px-touch .tc-btn{background:var(--pxt-face) center / var(--pxt-size) var(--pxt-size) no-repeat;box-shadow:none;color:var(--paper);opacity:1;image-rendering:pixelated;-webkit-tap-highlight-color:transparent;border:0;border-radius:50%;transition:none}.px-touch .tc-btn>b{display:none}.px-touch .tc-btn.down{background-image:var(--pxt-down);color:var(--line);transform:translateY(calc(var(--px) * 1));box-shadow:none}.px-touch .tc-btn:before,.px-touch .tc-btn:after{content:none}.px-touch .pxt-face{z-index:2;pointer-events:none;align-content:center;justify-items:center;gap:1px;display:grid;position:relative}.px-touch .pxt-face canvas{image-rendering:pixelated;display:block}.px-touch .pxt-meter{z-index:1;pointer-events:none;image-rendering:pixelated;position:absolute;top:50%;left:50%;translate:-50% -50%}.px-touch .tc-ultimate.ready,.px-touch .tc-awaken.ready{background-image:var(--pxt-ready);color:var(--paper);animation:1s steps(2,end) infinite pxt-ready}.px-touch .tc-ultimate.ready.down,.px-touch .tc-awaken.ready.down{background-image:var(--pxt-down);animation:none}@keyframes pxt-ready{50%{filter:brightness(1.35)}}.px-reduce-flash .px-touch .tc-btn.ready{animation:none}.px-touch .tc-light{--d:74px;--x:16px;--y:18px}.px-touch .tc-heavy{--d:56px;--x:98px;--y:10px}.px-touch .tc-special{--d:56px;--x:94px;--y:74px}.px-touch .tc-ultimate{--d:58px;--x:22px;--y:104px}.px-touch .tc-awaken{--d:46px;--x:102px;--y:146px}.px-touch .tc-jump{--d:54px;--x:164px;--y:8px}.px-touch .tc-dash{--d:52px;--x:160px;--y:70px}.px-touch .tc-guard{--d:52px;--x:226px;--y:30px}.px-touch .tc-btn{font-size:0}.px-touch .tc-pause{width:calc(40px * var(--pxt-sk,1));height:calc(40px * var(--pxt-sk,1));bottom:auto;right:auto;left:var(--pxt-pause-x)!important;top:var(--pxt-pause-y)!important}.px-touch .tc-stick,.px-touch .tc-stick-home{--tc-k:var(--pxt-sk,1)}.px-touch .tc-base{box-shadow:none;background:var(--pxt-base) center / 100% 100% no-repeat;image-rendering:pixelated;border:0}.px-touch .tc-knob{box-shadow:none;background:var(--pxt-knob) center / 100% 100% no-repeat;image-rendering:pixelated;border:0}.px-touch .tc-stick-home{left:var(--pxt-home-x,40px);box-shadow:none;background:var(--pxt-home) center / 100% 100% no-repeat;image-rendering:pixelated;border:0;place-items:center;display:grid}.px-touch .tc-stick-home:after{content:none}.px-touch .tc-stick-home canvas{image-rendering:pixelated;opacity:.8}.px-touch.pxt-nohome .tc-stick-home{display:none}.tc-turn.px-turn{color:var(--paper);font-family:var(--f-silk);background:#0d0b1a;font-style:normal;font-weight:700}.tc-turn.px-turn div{background:var(--ink);box-shadow:0 0 0 3px var(--line), 0 0 0 6px var(--gold), 0 0 0 9px var(--line), 8px 10px 0 9px #07040fcc;border:0;padding:22px 26px}.tc-turn.px-turn i{color:var(--gold);font-size:54px;animation-timing-function:steps(4,end)}.tc-turn.px-turn strong{font:400 40px / 1 var(--f-jersey);letter-spacing:.03em;color:var(--gold-0);text-shadow:2px 2px 0 var(--line)}.tc-turn.px-turn span{font:400 15px / 1.3 var(--f-body);color:var(--paper-dim);letter-spacing:.02em}html.touch-play #app,html.touch-play #pixel-canvas{touch-action:none}html[data-device=touch],html[data-device=touch] body{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html[data-device=touch] button{touch-action:manipulation}html:not([data-device=touch]) .touch-only,html[data-device=touch] .no-touch{display:none!important}html[data-device=touch] .px-slot .key{display:none}html[data-device=touch] :is(.px-select .arrow,.px-select .pip,.px-settings .arrow,.px-settings .tab,.px-movelist .tab,.px-trials .dot,.px-trials .px-button){position:relative}html[data-device=touch] :is(.px-select .arrow,.px-select .pip,.px-settings .arrow,.px-movelist .tab,.px-trials .dot):after{content:"";inset:calc(var(--px) * -4);position:absolute}html[data-device=touch] .px-hud .px-arts,html[data-device=touch] .px-hud .px-trials{right:auto;left:calc(var(--px) * 4);top:calc(var(--px) * 62)}html[data-device=touch] .px-hud .px-tools{left:var(--pxt-tools-x,50%);top:var(--pxt-tools-y,calc(var(--px) * 4));gap:calc(var(--px) * 1) calc(var(--px) * 2);grid-template-columns:repeat(2,auto);bottom:auto}html[data-device=touch] .px-hud .px-tools .title{display:none}html[data-device=touch] .px-hud .px-tools .px-button{font-size:var(--fs-micro);padding:calc(var(--px) * 4.5) calc(var(--px) * 4)}html[data-device=touch] .px-trials .px-button{padding:calc(var(--px) * 4) calc(var(--px) * 5)}html[data-device=touch] .px-button:hover:not(.on):not(:focus-visible){color:var(--paper);border-image-source:var(--frame-raised)}.px-select .foot .px-button{font-size:var(--fs-tiny);padding:calc(var(--px) * 2) calc(var(--px) * 8)}.px-select .foot .px-button.go{color:var(--line);border-image-source:var(--frame-goldFill)}html[data-device=touch] .lo-spectate .go{border-style:solid;border-color:#0000;border-width:calc(var(--px) * 2);border-image:var(--frame-goldFill) 2 fill / calc(var(--px) * 2) stretch}html[data-device=touch] .lo-spectate .go em{color:var(--line)}html[data-device=touch] .px-pause .cb{grid-template-columns:calc(var(--px) * 116) 1fr auto}@font-face{font-family:Pixelify Sans;src:url(/assets/pixel/fonts/pixelify.woff2)format("woff2");font-weight:400 700;font-display:block}@font-face{font-family:"Jersey 15";src:url(/assets/pixel/fonts/jersey15-400.woff2)format("woff2");font-display:block}@font-face{font-family:Silkscreen;src:url(/assets/pixel/fonts/silkscreen-400.woff2)format("woff2");font-weight:400;font-display:block}@font-face{font-family:Silkscreen;src:url(/assets/pixel/fonts/silkscreen-700.woff2)format("woff2");font-weight:700;font-display:block}@font-face{font-family:"Press Start 2P";src:url(/assets/pixel/fonts/pressstart-400.woff2)format("woff2");font-display:block}:root{--px:3px;--line:#07040f;--ink:#171130;--ink-2:#221a48;--ink-3:#33286a;--ink-4:#4a3c92;--paper:#fff4dc;--paper-dim:#d9cdb2;--gold:#ffd23f;--gold-deep:#d4731a;--accent:#ff7a2e;--font-ui:"Pixelify Sans", "Silkscreen", ui-monospace, monospace;--font-big:"Jersey 15", "Pixelify Sans", ui-monospace, monospace;--font-tiny:"Press Start 2P", "Silkscreen", monospace}html,body,#app{background:#0d0b1a;width:100%;height:100%;margin:0;overflow:hidden}body{font-family:var(--font-ui);color:var(--paper);-webkit-font-smoothing:none;font-smooth:never;-webkit-user-select:none;user-select:none}#pixel-canvas{outline:0;display:block;position:fixed;inset:0}img,canvas.px-art{image-rendering:pixelated;image-rendering:crisp-edges}canvas.px-art{display:block}.px-layer{pointer-events:none;position:fixed;inset:0}.px-layer>*{pointer-events:auto}[hidden]{display:none!important}.px-f{border-style:solid;border-color:#0000;border-width:calc(var(--px) * var(--slice,2));border-image-source:var(--frame);border-image-slice:var(--slice,2) fill;border-image-width:calc(var(--px) * var(--slice,2));image-rendering:pixelated;border-image-repeat:stretch}.px-f-panel{--frame:var(--frame-panel);--slice:var(--slice-panel)}.px-f-raised{--frame:var(--frame-raised);--slice:var(--slice-raised)}.px-f-inset{--frame:var(--frame-inset);--slice:var(--slice-inset)}.px-f-gold{--frame:var(--frame-gold);--slice:var(--slice-gold)}.px-f-chip{--frame:var(--frame-chip);--slice:var(--slice-chip)}.px-word{display:block}.px-button{font:700 var(--fs-tiny,16px) / 1 var(--f-silk);letter-spacing:.04em;color:var(--paper);cursor:pointer;text-transform:uppercase;padding:calc(var(--px) * 1) calc(var(--px) * 3);border-style:solid;border-color:#0000;border-width:calc(var(--px) * 2);border-image:var(--frame-raised) 2 fill / calc(var(--px) * 2) stretch;image-rendering:pixelated;background:0 0}.px-button:hover,.px-button.on,.px-button:focus-visible{color:var(--line);border-image-source:var(--frame-goldFill);outline:0}.px-button:active{transform:translateY(var(--px))}:root{--f-silk:"Silkscreen", ui-monospace, monospace;--f-press:"Press Start 2P", "Silkscreen", monospace;--f-jersey:"Jersey 15", "Silkscreen", monospace;--f-body:"Pixelify Sans", "Silkscreen", ui-monospace, monospace;--paper-mute:#8e84a8;--ink-deep:#0e0a1e;--gold-0:#fffbe0;--red:#ff4a3d;--fs-micro:8px;--fs-tiny:16px;--fs-small:16px;--fs-label:24px;--fs-label-l:32px;--fs-key:16px;--fs-num:16px;--fs-num-l:24px;--fs-name:27px;--fs-head:54px;--fs-title:81px;--fs-huge:135px;--fs-body:16.5px;--fs-body-s:13.5px}.px-menu-list{gap:calc(var(--px) * 1);justify-items:start;display:grid}.px-menu-list.row{gap:calc(var(--px) * 4);justify-content:center;display:flex}.px-item{align-items:center;gap:calc(var(--px) * 2);padding:calc(var(--px) * 1) calc(var(--px) * 2);cursor:pointer;background:0 0;border:0;display:flex;position:relative}.px-item .cursor{visibility:hidden}.px-item .lit{display:none}.px-item.on .cursor{visibility:visible;animation:.5s steps(2,end) infinite px-poke}.px-item.on .plain{display:none}.px-item.on .lit{display:block}.px-item.on{transform:translateX(calc(var(--px) * 2))}.px-item.off canvas.plain,.px-item.off canvas.lit{opacity:.38}.px-item .val{margin-left:calc(var(--px) * 2);padding:calc(var(--px) * 1) calc(var(--px) * 2);background:var(--ink-deep);box-shadow:0 0 0 var(--px) var(--line);place-items:center;display:grid}.px-item .val.lit{background:var(--gold);box-shadow:0 0 0 var(--px) var(--line), inset 0 var(--px) 0 #fffbe0, inset 0 calc(var(--px) * -1) 0 #c46a12}.px-menu-list .detail{font:var(--fs-body-s) / 1.35 var(--f-body);color:var(--paper-dim);padding:calc(var(--px) * 2) 0 0 calc(var(--px) * 12);max-width:calc(var(--px) * 150)}@keyframes px-poke{50%{transform:translateX(var(--px))}}.px-kc{vertical-align:middle}.px-title{pointer-events:auto}.px-title .shade{pointer-events:none;background:radial-gradient(at 50% 36%,#0e0a1e00 18%,#0e0a1e73 60%,#07040fdb);position:absolute;inset:0}.px-title .stage{justify-items:center;display:grid;position:absolute;top:11vh;left:0;right:0}.px-title .lower{justify-items:center;gap:calc(var(--px) * 4);display:grid;position:absolute;bottom:13vh;left:0;right:0}.px-title.under .stage,.px-title.under .lower,.px-title.under .foot{visibility:hidden}.px-title .logo{justify-items:center;animation:.6s steps(8,end) both px-logo-in;display:grid}.px-title .logo>canvas{grid-area:1/1}.px-title .logo .shine{pointer-events:none}.px-title .logo .sub{margin-top:calc(var(--px) * 3);padding:calc(var(--px) * 2) calc(var(--px) * 10);box-shadow:0 calc(var(--px) * -1) 0 var(--gold), 0 var(--px) 0 var(--gold), 0 calc(var(--px) * 2) 0 var(--line);background:#07040fc7;grid-area:2/1;animation:.25s steps(4,end) .5s both px-band}.px-title .press{animation:1.1s steps(2,end) infinite px-blink}.px-title .title-menu{min-width:calc(var(--px) * 150);padding:calc(var(--px) * 3) calc(var(--px) * 8) calc(var(--px) * 3) calc(var(--px) * 5);box-shadow:0 0 0 var(--px) var(--line), 0 0 0 calc(var(--px) * 2) #4a3c92e6, 0 0 0 calc(var(--px) * 3) var(--line);background:#07040fbd;animation:.2s steps(4,end) both px-drop}.px-title .loadbar{align-items:center;gap:var(--px);display:flex}.px-title .loadbar i{width:calc(var(--px) * 4);height:calc(var(--px) * 4);background:var(--ink);box-shadow:0 0 0 var(--px) var(--line)}.px-title .loadbar i.on{background:var(--gold);box-shadow:0 0 0 var(--px) var(--line), inset 0 var(--px) 0 #fffbe0}.px-title .loadbar .label{margin-left:calc(var(--px) * 3);font:700 var(--fs-micro) / 1 var(--f-silk);color:var(--paper-dim);letter-spacing:.08em}.px-title .loadbar.done{visibility:hidden}.px-title .foot{left:0;right:0;bottom:calc(var(--px) * 4);padding:0 calc(var(--px) * 6);font:var(--fs-body-s) / 1 var(--f-body);color:var(--paper-mute);justify-content:space-between;align-items:center;display:flex;position:absolute}.px-title .foot .keys{align-items:center;gap:var(--px);display:flex}.px-title .foot em{margin:0 calc(var(--px) * 3) 0 var(--px);font-style:normal}.px-title .twinkle{width:var(--px);height:var(--px);pointer-events:none;box-shadow:var(--px) 0 0 #ffe98acc, calc(var(--px) * -1) 0 0 #ffe98acc, 0 var(--px) 0 #ffe98acc, 0 calc(var(--px) * -1) 0 #ffe98acc;animation:px-twinkle 2.6s steps(1) var(--d,0s) infinite;background:#fffbe0;position:absolute}@keyframes px-twinkle{0%,70%{opacity:0}72%,86%{opacity:1;transform:scale(1)}78%{transform:scale(2)}88%,to{opacity:0}}@keyframes px-logo-in{0%{transform:translateY(-60vh)}55%{transform:translateY(calc(var(--px) * 6))}75%{transform:translateY(calc(var(--px) * -3))}to{transform:none}}@keyframes px-blink{50%{opacity:0}}@keyframes px-band{0%{transform:scaleX(0)}}.px-credits{z-index:25;pointer-events:auto;background:#07040fe0;grid-template-rows:1fr auto;justify-items:center;display:grid}.px-credits .frame{width:min(calc(100vw - var(--px) * 16), calc(var(--px) * 340));height:100%;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000 0,#000 12% 88%,#0000 100%);mask-image:linear-gradient(#0000 0,#000 12% 88%,#0000 100%)}.px-credits .roll{justify-items:center;gap:calc(var(--px) * 10);padding-bottom:calc(var(--px) * 40);will-change:transform;display:grid;position:absolute;top:0;left:0;right:0}.px-credits .roll .sub{margin-top:calc(var(--px) * -6)}.px-credits .starring{justify-items:center;gap:calc(var(--px) * 5);display:grid}.px-credits .faces{justify-items:center;gap:calc(var(--px) * 6);display:grid}.px-credits .faces .row{justify-content:center;gap:calc(var(--px) * 6);display:flex}.px-credits .face{justify-items:center;gap:calc(var(--px) * 2);display:grid}.px-credits .face canvas:first-child{box-shadow:0 0 0 var(--px) var(--line), 0 0 0 calc(var(--px) * 2) var(--c)}.px-credits .face small{font:var(--fs-micro) / 1 var(--f-silk);color:var(--paper-mute);letter-spacing:.06em}.px-credits .face.coming{opacity:.8}.px-credits .sec{justify-items:center;gap:calc(var(--px) * 3);text-align:center;max-width:calc(var(--px) * 300);display:grid}.px-credits .sec p{font:var(--fs-body-s) / 1.45 var(--f-body);color:var(--paper-dim);margin:0}.px-credits .sec p.lead{font-size:var(--fs-body);color:var(--paper)}.px-credits .foot{align-items:center;gap:calc(var(--px) * 2);padding:calc(var(--px) * 3);font:var(--fs-body-s) / 1 var(--f-body);color:var(--paper-mute);display:flex}.px-credits .foot em{margin-right:calc(var(--px) * 4);font-style:normal}.px-select{gap:calc(var(--px) * 3);padding:calc(var(--px) * 5) calc(var(--px) * 8) calc(var(--px) * 4);pointer-events:auto;grid-template-rows:auto 1fr auto auto;display:grid}.px-select>:not(.bg){position:relative}.px-select .bg{pointer-events:none;position:absolute;top:0;left:0}.px-select .head{align-items:center;gap:calc(var(--px) * 5);display:flex}.px-select .modes{justify-items:end;gap:calc(var(--px) * 2);margin-left:auto;display:grid}.px-select .modes .switch{align-items:center;gap:calc(var(--px) * 2);display:flex}.px-select .modes .arrow{padding:0 var(--px);cursor:pointer;background:0 0;border:0;display:grid}.px-select .modes .plaque{min-width:calc(var(--px) * 96);padding:calc(var(--px) * 2) calc(var(--px) * 4);background:var(--gold);box-shadow:0 0 0 var(--px) var(--line), inset 0 calc(var(--px) * -1) 0 #c46a12, inset 0 var(--px) 0 #fffbe0;place-items:center;display:grid}.px-select .modes .plaque.pop canvas{animation:.2s steps(3,end) both px-pop-in}.px-select .modes .lower{align-items:center;gap:calc(var(--px) * 4);display:flex}.px-select .modes .pips{gap:var(--px);display:flex}.px-select .modes .pip{width:calc(var(--px) * 7);height:calc(var(--px) * 9);cursor:pointer;background:var(--ink-3);box-shadow:0 0 0 var(--px) var(--line);border:0;place-items:center;padding:0;display:grid}.px-select .modes .pip>*{grid-area:1/1}.px-select .modes .pip .on{display:none}.px-select .modes .pip.on{background:var(--gold);box-shadow:0 0 0 var(--px) var(--line), inset 0 calc(var(--px) * -1) 0 #c46a12}.px-select .modes .pip.on .on{display:block}.px-select .modes .pip.on .off{display:none}.px-select .stage{gap:calc(var(--px) * 6);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);min-height:0;display:grid}.px-select .left{min-height:0;position:relative;overflow:hidden}.px-select .art{left:calc(var(--px) * 8);position:absolute;bottom:0}.px-select .art.in{animation:.22s steps(4,end) both px-slide-in}.px-select .art.coming{left:calc(var(--px) * 24);bottom:calc(var(--px) * 36)}.px-select .plate{left:0;top:calc(var(--px) * 2);justify-items:start;gap:calc(var(--px) * 2);display:grid;position:absolute}.px-select .plate .series{font:700 var(--fs-tiny) / 1 var(--f-silk);color:var(--line);background:var(--c);padding:calc(var(--px) * 1.5) calc(var(--px) * 3);letter-spacing:.06em;box-shadow:0 0 0 var(--px) var(--line), inset 0 var(--px) 0 #fff6}.px-select .quote{gap:calc(var(--px) * 1);padding:calc(var(--px) * 3) calc(var(--px) * 4) calc(var(--px) * 3);box-shadow:0 calc(var(--px) * -1) 0 var(--c);background:linear-gradient(90deg,#07040fe0,#07040fcc 75%,#07040f33);display:grid;position:absolute;bottom:0;left:0;right:0}.px-select .quote b{font:500 var(--fs-body-s) / 1.3 var(--f-body);color:var(--paper)}.px-select .quote small{font:var(--fs-body-s) / 1.3 var(--f-body);color:var(--paper-mute);font-style:italic}.px-select .moves-row{gap:calc(var(--px) * 3);grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid}.px-select .moves{align-content:start}.px-select .preview{place-items:center;display:grid;overflow:hidden}.px-select .right{align-self:center;gap:calc(var(--px) * 2);padding:calc(var(--px) * 3) calc(var(--px) * 5) calc(var(--px) * 4);display:grid}.px-select .right h4{margin:calc(var(--px) * 1) 0 0}.px-select .tagline{margin:0 0 calc(var(--px) * 1);padding-left:calc(var(--px) * 3);font:var(--fs-body-s) / 1.35 var(--f-body);color:var(--paper-dim);box-shadow:inset var(--px) 0 0 var(--c)}.px-select .stat{grid-template-columns:calc(var(--px) * 40) 1fr;align-items:center;gap:calc(var(--px) * 3);font:700 var(--fs-tiny) / 1 var(--f-silk);color:var(--paper-dim);letter-spacing:.04em;display:grid}.px-select .stat .bar{gap:var(--px);display:flex}.px-select .stat .bar i{width:calc(var(--px) * 8);height:calc(var(--px) * 5);background:var(--ink-deep);box-shadow:0 0 0 var(--px) var(--line)}.px-select .stat .bar i.on{background:var(--c);box-shadow:0 0 0 var(--px) var(--line), inset 0 var(--px) 0 #ffffff73, inset 0 calc(var(--px) * -1) 0 #0000004d}.px-select .moves{gap:calc(var(--px) * 1);display:grid}.px-select .mv{align-items:center;gap:calc(var(--px) * 3);font:var(--fs-tiny) / 1.1 var(--f-silk);color:var(--paper);padding:calc(var(--px) * 1) calc(var(--px) * 2);display:flex}.px-select .mv.playing{box-shadow:inset var(--px) 0 0 var(--gold);color:var(--gold-0);background:#ffd23f24}.px-select .mv small{color:var(--paper-mute);font:var(--fs-body-s) / 1 var(--f-body);margin-left:calc(var(--px) * 2)}.px-select .bottom{justify-content:space-between;align-items:flex-end;gap:calc(var(--px) * 6);display:flex}.px-select .roster{gap:calc(var(--px) * 4);padding-bottom:calc(var(--px) * 5);display:flex}.px-select .roster.dense{gap:calc(var(--px) * 3)}.px-select .roster.dense .slot>canvas:first-child{width:calc(var(--px) * 28);height:calc(var(--px) * 28)}.px-select .roster.packed{gap:calc(var(--px) * 2)}.px-select .roster.packed .slot:not(.on) .label{display:none}.px-select .slot{background:var(--ink-deep);cursor:pointer;box-shadow:0 0 0 var(--px) var(--line), 0 0 0 calc(var(--px) * 2) var(--ink-3);border:0;padding:0;position:relative}.px-select .slot>canvas:first-child{width:calc(var(--px) * 32);height:calc(var(--px) * 32)}.px-select .slot .label{left:0;right:0;bottom:calc(var(--px) * -6);margin:0 auto;position:absolute}.px-select .slot.on{box-shadow:0 0 0 var(--px) var(--line), 0 0 0 calc(var(--px) * 2) var(--gold), 0 0 0 calc(var(--px) * 3) var(--line);transform:translateY(calc(var(--px) * -2))}.px-select .slot.locked{cursor:default}.px-select .slot.coming .tag{right:calc(var(--px) * -3);top:calc(var(--px) * -4);background:var(--gold);padding:var(--px) calc(var(--px) * 2);box-sizing:content-box;box-shadow:0 0 0 var(--px) var(--line);position:absolute}.px-select .slot.shake{animation:80ms steps(2,end) 3 px-jitter}.px-select .slot.locked>canvas:first-child{opacity:.8}.px-select .rival{align-items:center;gap:calc(var(--px) * 3);padding:calc(var(--px) * 2) calc(var(--px) * 3);display:flex}.px-select .rival .face{width:calc(var(--px) * 32);height:calc(var(--px) * 32);box-shadow:0 0 0 var(--px) var(--line), 0 0 0 calc(var(--px) * 2) var(--c)}.px-select .rival .mid{gap:calc(var(--px) * 2);min-width:calc(var(--px) * 50);display:grid}.px-select .rival .arrow{cursor:pointer;padding:var(--px);background:0 0;border:0}.px-select .foot{gap:calc(var(--px) * 6);font:var(--fs-body-s) / 1 var(--f-body);color:var(--paper-mute);flex-wrap:wrap;justify-content:center;display:flex}.px-select .foot span{align-items:center;gap:var(--px);display:flex}.px-select .foot em{margin-left:var(--px);font-style:normal}.px-narrow .px-select .stage{grid-template-columns:1fr}.px-narrow .px-select .right{display:none}.px-narrow .px-select .bottom{flex-wrap:wrap}.px-narrow .px-select .roster{gap:calc(var(--px) * 2)}.px-loading{z-index:22;background:#07040fb8;place-items:center;display:grid}.px-loading .card{gap:calc(var(--px) * 4);padding:calc(var(--px) * 5) calc(var(--px) * 8);animation:.2s steps(4,end) both px-drop;display:grid}.px-loading .head{align-items:center;gap:calc(var(--px) * 4);display:flex}.px-loading .spin{width:calc(var(--px) * 9);height:calc(var(--px) * 9);overflow:hidden}.px-loading .spin canvas{animation:.64s steps(8,end) infinite px-spin}@keyframes px-spin{to{transform:translateX(calc(var(--px) * -72))}}.px-loading .tip{align-items:center;gap:calc(var(--px) * 3);padding-top:calc(var(--px) * 3);border-top:var(--px) solid var(--ink-3);display:flex}.px-loading .tip .badge{background:var(--gold);padding:calc(var(--px) * 1) calc(var(--px) * 2);box-shadow:0 0 0 var(--px) var(--line)}.px-loading .tip .keys{align-items:center;gap:var(--px);display:flex}.px-loading .tip .words{gap:calc(var(--px) * 1);display:grid}.px-loading .tip b{font:var(--fs-tiny) / 1 var(--f-silk);color:var(--paper);font-weight:400}.px-vs{z-index:15;background:var(--line);pointer-events:none;animation:.24s steps(4,end) .55s both px-shake;overflow:hidden}@keyframes px-shake{25%{transform:translate(calc(var(--px) * 3 * var(--shake,1)), calc(var(--px) * -2 * var(--shake,1)))}50%{transform:translate(calc(var(--px) * -2 * var(--shake,1)), calc(var(--px) * 2 * var(--shake,1)))}75%{transform:translate(calc(var(--px) * var(--shake,1)), calc(var(--px) * -1 * var(--shake,1)))}}.px-vs>*{pointer-events:none;position:absolute}.px-vs .half{top:0;left:0}.px-vs .half.left{animation:.3s steps(5,end) both px-from-left}.px-vs .half.right{animation:.3s steps(5,end) both px-from-right}.px-vs .fighter{justify-items:center;display:grid;bottom:0}.px-vs .fighter.left{animation:.36s steps(6,end) .14s both px-from-left;left:6%}.px-vs .fighter.right{animation:.36s steps(6,end) .14s both px-from-right;right:6%}.px-vs .fighter .tag{bottom:calc(var(--px) * 10);justify-items:center;gap:calc(var(--px) * 2);white-space:nowrap;display:grid;position:absolute}.px-vs .mark{place-items:center;animation:.3s steps(4,end) .5s both px-slam;display:grid;inset:0}.px-vs .flash{opacity:0;background:#fff;animation:.25s steps(2,end) .55s both px-flash;inset:0}.px-vs.out{animation:.25s steps(4,end) both px-blink-out}@keyframes px-from-left{0%{transform:translate(-110%)}}@keyframes px-from-right{0%{transform:translate(110%)}}@keyframes px-slam{0%{opacity:0;transform:scale(3.2)}50%{opacity:1;transform:scale(.9)}75%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes px-flash{0%{opacity:.9}to{opacity:0}}.px-banner{pointer-events:none;z-index:12;place-items:center;display:grid}.px-banner>*{pointer-events:none;grid-area:1/1}.px-banner .band{width:100%;height:calc(var(--px) * 44);box-shadow:0 calc(var(--px) * -1) 0 var(--gold), 0 var(--px) 0 var(--gold), 0 calc(var(--px) * -2) 0 var(--line), 0 calc(var(--px) * 2) 0 var(--line);background:#07040f9e;animation:.2s steps(4,end) both px-band-y}.px-banner.fight .band,.px-banner.ko .band{height:calc(var(--px) * 64)}.px-banner.ko .band,.px-banner.red .band{box-shadow:0 calc(var(--px) * -1) 0 #ff4a3d, 0 var(--px) 0 #ff4a3d, 0 calc(var(--px) * -2) 0 var(--line), 0 calc(var(--px) * 2) 0 var(--line)}.px-banner.red .word{animation:.26s steps(4,end) both px-pop-in,.12s steps(2,end) .26s 3 px-jitter}.px-banner .word{animation:.24s steps(4,end) both px-pop-in}.px-banner.ready .word,.px-banner.gold .word{animation:.24s steps(4,end) both px-call-in}.px-banner.fight .word{animation:.26s steps(4,end) both px-pop-in,.1s steps(2,end) .26s 3 px-jitter}.px-banner.ko .word{animation:.3s steps(5,end) both px-pop-in,.12s steps(2,end) .3s 5 px-jitter}.px-banner .flash{background:#fff;animation:.3s steps(3,end) both px-flash;inset:0;position:fixed!important}.px-banner.ko .flash{animation-duration:.5s}.px-banner .bar{background:var(--line);height:11vh;left:0;right:0;position:fixed!important}.px-banner .bar.top{animation:.3s steps(4,end) both px-bar-top;top:0}.px-banner .bar.bottom{animation:.3s steps(4,end) both px-bar-bottom;bottom:0}.px-banner.out{animation:.2s steps(4,end) both px-blink-out}@keyframes px-band-y{0%{transform:scaleY(0)}}@keyframes px-pop-in{0%{opacity:0;transform:scale(2.4)}50%{opacity:1;transform:scale(.92)}75%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes px-bar-top{0%{transform:translateY(-100%)}}@keyframes px-bar-bottom{0%{transform:translateY(100%)}}.px-cutin-layer{pointer-events:none;z-index:11}.px-cutin{pointer-events:none;animation:1.25s steps(14,end) both px-cut;position:absolute;top:33vh;left:0;right:0}.px-cutin .art{position:absolute;bottom:0;left:7%}.px-cutin .words{align-content:center;gap:calc(var(--px) * 2);display:grid;position:absolute;top:0;bottom:0;left:28%}@keyframes px-cut{0%{transform:translate(100%)}14%,84%{transform:translate(0)}to{transform:translate(-100%)}}.px-hud{pointer-events:none}.px-hud>*{position:absolute}.px-hud .px-plate{top:calc(var(--px) * 4)}.px-hud .px-plate.left{left:calc(var(--px) * 4);animation:.3s steps(5,end) both px-plate-l}.px-hud .px-plate.right{right:calc(var(--px) * 4);animation:.3s steps(5,end) both px-plate-r}.px-hud .px-movebar{animation:.3s steps(5,end) .1s both px-bar-up}@keyframes px-plate-l{0%{transform:translateX(calc(var(--px) * -240))}}@keyframes px-plate-r{0%{transform:translateX(calc(var(--px) * 240))}}@keyframes px-bar-up{0%{translate:0 calc(var(--px) * 60)}}.px-combo{top:calc(var(--px) * 66);justify-items:start;gap:calc(var(--px) * 1);display:grid}.px-combo.left{left:calc(var(--px) * 8)}.px-combo.right{right:calc(var(--px) * 8);justify-items:end}.px-combo .head{align-items:flex-end;gap:calc(var(--px) * 2);display:flex}.px-combo .head .hits{margin-bottom:calc(var(--px) * 4)}.px-combo .count{transform-origin:50% 85%}.px-combo .count.pop{animation:.18s steps(3,jump-none) both px-punch}.px-combo .rating.in{animation:.2s steps(4,end) both px-rise-in}@keyframes px-rise-in{0%{transform:translateY(calc(var(--px) * 8));opacity:0}}.px-combo.wild .rating{animation:.16s steps(2,end) infinite px-jitter}.px-combo.out{animation:.26s steps(4,end) both px-blink-out}.px-combo .tag.in{transform-origin:50% 100%;animation:.18s steps(3,jump-none) both px-punch}.px-combo.tag-only>:not(.tag){display:none}.px-combo.tag-only>.scale.ground:not([hidden]){display:block}.px-combo .scale.ground.in{transform-origin:0;animation:.18s steps(3,jump-none) both px-punch}.px-combo.right .scale.ground.in{transform-origin:100%}.px-movebar{bottom:calc(var(--px) * 4);gap:calc(var(--px) * 2);align-items:flex-start;display:flex;left:50%}.px-slot{width:calc(var(--px) * 42);align-content:start;justify-items:center;gap:calc(var(--px) * 1);display:grid;position:relative}.px-slot .key{left:calc(var(--px) * 1);top:calc(var(--px) * -3);z-index:2;position:absolute}.px-slot .hint{bottom:calc(100% + var(--px) * 1);z-index:3;margin:0 auto;animation:.18s steps(3,end) both px-hint-in,.5s steps(2,end) .2s infinite px-bob;position:absolute;left:0;right:0}.px-slot .pips{bottom:calc(100% + var(--px) * 2);margin:0 auto;position:absolute;left:0;right:0}.px-slot.hinted .tile{animation:.5s steps(2,end) infinite px-nudge}.px-call{justify-content:center;animation:.2s steps(4,end) both px-call-in;display:flex;top:19vh;left:0;right:0}.px-call.big,.px-call.parry,.px-call.break{animation-name:px-call-big;animation-duration:.24s}.px-call.break canvas{animation:.1s steps(2,end) 3 px-jitter}.px-call.leaving{animation:.18s steps(3,end) both px-blink-out}.px-numbers{pointer-events:none}.px-number{transform-origin:50% 100%;will-change:transform;pointer-events:none;position:absolute;top:0;left:0}.px-pointer{width:calc(var(--px) * 40);height:calc(var(--px) * 40);place-items:center;animation:1s steps(2,end) infinite px-dim;display:grid;top:0;left:0}.px-pointer>*{grid-area:1/1}.px-pointer .face{width:calc(var(--px) * 18);height:calc(var(--px) * 18)}.px-pointer .arrow{width:calc(var(--px) * 13);height:calc(var(--px) * 13);transform:translate(calc(var(--px) * var(--ax,0)), calc(var(--px) * var(--ay,0)))}.px-pointer canvas:last-child{transform:translateY(calc(var(--px) * var(--ly,14)))}.px-tools{left:calc(var(--px) * 4);bottom:calc(var(--px) * 4);gap:calc(var(--px) * 2);padding:calc(var(--px) * 2);pointer-events:auto;display:grid}.px-tools .title{padding-bottom:calc(var(--px) * 1);justify-content:center;display:flex}.px-tools .px-button{font-size:var(--fs-tiny);padding:calc(var(--px) * 2) calc(var(--px) * 4);text-align:left;justify-content:space-between;align-items:center;gap:calc(var(--px) * 4);display:flex}.px-tools .px-button[hidden]{display:none}.px-button .cap{align-items:center;line-height:0;display:inline-flex}.px-arts{right:calc(var(--px) * 4);top:calc(var(--px) * 92);gap:calc(var(--px) * 2);padding:calc(var(--px) * 3);pointer-events:none;display:grid}.px-arts ol{gap:calc(var(--px) * 1);margin:0;padding:0;list-style:none;display:grid}.px-arts .row{align-items:center;gap:calc(var(--px) * 2);grid-template-columns:auto 1fr auto;display:grid}.px-arts .keys{align-items:center;gap:calc(var(--px) * 1);display:flex}.px-arts .name{font:700 var(--fs-micro) / 1 var(--f-silk);color:var(--paper-dim);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}.px-arts .row.done .name{color:var(--paper)}.px-arts .row.got .tick{animation:.18s steps(3,jump-none) both px-punch}.px-narrow .px-arts{display:none}.px-trials{right:calc(var(--px) * 4);top:calc(var(--px) * 92);gap:calc(var(--px) * 2);padding:calc(var(--px) * 3);pointer-events:auto;box-sizing:border-box;width:calc(var(--px) * 176);max-width:calc(100vw - var(--px) * 8);display:grid}.px-trials .title-box{gap:calc(var(--px) * 1);min-width:0;display:grid;overflow:hidden}.px-trials .head{justify-content:space-between;align-items:center;gap:calc(var(--px) * 4);display:flex}.px-trials .stars{gap:calc(var(--px) * 1);display:flex}.px-trials ol{gap:calc(var(--px) * 1);margin:0;padding:0;list-style:none;display:grid}.px-trials .row{grid-template-columns:calc(var(--px) * 4) auto 1fr auto;align-items:center;gap:calc(var(--px) * 2);display:grid}.px-trials .row .mark{border:calc(var(--px) * 2) solid transparent;border-left:calc(var(--px) * 3) solid var(--gold-0);visibility:hidden;width:0;height:0}.px-trials .row.now .mark{visibility:visible;animation:.5s steps(2,end) infinite px-poke}.px-trials .keys{align-items:center;gap:calc(var(--px) * 1);display:flex}.px-trials .row .name{font:700 var(--fs-micro) / 1 var(--f-silk);color:var(--paper-mute);letter-spacing:.04em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.px-trials .row.now .name{color:var(--gold-0)}.px-trials .row.done .name{color:var(--paper)}.px-trials .row.got .tick{animation:.18s steps(3,jump-none) both px-punch}.px-trials .tip{font:var(--fs-body-s) / 1.3 var(--f-body);color:var(--paper-dim);max-width:calc(var(--px) * 160);margin:0}.px-trials .dots{gap:calc(var(--px) * 1);flex-wrap:wrap;display:flex}.px-trials .dot{padding:calc(var(--px) * 1);cursor:pointer;background:0 0;border:0;line-height:0}.px-trials .dot.now{outline:var(--px) solid var(--gold-0)}.px-trials .buttons{justify-content:space-between;gap:calc(var(--px) * 1);display:flex}.px-trials .px-button{font-size:var(--fs-micro);padding:calc(var(--px) * 1) calc(var(--px) * 2);align-items:center;gap:calc(var(--px) * 2);display:flex}.px-trials.dropped{--shake:.6;animation:.3s steps(6,end) both px-shake}.px-trials.demo .status{animation:.8s step-end infinite px-blink}.px-narrow .px-trials .tip{display:none}@keyframes px-punch{0%{transform:scale(1.5)}34%{transform:scale(1.25)}67%,to{transform:scale(1)}}@keyframes px-slide-in{0%{transform:translateX(calc(var(--px) * -24));opacity:0}}@keyframes px-slide-in-r{0%{transform:translateX(calc(var(--px) * 24));opacity:0}}@keyframes px-jitter{50%{transform:translate(calc(var(--px) * var(--shake,1)), calc(var(--px) * -1 * var(--shake,1)))}}.px-reduce-shake{--shake:0}.px-reduce-flash .px-banner .flash,.px-reduce-flash .px-vs .flash{display:none}@keyframes px-blink-out{25%{opacity:0}50%{opacity:1}75%,to{opacity:0}}@keyframes px-hint-in{0%{transform:translateY(calc(var(--px) * 6));opacity:0}}@keyframes px-bob{50%{translate:0 calc(var(--px) * -1)}}@keyframes px-nudge{50%{translate:0 calc(var(--px) * -1)}}@keyframes px-call-in{0%{transform:translateX(calc(var(--px) * -30));opacity:0}}@keyframes px-call-big{0%{opacity:0;transform:scale(2.5)}50%{opacity:1;transform:scale(1.25)}}@keyframes px-dim{50%{opacity:.6}}.px-results{pointer-events:auto;background:radial-gradient(#07040f4d,#07040fd1);place-items:center;display:grid}.px-results .panel{gap:calc(var(--px) * 8);padding:calc(var(--px) * 6) calc(var(--px) * 8);grid-template-columns:auto minmax(0,auto);animation:.25s steps(4,end) both px-drop;display:grid}.px-hero{width:calc(var(--px) * 132);height:calc(var(--px) * 140);box-shadow:0 0 0 var(--px) var(--line), 0 0 0 calc(var(--px) * 2) var(--c);align-self:center;position:relative;overflow:hidden}.px-hero>*{position:absolute}.px-hero .field,.px-hero .art{top:0;left:0}.px-hero .name{left:calc(var(--px) * 3);bottom:calc(var(--px) * 3)}.px-results .main{align-content:start;justify-items:start;gap:calc(var(--px) * 4);max-width:calc(var(--px) * 240);display:grid}.px-results .perfect{animation:.2s steps(2,end) infinite px-jitter}.px-results .quote{gap:calc(var(--px) * 1);display:grid}.px-results .quote b{font:500 var(--fs-body) / 1.3 var(--f-body);color:var(--paper)}.px-results .quote small{font:var(--fs-body-s) / 1.3 var(--f-body);color:var(--paper-mute);font-style:italic}.px-results .stats{gap:calc(var(--px) * 2);grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.px-results .tile{gap:calc(var(--px) * 2);padding:calc(var(--px) * 1) calc(var(--px) * 3);display:grid}.px-results .tile .k{font:var(--fs-body-s) / 1 var(--f-body);color:var(--paper-mute)}.px-results .results-menu{gap:calc(var(--px) * 3)}.px-narrow .px-results .hero{display:none}.px-movelist{z-index:30;pointer-events:auto;background:#07040fcc;place-items:center;display:grid}.px-movelist .panel{box-sizing:border-box;width:min(calc(100vw - var(--px) * 8), calc(var(--px) * 560));height:min(calc(100vh - var(--px) * 8), calc(var(--px) * 292));gap:calc(var(--px) * 3);padding:calc(var(--px) * 3) calc(var(--px) * 5);grid-template-rows:auto auto 1fr auto;display:grid}.px-movelist .top{align-items:center;gap:calc(var(--px) * 6);flex-wrap:wrap;display:flex}.px-movelist .tabs{gap:calc(var(--px) * 3);flex:1;display:flex}.px-movelist .tab{align-items:center;gap:calc(var(--px) * 2);padding:calc(var(--px) * 1) calc(var(--px) * 3) calc(var(--px) * 1) calc(var(--px) * 1);background:var(--ink-2);cursor:pointer;box-shadow:0 0 0 var(--px) var(--line), inset 0 var(--px) 0 var(--ink-3);border:0;display:flex}.px-movelist .tab>canvas:first-child{width:calc(var(--px) * 20);height:calc(var(--px) * 20);box-shadow:0 0 0 var(--px) var(--line)}.px-movelist .tabs.compact .tab:not(.on){padding:calc(var(--px) * 1)}.px-movelist .tabs{min-width:0}.px-movelist .tabs.rows{grid-template-columns:repeat(var(--cols), max-content);gap:calc(var(--px) * 2) calc(var(--px) * 3);display:grid}.px-movelist .tabs.rows .tab{padding:calc(var(--px) * 1)}.px-movelist .tab.on{background:var(--ink-3);box-shadow:0 0 0 var(--px) var(--line), 0 0 0 calc(var(--px) * 2) var(--c), inset 0 var(--px) 0 #ffffff40}.px-movelist .form{font-size:var(--fs-tiny);padding:calc(var(--px) * 2) calc(var(--px) * 3)}.px-movelist .form.on{background:var(--c);color:var(--line)}.px-movelist .head{align-items:center;gap:calc(var(--px) * 4);padding-bottom:calc(var(--px) * 2);border-bottom:var(--px) solid var(--ink-3);display:flex}.px-movelist .head .series{font:var(--fs-tiny) / 1 var(--f-silk);color:var(--c);letter-spacing:.05em;white-space:nowrap}.px-movelist .head .line{font:var(--fs-body-s) / 1.3 var(--f-body);color:var(--paper-dim)}.px-movelist .body{gap:calc(var(--px) * 6);padding-right:calc(var(--px) * 2);scrollbar-width:thin;scrollbar-color:var(--ink-3) transparent;grid-template-columns:1fr 1fr;align-items:start;display:grid;overflow-y:auto}.px-narrow .px-movelist .body{grid-template-columns:1fr}.px-movelist .sec{margin-bottom:calc(var(--px) * 5)}.px-movelist h3{margin:0 0 calc(var(--px) * 1)}.px-movelist .sec p{margin:0 0 calc(var(--px) * 2);font:var(--fs-body-s) / 1.3 var(--f-body);color:var(--paper-mute)}.px-movelist ol{gap:calc(var(--px) * 1);margin:0;padding:0;list-style:none;display:grid}.px-movelist .row{grid-template-columns:calc(var(--px) * 78) 1fr auto;align-items:center;gap:calc(var(--px) * 1) calc(var(--px) * 3);padding:calc(var(--px) * 2) calc(var(--px) * 3);background:#221a488c;grid-template-areas:"keys name dmg""keys meta meta";display:grid}.px-movelist .row:nth-child(odd){background:#2c225c9e}.px-movelist .row.accent{box-shadow:inset calc(var(--px) * 1) 0 0 var(--c)}.px-movelist .keys{align-items:center;gap:calc(var(--px) * 1);flex-wrap:wrap;grid-area:keys;display:flex}.px-movelist .keys i{font:var(--fs-micro) / 1 var(--f-silk);color:var(--paper-mute);font-style:normal}.px-movelist .name{font:var(--fs-small) / 1.15 var(--f-silk);color:var(--paper);grid-area:name}.px-movelist .row.accent .name{color:var(--gold-0)}.px-movelist .unnamed .name em{color:var(--paper-mute);font-style:normal}.px-movelist .dmg{font:var(--fs-key) / 1 var(--f-press);color:var(--gold);text-shadow:var(--px) var(--px) 0 var(--line);grid-area:dmg}.px-movelist .meta{align-items:center;gap:calc(var(--px) * 1) calc(var(--px) * 3);flex-wrap:wrap;grid-area:meta;display:flex}.px-movelist .meta b{font:var(--fs-key) / 1 var(--f-press);color:var(--line);background:var(--gold);padding:calc(var(--px) * 1) calc(var(--px) * 2);box-shadow:0 var(--px) 0 #93410f}.px-movelist .meta small{font:var(--fs-body-s) / 1.2 var(--f-body);color:var(--paper-dim)}.px-movelist .keys .seq{margin:0 calc(var(--px) * -.5)}.px-movelist .meta small+small:before{content:"· ";color:var(--paper-mute)}.px-movelist .foot{gap:calc(var(--px) * 6);font:var(--fs-body-s) / 1 var(--f-body);color:var(--paper-dim);flex-wrap:wrap;align-items:center;display:flex}.px-movelist .foot span{align-items:center;gap:calc(var(--px) * 1);display:flex}.px-movelist .foot .close{font-size:var(--fs-tiny);padding:calc(var(--px) * 2) calc(var(--px) * 4);margin-left:auto}.px-pause{pointer-events:auto;background:radial-gradient(#07040f80,#07040fd1);place-items:center;display:grid}.px-pause.under .panel{visibility:hidden}.px-pause .panel{gap:calc(var(--px) * 8);padding:calc(var(--px) * 6) calc(var(--px) * 9);grid-template-columns:auto auto;animation:.22s steps(4,end) both px-drop;display:grid}.px-pause .side{align-content:start;justify-items:start;gap:calc(var(--px) * 2);padding-right:calc(var(--px) * 8);border-right:var(--px) solid var(--ink-3);display:grid}.px-pause .side .face{background:var(--ink-deep);box-shadow:0 0 0 var(--px) var(--line), 0 0 0 calc(var(--px) * 2) var(--c);margin-bottom:calc(var(--px) * 2);display:block}.px-pause .side .series{font:var(--fs-tiny) / 1 var(--f-silk);color:var(--c);letter-spacing:.04em}.px-pause .moves{gap:calc(var(--px) * 2);margin-top:calc(var(--px) * 3);display:grid}.px-pause .mv{align-items:center;gap:calc(var(--px) * 3);font:var(--fs-tiny) / 1 var(--f-silk);color:var(--paper);display:flex}.px-pause .main{align-content:start;gap:calc(var(--px) * 5);min-width:calc(var(--px) * 130);display:grid}.px-pause .foot{align-items:center;gap:calc(var(--px) * 1.5);font:var(--fs-body-s) / 1 var(--f-body);color:var(--paper-mute);flex-wrap:wrap;display:flex}.px-pause .foot span{margin-right:calc(var(--px) * 3)}.px-pause .combos{gap:calc(var(--px) * 2);padding-top:calc(var(--px) * 4);border-top:var(--px) solid var(--ink-3);display:grid}.px-pause .cb{grid-template-columns:calc(var(--px) * 66) 1fr auto;align-items:center;gap:calc(var(--px) * 3);font:var(--fs-tiny) / 1.1 var(--f-silk);color:var(--paper);display:grid}.px-pause .cb .keys{align-items:center;gap:var(--px);display:flex}.px-pause .cb b{font:var(--fs-key) / 1 var(--f-press);color:var(--line);background:var(--gold);padding:calc(var(--px) * 1) calc(var(--px) * 2);box-shadow:0 var(--px) 0 #93410f;font-weight:400}@keyframes px-drop{0%{transform:translateY(calc(var(--px) * -16));opacity:0}}.px-narrow .px-pause .panel{grid-template-columns:auto}.px-narrow .px-pause .side{display:none}.px-panel{color:var(--paper);border-style:solid;border-color:#0000;border-width:calc(var(--px) * 2);border-image:var(--frame-panel) 2 fill / calc(var(--px) * 2) stretch;image-rendering:pixelated;background-color:var(--ink);position:relative}.px-key{font:var(--fs-key,8px) / 1 var(--f-press);color:var(--line);background:var(--paper);padding:calc(var(--px) * 1.5) calc(var(--px) * 1.5) var(--px);box-shadow:0 0 0 var(--px) var(--line), inset 0 calc(var(--px) * -1) 0 var(--paper-dim);margin:0 var(--px);vertical-align:middle;display:inline-block}.px-outline{text-shadow:calc(var(--px) * -1) 0 0 var(--line), var(--px) 0 0 var(--line), 0 calc(var(--px) * -1) 0 var(--line), 0 var(--px) 0 var(--line), calc(var(--px) * -1) calc(var(--px) * -1) 0 var(--line), var(--px) var(--px) 0 var(--line), calc(var(--px) * -1) var(--px) 0 var(--line), var(--px) calc(var(--px) * -1) 0 var(--line), 0 calc(var(--px) * 2) 0 var(--line)}.px-row{gap:calc(var(--px) * 4);flex-wrap:wrap;justify-content:center;display:flex}.px-menu{pointer-events:auto;background:#07040f9e;place-items:center;display:grid}.px-menu .px-panel{padding:calc(var(--px) * 6) calc(var(--px) * 10);gap:calc(var(--px) * 4);min-width:calc(var(--px) * 110);display:grid}.px-menu h2{margin:0 0 calc(var(--px) * 2);font:var(--fs-head,54px) / 1 var(--f-jersey);text-align:center;color:var(--gold)}@keyframes px-glint{50%{filter:brightness(1.6)}}@keyframes px-in-left{0%{transform:translate(-40vw)}}@keyframes px-in-right{0%{transform:translate(40vw)}}@keyframes px-pop{0%{opacity:0;transform:scale(2.4)}}.px-announce{place-items:center;animation:.26s steps(4,end) both px-call-big;display:grid;position:relative}.px-announce>*{grid-area:1/1}.px-announce .stack{justify-items:center;gap:calc(var(--px) * 2);padding:calc(var(--px) * 6) 0;display:grid}.px-announce.small{animation-name:px-call-in}.px-announce.t-boss .big{animation:.1s steps(2,end) .26s 3 px-jitter}.px-toast{align-items:center;gap:calc(var(--px) * 2);font:var(--fs-tiny) / 1 var(--f-silk);color:var(--paper);padding:calc(var(--px) * 2) calc(var(--px) * 3) calc(var(--px) * 2) calc(var(--px) * 4);box-shadow:0 0 0 var(--px) var(--line), inset var(--px) 0 0 var(--c,var(--gold)), inset calc(var(--px) * 2) 0 0 var(--line);white-space:nowrap;background:#07040fd1;animation:.2s steps(4,end) both px-slide-in;display:flex}.px-toast b{color:var(--gold);font-weight:700}.px-world-label{justify-items:center;gap:calc(var(--px) * 1);transform:translate(-50%, calc(var(--px) * 4));display:grid}.px-world-label small{font:var(--fs-tiny) / 1.2 var(--f-silk);color:var(--paper);padding:calc(var(--px) * 1) calc(var(--px) * 3);box-shadow:0 0 0 var(--px) var(--line);white-space:nowrap;background:#07040fc7}.px-hint-keys{align-items:center;gap:var(--px);vertical-align:middle;display:inline-flex}.px-hint-keys:not(:has(canvas:not([hidden]))){display:none}[data-device^=pad] .kb-only{display:none!important}.px-wipe{z-index:1000;pointer-events:none;position:fixed;top:0;left:0}.px-settings{z-index:31;pointer-events:auto;background:#07040fcc;place-items:center;display:grid}.px-settings .panel{box-sizing:border-box;width:min(calc(100vw - var(--px) * 8), calc(var(--px) * 330));max-height:calc(100vh - var(--px) * 8);gap:calc(var(--px) * 4);padding:calc(var(--px) * 6) calc(var(--px) * 8);grid-template-rows:auto minmax(0,1fr) auto auto;animation:.25s steps(4,end) both px-drop;display:grid}.px-settings .top{align-items:center;gap:calc(var(--px) * 6);flex-wrap:wrap;display:flex}.px-settings .tabs{gap:calc(var(--px) * 3);flex-wrap:wrap;display:flex}.px-settings .tab{padding:calc(var(--px) * 2) calc(var(--px) * 3);background:var(--ink-2);cursor:pointer;box-shadow:0 0 0 var(--px) var(--line), inset 0 var(--px) 0 var(--ink-4);border:0;place-items:center;display:grid}.px-settings .tab.on{background:var(--ink-3);box-shadow:0 0 0 var(--px) var(--line), 0 0 0 calc(var(--px) * 2) var(--ink-4), inset 0 var(--px) 0 #fff3}.px-settings .tabs.on .tab.on{box-shadow:0 0 0 var(--px) var(--line), 0 0 0 calc(var(--px) * 2) var(--gold), inset 0 var(--px) 0 #fff3}.px-settings .body{min-height:0;padding-right:calc(var(--px) * 2);overflow-y:auto}.px-settings .rows{gap:calc(var(--px) * 1);display:grid}.px-settings .row{justify-content:space-between;align-items:center;gap:calc(var(--px) * 6);padding:calc(var(--px) * 2) calc(var(--px) * 4);min-height:calc(var(--px) * 13);box-sizing:border-box;display:flex}.px-settings .row:nth-child(odd){background:#2c225c73}.px-settings .row.on{background:var(--ink-3);box-shadow:inset calc(var(--px) * 2) 0 0 var(--gold)}.px-settings .row.r-note{justify-content:center;gap:calc(var(--px) * 10)}.px-settings .row .note{font:var(--fs-tiny) / 1 var(--f-silk);color:var(--paper-mute);letter-spacing:.04em}.px-settings .control{align-items:center;gap:calc(var(--px) * 2);display:flex}.px-settings .arrow{padding:0 var(--px);cursor:pointer;background:0 0;border:0;display:grid}.px-settings .seg{gap:var(--px);display:flex}.px-settings .seg i{width:calc(var(--px) * 5);height:calc(var(--px) * 7);background:var(--ink-deep);box-shadow:0 0 0 var(--px) var(--line);cursor:pointer}.px-settings .seg i.on{background:var(--gold);box-shadow:0 0 0 var(--px) var(--line), inset 0 var(--px) 0 #fffbe0, inset 0 calc(var(--px) * -1) 0 #c46a12}.px-settings .pct{margin-left:calc(var(--px) * 2)}.px-settings .chip{min-width:calc(var(--px) * 20);padding:calc(var(--px) * 2) calc(var(--px) * 3);background:var(--ink-deep);cursor:pointer;box-shadow:0 0 0 var(--px) var(--line);border:0;place-items:center;display:grid}.px-settings .chip.lit{background:var(--gold);box-shadow:0 0 0 var(--px) var(--line), inset 0 var(--px) 0 #fffbe0, inset 0 calc(var(--px) * -1) 0 #c46a12}.px-settings .slot{min-width:calc(var(--px) * 18);min-height:calc(var(--px) * 11);padding:calc(var(--px) * 1) calc(var(--px) * 2);background:var(--ink-deep);cursor:pointer;box-shadow:0 0 0 var(--px) var(--line);border:0;place-items:center;display:grid}.px-settings .slot.on{box-shadow:0 0 0 var(--px) var(--line), 0 0 0 calc(var(--px) * 2) var(--gold)}.px-settings .slot.listening{background:var(--ink-3);animation:.5s steps(2,end) infinite px-dim}.px-settings .reset{font-size:var(--fs-tiny);padding:calc(var(--px) * 2) calc(var(--px) * 4)}.px-settings .detail{min-height:calc(var(--px) * 9);font:var(--fs-body-s) / 1.3 var(--f-body);color:var(--paper-dim)}.px-settings .detail.note{color:#8affa0}.px-settings .foot{align-items:center;gap:calc(var(--px) * 1);font:var(--fs-body-s) / 1 var(--f-body);color:var(--paper-mute);flex-wrap:wrap;display:flex}.px-settings .foot>span{align-items:center;gap:var(--px);display:flex}.px-settings .foot em{margin:0 calc(var(--px) * 3) 0 calc(var(--px) * 1);font-style:normal}.px-settings .foot .close{margin-left:auto}