.game-pad-surface{position:absolute;z-index:3;left:max(18px,env(safe-area-inset-left));right:max(18px,env(safe-area-inset-right));bottom:max(28px,env(safe-area-inset-bottom));display:grid;grid-template-areas:"left center right";grid-template-columns:150px 1fr 150px;align-items:end;gap:14px;pointer-events:none;user-select:none}.game-pad-surface,.game-pad-surface *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}.game-pad-surface.game-pad--left-handed{grid-template-areas:"right center left"}.game-pad--left-handed .game-pad__shoulders{flex-direction:row-reverse}.game-pad--n64{--nd-n64-blue: var(--nd-controller-blue, #1769bd);--nd-n64-green: var(--nd-controller-green, #148346);--nd-n64-yellow: var(--nd-controller-yellow, #e7b51b);--nd-n64-red: var(--nd-controller-red, #c83b36);--nd-n64-gray: var(--nd-controller-gray, #a8aaad);--nd-n64-gray-dark: var(--nd-controller-gray-dark, #70747a);padding-top:54px}.game-pad--nes{--nd-pad-face: var(--nd-controller-nes-red, #c83c3c);--nd-pad-shell: var(--nd-controller-nes-gray, #aaa7a2)}.game-pad--gb{--nd-pad-face: var(--nd-controller-gb-magenta, #9b2f68);--nd-pad-shell: var(--nd-controller-gb-gray, #88877f)}.game-pad--gba{--nd-pad-face: var(--nd-controller-gba-plum, #5e536f);--nd-pad-shell: var(--nd-controller-gba-gray, #9692a0);padding-top:54px}.game-pad--snes{--nd-pad-snes-dark: var(--nd-controller-snes-purple, #5c4388);--nd-pad-snes-light: var(--nd-controller-snes-lavender, #a99bc8);--nd-pad-shell: var(--nd-controller-snes-gray, #aaa8ad);padding-top:54px}.game-pad--genesis{--nd-pad-genesis: var(--nd-controller-genesis-dark, #30343a);--nd-pad-genesis-secondary: var(--nd-controller-genesis-secondary, #555b63)}.game-pad--psx{--nd-pad-ps-shell: var(--nd-controller-ps-shell, #34383f);--nd-pad-ps-triangle: var(--nd-controller-ps-triangle, #56c2a3);--nd-pad-ps-circle: var(--nd-controller-ps-circle, #e2687b);--nd-pad-ps-cross: var(--nd-controller-ps-cross, #7f96de);--nd-pad-ps-square: var(--nd-controller-ps-square, #d98cba);padding-top:54px}.game-pad-surface button{pointer-events:auto;touch-action:none;-webkit-touch-callout:none}.game-pad-surface button.is-pressed,.game-pad__joystick.is-pressed .game-pad__joystick-ring i{opacity:1!important;filter:brightness(1.13);box-shadow:0 1px 4px rgba(5, 5, 6, 0.58),inset 0 3px 7px rgba(0, 0, 0, 0.34);box-shadow:0 1px 4px color-mix(in srgb,#050506 58%,transparent),inset 0 3px 7px color-mix(in srgb,#000 34%,transparent)}

@supports (color: color-mix(in lch, red, blue)){
.game-pad-surface button.is-pressed,.game-pad__joystick.is-pressed .game-pad__joystick-ring i{box-shadow:0 1px 4px color-mix(in srgb,var(--nd-bg, #050506) 58%,transparent),inset 0 3px 7px color-mix(in srgb,#000 34%,transparent)}
}.game-pad__joystick.is-pressed .game-pad__joystick-ring{border-color:rgb(153, 156, 164);border-color:color-mix(in srgb,#f5f6fa 52%,#353b46)}

@supports (color: color-mix(in lch, red, blue)){
.game-pad__joystick.is-pressed .game-pad__joystick-ring{border-color:color-mix(in srgb,var(--nd-text, #f5f6fa) 52%,var(--nd-border, #353b46))}
}.game-pad__shoulders{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;gap:14px}.game-pad__shoulder-group{display:flex;gap:8px}.game-pad-surface:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .game-pad__shoulders .nf-btn{width:clamp(70px,12vw,120px)!important;min-width:0;height:42px!important;padding:0 14px;opacity:.78;border-radius:var(--nd-radius-sm, 8px)!important}.game-pad-surface.game-pad--n64:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .game-pad__shoulders .nf-btn{border-color:color-mix(in srgb,var(--nd-n64-gray) 76%,var(--nd-border, #353b46))!important;background:var(--nd-n64-gray)!important;color:var(--nd-bg, #101116)!important}.game-pad-surface.game-pad--gba:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .game-pad__shoulders .nf-btn, .game-pad-surface.game-pad--snes:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .game-pad__shoulders .nf-btn{border-color:color-mix(in srgb,var(--nd-pad-shell) 76%,var(--nd-border, #353b46))!important;background:var(--nd-pad-shell)!important;color:var(--nd-bg, #101116)!important}.game-pad-surface.game-pad--psx:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .game-pad__shoulders .nf-btn{width:clamp(48px,8vw,78px)!important;border-color:color-mix(in srgb,var(--nd-pad-ps-shell) 82%,var(--nd-border, #353b46))!important;background:var(--nd-pad-ps-shell)!important;color:var(--nd-text, #f5f6fa)!important}.game-pad__dpad{grid-area:left;width:150px;height:150px;display:grid;grid-template:repeat(3,1fr) / repeat(3,1fr)}.game-pad__dpad button:nth-child(1){grid-area:1 / 2}.game-pad__dpad button:nth-child(2){grid-area:2 / 1}.game-pad__dpad button:nth-child(3){grid-area:2 / 3}.game-pad__dpad button:nth-child(4){grid-area:3 / 2}.game-pad-surface:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .game-pad__dpad .nf-btn{border-color:rgb(61, 66, 75)!important;border-color:color-mix(in srgb,#3f444c 76%,#353b46)!important;background:var(--nd-controller-dpad, #3f444c)!important;color:var(--nd-text, #f5f6fa)!important}

@supports (color: color-mix(in lch, red, blue)){
.game-pad-surface:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .game-pad__dpad .nf-btn{border-color:color-mix(in srgb,var(--nd-controller-dpad, #3f444c) 76%,var(--nd-border, #353b46))!important}
}.game-pad__joystick{position:relative;width:150px;height:150px;display:grid;place-items:center;pointer-events:auto;touch-action:none}.game-pad__n64-left{grid-area:left;display:grid;justify-items:stretch;align-content:end;gap:6px}.game-pad__n64-lower{display:flex;align-items:center;justify-content:flex-end;gap:7px;pointer-events:auto}.game-pad-surface:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .game-pad__n64-lower .nf-btn{min-width:0;padding:0;opacity:.82}.game-pad-surface .game-pad__n64-lower .game-pad__z{width:58px!important;height:40px!important;border-color:color-mix(in srgb,var(--nd-n64-gray-dark) 78%,var(--nd-border, #353b46))!important;background:var(--nd-n64-gray-dark)!important;color:var(--nd-text, #f5f6fa)!important;font-size:14px;border-radius:var(--nd-radius-sm, 8px)!important}.game-pad-surface .game-pad__n64-lower .game-pad__start{width:42px!important;height:30px!important;border-color:color-mix(in srgb,var(--nd-n64-red) 78%,var(--nd-border, #353b46))!important;background:var(--nd-n64-red)!important;color:var(--nd-text, #f5f6fa)!important;font-size:9px;opacity:.68;border-radius:var(--nd-radius-sm, 8px)!important}.game-pad__joystick-ring{box-sizing:border-box;width:calc(100% - 8px);height:calc(100% - 8px);display:grid;place-items:center;border:2px solid var(--nd-border, rgba(255,255,255,.2));border-radius:50%;background:rgba(27, 30, 36, 0.84);background:color-mix(in srgb,#1b1e24 84%,transparent);box-shadow:inset 0 0 0 12px rgba(5, 5, 6, 0.4);box-shadow:inset 0 0 0 12px color-mix(in srgb,#050506 40%,transparent)}

@supports (color: color-mix(in lch, red, blue)){
.game-pad__joystick-ring{background:color-mix(in srgb,var(--nd-surface, #1b1e24) 84%,transparent);box-shadow:inset 0 0 0 12px color-mix(in srgb,var(--nd-bg, #050506) 40%,transparent)}
}.game-pad__joystick-ring i{box-sizing:border-box;width:50px;height:50px;display:block;border:2px solid rgba(245, 246, 250, 0.26);border:2px solid color-mix(in srgb,#f5f6fa 26%,transparent);border-radius:50%;background:var(--nd-surface-2, #23272f);box-shadow:0 8px 18px rgba(5, 5, 6, 0.72),inset 0 3px 5px rgba(245, 246, 250, 0.09);box-shadow:0 8px 18px color-mix(in srgb,#050506 72%,transparent),inset 0 3px 5px color-mix(in srgb,#f5f6fa 9%,transparent);transition:transform 90ms cubic-bezier(.2,.8,.2,1)}

@supports (color: color-mix(in lch, red, blue)){
.game-pad__joystick-ring i{border:2px solid color-mix(in srgb,var(--nd-text, #f5f6fa) 26%,transparent);box-shadow:0 8px 18px color-mix(in srgb,var(--nd-bg, #050506) 72%,transparent),inset 0 3px 5px color-mix(in srgb,var(--nd-text, #f5f6fa) 9%,transparent)}
}.game-pad__joystick.is-dragging .game-pad__joystick-ring i{transition:none}.game-pad__joystick-keys{position:absolute;top:20px;right:20px;bottom:20px;left:20px;z-index:1;display:grid;grid-template:repeat(3,1fr) / repeat(3,1fr);pointer-events:none;color:var(--nd-text, #f5f6fa);font:800 10px/1 system-ui,sans-serif;text-shadow:0 1px 2px rgba(5, 5, 6, 0.78);text-shadow:0 1px 2px color-mix(in srgb,#050506 78%,transparent)}

@supports (color: color-mix(in lch, red, blue)){
.game-pad__joystick-keys{text-shadow:0 1px 2px color-mix(in srgb,var(--nd-bg, #050506) 78%,transparent)}
}.game-pad__joystick-keys b{display:grid;place-items:center}.game-pad__joystick-keys .is-up{grid-area:1 / 2}.game-pad__joystick-keys .is-left{grid-area:2 / 1}.game-pad__joystick-keys .is-right{grid-area:2 / 3}.game-pad__joystick-keys .is-down{grid-area:3 / 2}.game-pad-surface:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .game-pad__dpad .nf-btn, .game-pad-surface:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .game-pad__actions .nf-btn{width:50px!important;min-width:50px;height:50px!important;flex:0 0 50px;padding:0;border-radius:50%!important;opacity:.82}.game-pad__center{grid-area:center;display:flex;justify-content:center;gap:8px}.game-pad-surface:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .game-pad__center .nf-btn{width:auto!important;min-width:0;height:42px!important;flex:0 1 auto;padding:0 12px;font-size:11px;opacity:.76;border-radius:var(--nd-radius-sm, 8px)!important}.game-pad__right{grid-area:right;min-width:0;display:grid;grid-template-rows:auto auto;justify-items:end;align-content:end;row-gap:18px}.game-pad--n64 .game-pad__right{row-gap:4px}.game-pad__face-grid{width:150px;height:150px;pointer-events:auto}.game-pad__face-grid button{width:46px;min-width:46px;height:46px;padding:0;border:1px solid var(--nd-border, #353b46);border-radius:50%;color:var(--nd-text, #f5f6fa);font:800 14px/1 system-ui,sans-serif;box-shadow:0 4px 12px rgba(5, 5, 6, 0.6);box-shadow:0 4px 12px color-mix(in srgb,#050506 60%,transparent)}

@supports (color: color-mix(in lch, red, blue)){
.game-pad__face-grid button{box-shadow:0 4px 12px color-mix(in srgb,var(--nd-bg, #050506) 60%,transparent)}
}.game-pad__face-grid--diamond{display:grid;grid-template:repeat(3,1fr) / repeat(3,1fr);place-items:center}.game-pad__face-grid--diamond .is-north{grid-area:1 / 2}.game-pad__face-grid--diamond .is-west{grid-area:2 / 1}.game-pad__face-grid--diamond .is-east{grid-area:2 / 3}.game-pad__face-grid--diamond .is-south{grid-area:3 / 2}.game-pad--snes .game-pad__face-grid--diamond .is-east,.game-pad--snes .game-pad__face-grid--diamond .is-south{border-color:color-mix(in srgb,var(--nd-pad-snes-dark) 78%,var(--nd-border, #353b46));background:var(--nd-pad-snes-dark)}.game-pad--snes .game-pad__face-grid--diamond .is-north,.game-pad--snes .game-pad__face-grid--diamond .is-west{border-color:color-mix(in srgb,var(--nd-pad-snes-light) 78%,var(--nd-border, #353b46));background:var(--nd-pad-snes-light);color:var(--nd-bg, #101116)}.game-pad--psx .game-pad__face-grid button{border-color:color-mix(in srgb,var(--nd-pad-ps-shell) 82%,var(--nd-border, #353b46));background:var(--nd-pad-ps-shell);font-size:18px}.game-pad--psx .game-pad__face-grid--diamond .is-north{color:var(--nd-pad-ps-triangle)}.game-pad--psx .game-pad__face-grid--diamond .is-east{color:var(--nd-pad-ps-circle)}.game-pad--psx .game-pad__face-grid--diamond .is-south{color:var(--nd-pad-ps-cross)}.game-pad--psx .game-pad__face-grid--diamond .is-west{color:var(--nd-pad-ps-square)}.game-pad__face-grid--genesis{height:108px;display:grid;grid-template:repeat(2,46px) / repeat(3,46px);align-content:end;justify-content:end;gap:10px 6px;transform:skewY(-5deg)}.game-pad__face-grid--genesis button{background:var(--nd-pad-genesis);transform:skewY(5deg)}.game-pad__face-grid--genesis .is-x,.game-pad__face-grid--genesis .is-y,.game-pad__face-grid--genesis .is-z{background:var(--nd-pad-genesis-secondary);font-size:12px}.game-pad__cbuttons{width:132px;height:96px;display:grid;grid-template:repeat(3,1fr) / repeat(3,1fr);justify-items:center;align-items:center;pointer-events:auto}.game-pad__cbuttons button{width:38px;min-width:38px;height:38px;padding:0;border:1px solid color-mix(in srgb,var(--nd-n64-yellow) 76%,var(--nd-border, #353b46));border-radius:50%;background:var(--nd-n64-yellow);color:var(--nd-bg, #101116);font:800 16px/1 system-ui,sans-serif;box-shadow:0 4px 12px rgba(5, 5, 6, 0.6);box-shadow:0 4px 12px color-mix(in srgb,#050506 60%,transparent)}

@supports (color: color-mix(in lch, red, blue)){
.game-pad__cbuttons button{box-shadow:0 4px 12px color-mix(in srgb,var(--nd-bg, #050506) 60%,transparent)}
}.game-pad__cbuttons button:nth-child(1){grid-area:1 / 2}.game-pad__cbuttons button:nth-child(2){grid-area:2 / 1}.game-pad__cbuttons button:nth-child(3){grid-area:2 / 3}.game-pad__cbuttons button:nth-child(4){grid-area:3 / 2}.game-pad__actions{min-width:0;display:flex;justify-content:flex-end;align-items:flex-start;gap:14px;padding-bottom:30px}.game-pad--n64 .game-pad__actions{margin-top:12px;padding-bottom:0;align-items:flex-end;gap:8px}.game-pad-surface:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .game-pad__actions .nf-btn:last-child{transform:translateY(-26px)!important}.game-pad-surface.game-pad--nes:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .game-pad__actions .nf-btn:last-child{transform:none!important}.game-pad-surface.game-pad--n64:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .game-pad__actions .nf-btn{border-width:2px;box-shadow:0 5px 14px rgba(5, 5, 6, 0.62),inset 0 2px 3px rgba(255, 255, 255, 0.24);box-shadow:0 5px 14px color-mix(in srgb,#050506 62%,transparent),inset 0 2px 3px color-mix(in srgb,#fff 24%,transparent)}

@supports (color: color-mix(in lch, red, blue)){
.game-pad-surface.game-pad--n64:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .game-pad__actions .nf-btn{box-shadow:0 5px 14px color-mix(in srgb,var(--nd-bg, #050506) 62%,transparent),inset 0 2px 3px color-mix(in srgb,#fff 24%,transparent)}
}.game-pad-surface.game-pad--n64:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .game-pad__actions .nf-btn:first-child{width:42px!important;min-width:42px;height:42px!important;flex-basis:42px;font-size:15px;transform:translate(5px,-11px)!important;border-color:color-mix(in srgb,var(--nd-n64-green) 78%,var(--nd-border, #353b46))!important;background:var(--nd-n64-green)!important;color:var(--nd-text, #f5f6fa)!important}.game-pad-surface.game-pad--n64:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .game-pad__actions .nf-btn:last-child{width:56px!important;min-width:56px;height:56px!important;flex-basis:56px;font-size:19px;transform:none!important;border-color:color-mix(in srgb,var(--nd-n64-blue) 78%,var(--nd-border, #353b46))!important;background:var(--nd-n64-blue)!important;color:var(--nd-text, #f5f6fa)!important}.game-pad-surface.game-pad--nes:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .game-pad__actions .nf-btn, .game-pad-surface.game-pad--gb:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .game-pad__actions .nf-btn, .game-pad-surface.game-pad--gba:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .game-pad__actions .nf-btn{border-color:color-mix(in srgb,var(--nd-pad-face) 78%,var(--nd-border, #353b46))!important;background:var(--nd-pad-face)!important;color:var(--nd-text, #f5f6fa)!important}.game-pad-surface.game-pad--nes:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .game-pad__center .nf-btn{border-color:color-mix(in srgb,var(--nd-pad-shell) 68%,var(--nd-border, #353b46))!important;background:color-mix(in srgb,var(--nd-pad-shell) 48%,var(--nd-bg, #101116))!important}.game-pad-surface.game-pad--gb:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .game-pad__center .nf-btn, .game-pad-surface.game-pad--gba:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .game-pad__center .nf-btn, .game-pad-surface.game-pad--snes:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .game-pad__center .nf-btn{border-color:color-mix(in srgb,var(--nd-pad-shell) 68%,var(--nd-border, #353b46))!important;background:color-mix(in srgb,var(--nd-pad-shell) 34%,var(--nd-bg, #101116))!important}.game-pad-surface.game-pad--genesis:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .game-pad__center .nf-btn{border-color:color-mix(in srgb,var(--nd-pad-genesis-secondary) 74%,var(--nd-border, #353b46))!important;background:var(--nd-pad-genesis)!important}.game-pad-surface.game-pad--layout-editing{opacity:1!important;pointer-events:auto}.game-pad--layout-editing [data-layout-group]{position:relative;outline:1px dashed rgba(255, 182, 59, 0.55);outline:1px dashed color-mix(in srgb,#ffb63b 55%,transparent);outline-offset:5px;cursor:grab;pointer-events:auto;touch-action:none}

@supports (color: color-mix(in lch, red, blue)){
.game-pad--layout-editing [data-layout-group]{outline:1px dashed color-mix(in srgb,var(--nd-accent, #ffb63b) 55%,transparent)}
}.game-pad--layout-editing [data-layout-group]:active{cursor:grabbing}.game-pad--layout-editing [data-layout-group].is-layout-selected{outline:2px solid var(--nd-accent, #ffb63b);outline-offset:6px}.game-pad--layout-editing [data-layout-group].is-layout-selected:before{content:attr(data-layout-label);position:absolute;z-index:12;left:50%;bottom:calc(100% + 9px);translate:-50% 0;width:max-content;max-width:180px;padding:4px 7px;border:1px solid rgb(178, 135, 63);border:1px solid color-mix(in srgb,#ffb63b 62%,#353b46);border-radius:999px;background:rgba(27, 30, 36, 0.94);background:color-mix(in srgb,#1b1e24 94%,transparent);color:var(--nd-text, #f5f6fa);font:750 9px/1.2 system-ui,sans-serif;letter-spacing:.03em;text-align:center;pointer-events:none}

@supports (color: color-mix(in lch, red, blue)){
.game-pad--layout-editing [data-layout-group].is-layout-selected:before{border:1px solid color-mix(in srgb,var(--nd-accent, #ffb63b) 62%,var(--nd-border, #353b46));background:color-mix(in srgb,var(--nd-surface, #1b1e24) 94%,transparent)}
}.game-pad--layout-editing .is-layout-exploded>[data-layout-item]{outline:1px dashed rgba(231, 181, 27, 0.72);outline:1px dashed color-mix(in srgb,#e7b51b 72%,transparent);outline-offset:3px}

@supports (color: color-mix(in lch, red, blue)){
.game-pad--layout-editing .is-layout-exploded>[data-layout-item]{outline:1px dashed color-mix(in srgb,var(--nd-warning, #e7b51b) 72%,transparent)}
}.game-pad--layout-editing .is-layout-exploded>[data-layout-item].is-layout-item-selected{outline:2px solid var(--nd-warning, #e7b51b);outline-offset:4px}.game-pad--layout-editing button{cursor:grab}.game-pad--layout-editing button:active{cursor:grabbing}@media(pointer:fine)and (min-width:900px){.game-pad-surface{opacity:.34;transition:opacity .15s ease}.game-pad-surface:hover{opacity:1}}@media(max-width:680px){.game-pad-surface{--game-control-size: clamp(38px, 12vw, 44px);left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right));grid-template-columns:calc(var(--game-control-size) * 3) minmax(0,1fr) calc(var(--game-control-size) * 2 + 8px);gap:4px}.game-pad-surface.game-pad--n64{grid-template-columns:calc(var(--game-control-size) * 3) minmax(0,1fr) calc(var(--game-control-size) * 2.6 + 8px)}.game-pad__dpad,.game-pad__joystick{width:calc(var(--game-control-size) * 3);height:calc(var(--game-control-size) * 3)}.game-pad__joystick-ring{width:calc(100% - 8px);height:calc(100% - 8px)}.game-pad__joystick-ring i{width:calc(var(--game-control-size) * 1.05);height:calc(var(--game-control-size) * 1.05)}.game-pad-surface:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .game-pad__dpad .nf-btn, .game-pad-surface:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .game-pad__actions .nf-btn{width:var(--game-control-size);min-width:var(--game-control-size);height:var(--game-control-size);flex-basis:var(--game-control-size)}.game-pad__actions{gap:8px}.game-pad-surface.game-pad--snes,.game-pad-surface.game-pad--genesis,.game-pad-surface.game-pad--psx{--game-control-size: clamp(34px, 10vw, 42px);grid-template-columns:calc(var(--game-control-size) * 3) minmax(0,1fr) calc(var(--game-control-size) * 3)}.game-pad__face-grid{width:calc(var(--game-control-size) * 3);height:calc(var(--game-control-size) * 3)}.game-pad__face-grid button{width:calc(var(--game-control-size) * .9);min-width:calc(var(--game-control-size) * .9);height:calc(var(--game-control-size) * .9)}.game-pad__face-grid--genesis{height:calc(var(--game-control-size) * 2.25);grid-template:repeat(2,calc(var(--game-control-size) * .9)) / repeat(3,calc(var(--game-control-size) * .9));gap:calc(var(--game-control-size) * .18) calc(var(--game-control-size) * .1)}.game-pad__right{row-gap:16px}.game-pad__cbuttons{width:100%;height:calc(var(--game-control-size) * 2.1)}.game-pad__cbuttons button{width:calc(var(--game-control-size) * .76);min-width:calc(var(--game-control-size) * .76);height:calc(var(--game-control-size) * .76);font-size:13px}.game-pad--n64,.game-pad--gba,.game-pad--snes,.game-pad--psx{padding-top:48px}.game-pad__shoulders{gap:6px}.game-pad-surface:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .game-pad__shoulders .nf-btn{width:clamp(62px,22vw,90px);height:38px;padding:0 8px}.game-pad-surface.game-pad--psx:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .game-pad__shoulders .nf-btn{width:clamp(40px,12vw,60px);padding:0 4px}.game-pad__n64-left{gap:4px}.game-pad-surface .game-pad__n64-lower .game-pad__z{width:calc(var(--game-control-size) * 1.35);height:38px}.game-pad-surface .game-pad__n64-lower .game-pad__start{width:calc(var(--game-control-size) * .9);height:28px;font-size:8px}.game-pad__center{min-width:0;align-self:end;gap:4px}.game-pad-surface:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .game-pad__center .nf-btn{height:40px;padding:0 clamp(6px,2vw,10px);font-size:10px}}@media(orientation:landscape)and (max-height:540px){.game-pad-surface.game-pad--n64,.game-pad-surface.game-pad--gba,.game-pad-surface.game-pad--snes,.game-pad-surface.game-pad--psx{bottom:max(12px,env(safe-area-inset-bottom));padding-top:42px}.game-pad-surface.game-pad--snes,.game-pad-surface.game-pad--genesis,.game-pad-surface.game-pad--psx{--game-control-size: 34px}.game-pad--n64 .game-pad__joystick{width:124px;height:124px}.game-pad--n64 .game-pad__joystick-ring{width:calc(100% - 8px);height:calc(100% - 8px)}.game-pad--n64 .game-pad__joystick-ring i{width:44px;height:44px}.game-pad-surface.game-pad--n64:not(#\#):not(#\#):not(#\#):not(#\#):not(#\#):not(#\#) .game-pad__shoulders .nf-btn{height:34px}.game-pad--n64 .game-pad__cbuttons{height:88px}.game-pad--n64 .game-pad__right{row-gap:18px}.game-pad--n64 .game-pad__actions{margin-top:12px}}