:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#06040c;height:100dvh;overflow:hidden}#stage{height:100%;isolation:isolate;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;width:100%;height:100dvh;position:relative;overflow:hidden}#stage:before{content:"";background-image:var(--backdrop,none);filter:blur(30px)brightness(2.4)saturate(1.35);z-index:0;background-position:50% 74%;background-repeat:no-repeat;background-size:auto 460%;position:absolute;inset:-10%}#stage:after{content:"";z-index:0;background:radial-gradient(#0000 45%,#04020a4d 100%);position:absolute;inset:0}canvas{z-index:1;image-rendering:pixelated;background:#06040c;display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000008c,0 0 48px #00000080}.fight-pad{z-index:2;width:var(--pad-cluster);height:var(--pad-cluster-height);opacity:var(--pad-resting);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;transition:opacity .3s ease-out;position:absolute}.fight-pad[hidden]{display:none}.fight-pad.engaged{opacity:1}.fight-pad-cross{width:var(--pad-cross);height:var(--pad-cross);clip-path:polygon(33.34% 0%,66.66% 0%,66.66% 33.34%,100% 33.34%,100% 66.66%,66.66% 66.66%,66.66% 100%,33.34% 100%,33.34% 66.66%,0% 66.66%,0% 33.34%,33.34% 33.34%);background:var(--pad-grate);box-shadow:inset 0 2px 0 var(--pad-kerb), inset 0 -3px 0 var(--pad-void);position:absolute;top:0;left:0}.fight-pad-bezel{left:0;top:calc(var(--pad-round-top) - 8px);width:var(--pad-cluster);height:calc(var(--pad-round) + 16px);border-radius:calc((var(--pad-round) + 16px) / 2);background:var(--pad-night);box-shadow:inset 0 2px 0 var(--pad-kerb);position:absolute}.fight-pad-key{color:var(--pad-steel);letter-spacing:.06em;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;justify-content:center;align-items:center;margin:0;padding:0;font:700 15px/1 ui-monospace,SFMono-Regular,Menlo,monospace;transition:transform 70ms ease-out,box-shadow .12s ease-out,background 70ms ease-out,filter 70ms ease-out;display:flex;position:absolute}.fight-pad-key.arm{font-size:17px}.fight-pad-key.arm.pressed{background:var(--pad-void);color:var(--pad-ink)}.fight-pad-key.round{background:var(--pad-accent);color:var(--pad-ink);box-shadow:inset 0 -3px 0 #00000073, 0 3px 0 var(--pad-void);border-radius:50%;font-size:22px}.fight-pad-key.round.pressed{filter:brightness(1.25);transform:translateY(3px)scale(.94);box-shadow:inset 0 -2px #00000073,0 0 0 6px #e0452f40}