.px-char{width:var(--w);height:var(--h);aspect-ratio:200/240;vertical-align:bottom;display:inline-block;position:relative}.px-sprite{image-rendering:pixelated;pointer-events:none;background-position:0 0;background-repeat:no-repeat;display:block;position:absolute}.px-head{width:100%;height:100%;display:block;position:relative}.px-head.is-fixed{display:inline-block}.px-img{image-rendering:pixelated;vertical-align:middle;background-position:0 0;background-repeat:no-repeat;flex:none;display:inline-block}.px-icon,.px-glyph{width:var(--s);height:var(--s);vertical-align:middle;flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:visible}.px-icon>*,.px-glyph>*{flex:none}.px-glyph-ink{pointer-events:none;background:currentColor;display:block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}:root[data-art=pixel]{--pp:3px;--radius:0px}@media (max-width:599px){:root[data-art=pixel]{--pp:2px}}:root[data-art=pixel] :is(.panel,.btn,.band,.chip-hype,.chip-item,.rank-row,.segment,.rank-row.is-framed):before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(var(--px-face), var(--px-face)) center / calc(100% + 2 * var(--px-ex)) calc(100% + 2 * var(--pp)) no-repeat padding-box border-box, linear-gradient(var(--px-face), var(--px-face)) 50% calc(-1 * var(--px-et)) / calc(100% + 2 * var(--pp)) calc(100% + var(--px-et) + var(--px-eb)) no-repeat padding-box border-box;clip-path:none;border-style:solid;border-width:calc(var(--px-s,2) * var(--pp));border-image:var(--px-img) var(--px-s,2) fill / calc(var(--px-s,2) * var(--pp)) / 0 stretch;image-rendering:pixelated;position:absolute;inset:0}:root[data-art=pixel] :is(.panel,.btn,.band,.chip-hype,.chip-item,.rank-row,.segment){--px-face:transparent;--px-ex:calc((var(--px-s,2) - 1) * var(--pp));--px-et:var(--px-ex);--px-eb:var(--px-ex)}:root[data-art=pixel] :is(.btn,.band,.chip-hype,.chip-item,.rank-row,.segment){isolation:isolate;--px-s:2;position:relative}:root[data-art=pixel] .panel{clip-path:none;--px-img:var(--px-panel);--px-s:5;--px-face:var(--ink-1);background:0 0}:root[data-art=pixel] .btn{border-radius:0}:root[data-art=pixel] :is(.btn-primary,.btn-danger,.btn[disabled]){box-shadow:none;--px-ex:calc(3 * var(--pp));--px-et:calc(3 * var(--pp));--px-eb:var(--pp);background:0 0}:root[data-art=pixel] :is(.btn-primary,.btn-danger,.btn[disabled]):before{border-width:calc(4 * var(--pp)) calc(4 * var(--pp)) calc(5 * var(--pp));border-image:var(--px-img) 4 4 5 fill / calc(4 * var(--pp)) calc(4 * var(--pp)) calc(5 * var(--pp)) / 0 stretch}:root[data-art=pixel] .btn-primary{--px-img:var(--px-button);--px-face:var(--signal)}:root[data-art=pixel] .btn-danger{--px-img:var(--px-button-bad);--px-face:var(--bad)}:root[data-art=pixel] .btn[disabled]{--px-img:var(--px-button-off);--px-face:var(--ink-2)}:root[data-art=pixel] :is(.btn-primary,.btn-danger):hover{box-shadow:none;filter:brightness(1.08);transform:none}:root[data-art=pixel] :is(.btn-primary,.btn-danger):active{box-shadow:none;padding-top:calc(4 * var(--pp));transform:none}:root[data-art=pixel] :is(.btn-primary,.btn-danger):active:before{border-width:calc(6 * var(--pp)) calc(4 * var(--pp)) calc(3 * var(--pp));border-image:var(--px-img-down) 6 4 3 fill / calc(6 * var(--pp)) calc(4 * var(--pp)) calc(3 * var(--pp)) / 0 stretch}:root[data-art=pixel] .btn-primary:active{--px-img-down:var(--px-button-down)}:root[data-art=pixel] .btn-danger:active{--px-img-down:var(--px-button-bad-down)}:root[data-art=pixel] .btn-ghost{box-shadow:none;--px-img:var(--px-frame-dim);background:0 0}:root[data-art=pixel] .btn-ghost:hover{box-shadow:none;--px-img:var(--px-frame-text)}:root[data-art=pixel] :is(.band,.chip-hype){--px-img:var(--px-band);--px-face:var(--hype);background:0 0;transform:none}:root[data-art=pixel] :is(.band,.chip-hype)>span{transform:none}:root[data-art=pixel] .chip-item{box-shadow:none;--px-img:var(--px-frame-dim)}:root[data-art=pixel] .rank-row{--px-img:var(--px-box-plain);--px-face:var(--ink-2);background:0 0}:root[data-art=pixel] .rank-row.is-framed{clip-path:none;--px-img:var(--px-box-framed);--px-s:5;background:0 0}:root[data-art=pixel] .segment{box-shadow:none;--px-img:var(--px-box);--px-face:var(--ink-2);background:0 0}:root[data-art=pixel] .segment.is-on{box-shadow:none;--px-img:var(--px-box-on)}:root[data-art=pixel] .input{border-style:solid;border-width:calc(2 * var(--pp));border-image:var(--px-box-input) 2 fill / calc(2 * var(--pp)) / 0 stretch;image-rendering:pixelated;background:0 0}:root[data-art=pixel] .input:focus-visible{border-image-source:var(--px-box-input-focus)}:root[data-art=pixel] .token{border-radius:0;overflow:visible}.amount :is(.px-icon,.px-glyph){width:1.15em;height:1.15em}:is(.standings-row .amount,.standings-head,.inspect-stats) :is(.px-icon,.px-glyph){width:18px;height:18px}.field-icon.is-dot{color:var(--text-dim)}.px-die{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.px-die-hop{flex:none;display:block}.px-die-face{image-rendering:pixelated;background-repeat:no-repeat;display:block}.px-die.is-rolling .px-die-face{animation:px-die-roll 1.1s steps(var(--px-n), jump-end) forwards}.px-die.is-rolling .px-die-hop{animation:1.1s step-end both px-die-hop}@keyframes px-die-roll{0%{background-position:0 0}to{background-position:var(--px-end) 0}}@keyframes px-die-hop{0%,to{transform:none}8%{transform:translateY(calc(var(--px-k) * -4))}16%{transform:translateY(calc(var(--px-k) * -7))}26%{transform:translateY(calc(var(--px-k) * -9))}38%{transform:translateY(calc(var(--px-k) * -8))}48%{transform:translateY(calc(var(--px-k) * -5))}56%{transform:translateY(calc(var(--px-k) * -2))}62%{transform:none}70%{transform:translateY(calc(var(--px-k) * -2))}80%{transform:translateY(calc(var(--px-k) * -1))}88%{transform:none}}:root[data-art=pixel] .die3d:before{border-radius:0}:root[data-art=pixel] .arcade{box-shadow:none;isolation:isolate;background:0 0}:root[data-art=pixel] .arcade.is-glowing{box-shadow:0 0 var(--glow-blur) color-mix(in srgb, var(--cap) 40%, transparent)}:root[data-art=pixel] :is(.arcade,.arcade-well,.arcade-cap):before,:root[data-art=pixel] :is(.arcade,.arcade-cap):after{content:"";z-index:-1;pointer-events:none;image-rendering:pixelated;position:absolute;inset:0;-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}:root[data-art=pixel] .arcade:before{background:var(--ink-0);-webkit-mask-image:var(--px-disc-48);mask-image:var(--px-disc-48);transform:translateY(var(--housing-depth))}:root[data-art=pixel] .arcade:after{background:var(--ink-3);-webkit-mask-image:var(--px-disc-48);mask-image:var(--px-disc-48)}:root[data-art=pixel] .arcade-well{background:0 0}:root[data-art=pixel] .arcade-well:before{background:var(--ink-0);-webkit-mask-image:var(--px-disc-37);mask-image:var(--px-disc-37);z-index:0}:root[data-art=pixel] .arcade-cap{box-shadow:none;isolation:isolate;--px-cap-off:var(--cap-depth);background:0 0}:root[data-art=pixel] .arcade-cap:before{background:var(--cap-deep);-webkit-mask-image:var(--px-disc-31);mask-image:var(--px-disc-31);transform:translateY(var(--px-cap-off))}:root[data-art=pixel] .arcade-cap:after{background:var(--cap);-webkit-mask-image:var(--px-disc-31);mask-image:var(--px-disc-31)}:root[data-art=pixel] :is(.arcade-cap:active,.arcade-cap.is-pressed){box-shadow:none;--px-cap-off:2px}:root[data-art=pixel] .arcade-cap[disabled]{box-shadow:none;--cap:var(--ink-3);--cap-deep:var(--ink-2);background:0 0}.px-rule{aspect-ratio:240/140;position:relative}:root[data-art=pixel] :is(.mt-body,.df-body,.nc-body,.br-body).is-me:after{background:var(--signal);-webkit-mask:var(--px-ring-16) 0 0 / 100% 100% no-repeat;mask:var(--px-ring-16) 0 0 / 100% 100% no-repeat;image-rendering:pixelated;border:0;border-radius:0}:root[data-art=pixel] .co-pot:before{background:var(--px-pot) 0 0 / 100% 100% no-repeat;image-rendering:pixelated;border:0;border-radius:0}:root[data-art=pixel] .co-pot.is-popped:before{background-image:var(--px-pot-bad)}:root[data-art=pixel] .draw-swatch{box-shadow:none;border-style:solid;border-width:calc(2 * var(--pp));border-image:var(--px-box) 2 fill / calc(2 * var(--pp)) / 0 stretch;image-rendering:pixelated;background:0 0}:root[data-art=pixel] .draw-swatch.is-on{box-shadow:none;border-image-source:var(--px-box-on)}:root[data-art=pixel] .draw-swatch:after{-webkit-mask:var(--px-disc-8) 0 0 / 100% 100% no-repeat;mask:var(--px-disc-8) 0 0 / 100% 100% no-repeat;image-rendering:pixelated;border-radius:0}:root[data-art=pixel] .df-cracks{shape-rendering:crispedges}.nc-coin .px-icon{width:100%;height:100%}.char{flex:none;overflow:visible}
