.ui-key{min-width:1.6rem;height:1.6rem;font:700 var(--ui-fs-2xs) / 1 var(--ui-f-mono);letter-spacing:0;text-transform:none;color:var(--ui-c-holo);background:rgba(var(--ui-c-holo-rgb), .12);box-shadow:inset 0 0 0 1px var(--ui-c-line-2);border-radius:.2rem;flex:none;place-items:center;padding:0 .4rem;display:inline-grid}.ui-key.is-face{width:1.6rem;color:var(--ui-c-ink);border-radius:50%;padding:0;box-shadow:0 0 10px #cff6ff33}.ui-key.is-a{background:var(--ui-c-pad-a)}.ui-key.is-b{background:var(--ui-c-pad-b)}.ui-key.is-x{background:var(--ui-c-pad-x)}.ui-key.is-y{background:var(--ui-c-pad-y)}.ui-key.is-bumper{border-radius:.8rem;min-width:2.1rem}.ui-btn{--cut:var(--ui-cut);--bd:var(--ui-c-line-2);--ring:var(--ui-focus);--bg:#0a0e149e;--fg:var(--ui-c-holo);justify-content:center;align-items:center;gap:var(--ui-s-3);min-width:var(--ui-touch);min-height:var(--ui-touch);cursor:pointer;pointer-events:auto;color:var(--fg);background:var(--bg);box-shadow:inset 0 0 0 1px var(--bd);font:600 var(--ui-fs-sm) / 1 var(--ui-f-display);letter-spacing:.2em;text-transform:uppercase;white-space:nowrap;clip-path:polygon(var(--cut) 0, 100% 0, 100% calc(100% - var(--cut)), calc(100% - var(--cut)) 100%, 0 100%, 0 var(--cut));transition:background-color var(--ui-t-fast), box-shadow var(--ui-t-fast), color var(--ui-t-fast), filter var(--ui-t-fast);touch-action:manipulation;-webkit-user-select:none;user-select:none;border:0;padding:0 1.15rem;display:inline-flex;position:relative}.ui-btn:hover{--bd:var(--ui-c-line-3);--bg:#14283eb8}.ui-btn:active{filter:brightness(1.12)}.ui-btn:focus-visible,html[data-input=gamepad] .ui-btn:focus{--bd:var(--ring);box-shadow:inset 0 0 0 2px var(--ring), inset 0 0 18px #cff6ff59;outline:none}.ui-btn__focus{z-index:2;pointer-events:none;background:linear-gradient(135deg, transparent 50%, var(--ring) 50%, var(--ring) calc(50% + 2px), transparent calc(50% + 2px)) 0 0 / var(--cut) var(--cut) no-repeat, linear-gradient(315deg, transparent 50%, var(--ring) 50%, var(--ring) calc(50% + 2px), transparent calc(50% + 2px)) 100% 100% / var(--cut) var(--cut) no-repeat;display:none;position:absolute;inset:0}.ui-btn:not(.is-quiet):focus-visible>.ui-btn__focus,html[data-input=gamepad] .ui-btn:not(.is-quiet):focus>.ui-btn__focus{display:block}.ui-btn:disabled{cursor:not-allowed;opacity:.42;filter:saturate(.4)}.ui-btn__icon{flex:none;width:1.2em;height:1.2em}.ui-btn__label{z-index:1;position:relative}.ui-btn__key{margin-right:-.35rem}.ui-btn.is-sm{font-size:var(--ui-fs-xs);padding:0 .85rem}.ui-btn.is-lg{--cut:var(--ui-cut-lg);min-height:max(52px,3.5rem);font-size:var(--ui-fs-lg);letter-spacing:.24em;padding:0 1.8rem;font-weight:700}.ui-btn.is-block{width:100%;display:flex}.ui-btn.is-primary{--fg:#1a0a02;--bg:linear-gradient(100deg, var(--ui-c-orange) 0%, #ff7a34 45%, var(--ui-c-orange-2) 100%);background:var(--bg);text-shadow:0 1px #ffdcbe59;filter:drop-shadow(0 0 .8rem #ff6b2c4d);font-weight:700;box-shadow:inset 0 1px #fff0dc8c,inset 0 -2px #781e0059}.ui-btn.is-primary:after{content:"";pointer-events:none;background:repeating-linear-gradient(#ffffff14 0 1px,#0000 1px 3px);position:absolute;inset:0}.ui-btn.is-primary:hover{--bg:linear-gradient(100deg, #ff6a30 0%, #ff9446 55%, #ffb466 100%);filter:drop-shadow(0 0 1.2rem #ff78328c)}.ui-btn.is-primary:focus-visible,html[data-input=gamepad] .ui-btn.is-primary:focus{--ring:#fff4ea;box-shadow:inset 0 0 0 2px var(--ring), inset 0 0 0 4px #1a0a0299}.ui-btn.is-primary .ui-key{color:#ffe9da;box-shadow:none;background:#1a0a02bf}.ui-btn.is-accent{--fg:var(--ui-c-ink);background:linear-gradient(100deg, color-mix(in srgb, var(--ui-accent) 90%, #fff), var(--ui-accent));box-shadow:none;font-weight:700}.ui-btn.is-accent:focus-visible,html[data-input=gamepad] .ui-btn.is-accent:focus{--ring:#fff4ea;box-shadow:inset 0 0 0 2px var(--ring), inset 0 0 0 4px #1a0a0299}.ui-btn.is-danger{--bd:rgba(var(--ui-c-red-rgb), .55);--fg:#ffb3a8}.ui-btn.is-danger:hover{--bd:rgba(var(--ui-c-red-rgb), .9);--bg:#3c0e0ab3}.ui-btn.is-quiet{--bg:transparent;--bd:transparent;--fg:var(--ui-c-dim);padding:0 .6rem}.ui-btn.is-quiet:hover{--fg:var(--ui-c-holo);--bg:#cff6ff0f}.ui-btn.is-icon{width:var(--ui-touch);padding:0}.ui-btn.is-icon .ui-btn__icon{width:1.3rem;height:1.3rem}.ui-btn.is-pressed{--bd:color-mix(in srgb, var(--ui-accent) 80%, transparent);--bg:color-mix(in srgb, var(--ui-accent) 16%, #0a0e14b3);--fg:var(--ui-c-holo)}.ui-btn.is-hold{justify-content:flex-start;gap:var(--ui-s-4);touch-action:none;overflow:hidden}.ui-btn__fill{transform-origin:0;pointer-events:none;background:linear-gradient(90deg,#ffffff1a,#ffffff52);position:absolute;inset:0}.ui-btn:not(.is-primary):not(.is-accent) .ui-btn__fill{background:linear-gradient(90deg, rgba(var(--ui-c-amber-rgb), .08), rgba(var(--ui-c-amber-rgb), .3))}.ui-btn__ring{z-index:1;flex:none;width:2.1em;height:2.1em;margin-left:-.35rem;position:relative;overflow:visible;transform:rotate(-90deg)}.ui-btn__ring-track{fill:none;stroke:currentColor;stroke-opacity:.28;stroke-width:2.5px}.ui-btn__ring-bar{fill:none;stroke:currentColor;stroke-width:3px;stroke-linecap:round}.ui-btn__ring-check{fill:none;stroke:currentColor;stroke-width:2.6px;stroke-linecap:round;stroke-linejoin:round;transform-origin:18px 18px;transform:rotate(90deg)}.ui-btn__hold{z-index:1;align-items:center;gap:var(--ui-s-2);padding-left:var(--ui-s-4);font:600 var(--ui-fs-2xs) / 1 var(--ui-f-display);letter-spacing:.22em;opacity:.85;margin-left:auto;display:inline-flex;position:relative}.ui-btn.is-lg .ui-btn__label{letter-spacing:.3em}.ui-btn.is-holding{filter:drop-shadow(0 0 1.4rem #ff8c3c99)}.ui-btn.is-confirmed .ui-btn__fill{background:#fff6}@media (orientation:landscape) and (max-height:500px){.ui-btn.is-sm .ui-btn__hold{display:none}}@media (max-width:599px){.ui-btn.is-sm .ui-btn__hold{display:none}.ui-btn.is-lg{padding:0 1rem}.ui-btn.is-lg .ui-btn__label{letter-spacing:.16em}.ui-btn.is-lg .ui-btn__hold{padding-left:var(--ui-s-2);letter-spacing:.12em}}
