/* One Famicom input surface for every Arena game. */
.arena-controller,.arena-controller *{-webkit-user-select:none!important;user-select:none!important;-webkit-touch-callout:none!important;-webkit-user-drag:none;touch-action:none;box-sizing:border-box}
.arena-controller{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));align-items:center;justify-items:center;gap:12px;width:100%;padding:12px 6px;color:#792c35}
.lan-controller>.arena-controller{grid-column:1/-1;grid-row:1/-1}
.arena-controller #directions{width:100%;display:flex;justify-content:center;grid-column:auto!important;padding:0!important}
.arena-controller .controller{position:relative!important;display:block!important;width:108px!important;height:108px!important;aspect-ratio:1;flex:none;margin:0!important;padding:0!important;border:0!important;background:transparent!important;box-shadow:none!important}
.arena-controller .controller .hub{position:absolute;left:36px;top:36px;width:36px;height:36px;background:#292a2d;z-index:1}
.arena-controller .controller .key{position:absolute!important;width:36px!important;height:36px!important;min-height:0!important;padding:0!important;border:2px solid #121316!important;border-radius:3px!important;background:#292a2d!important;box-shadow:inset 0 2px #555!important;z-index:2}
.arena-controller .key.up{left:36px!important;top:0!important}.arena-controller .key.down{left:36px!important;top:72px!important}.arena-controller .key.left{left:0!important;top:36px!important}.arena-controller .key.right{left:72px!important;top:36px!important}
.arena-controller .controller-center{display:block!important;grid-column:auto!important;min-height:0!important;width:auto!important;padding:0!important}
.arena-controller .system-keys{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;align-items:center;gap:5px!important;width:auto!important;padding:0!important}
.arena-controller .system-keys button{flex:none!important;letter-spacing:0!important;width:42px!important;min-width:0!important;min-height:24px!important;height:24px!important;padding:4px 5px!important;border:2px solid #aaa49a!important;border-radius:12px!important;background:#343438!important;color:#fff!important;font:bold 8px Arial,sans-serif!important;box-shadow:0 2px #161619}
.arena-controller .system-keys .pass-key{width:31px!important;min-width:31px!important;height:20px!important;min-height:20px!important;font-size:7px!important;padding:2px!important}
.arena-controller .action-keys{display:flex!important;grid-column:auto!important;gap:9px!important;justify-content:center!important;align-items:center!important;padding:0!important;margin:0!important}
.arena-controller .action-keys button{width:54px!important;height:54px!important;min-height:54px!important;min-width:54px!important;padding:0!important;border:4px solid #8e2637!important;border-radius:50%!important;background:#ad3246!important;color:#fff1da!important;font:bold 24px Arial,sans-serif!important;box-shadow:0 4px #4e1b25,inset 0 2px #df7080!important}
.arena-controller button.pressed{filter:brightness(1.35);transform:translateY(2px)}
.arena-controller .controller-pad{position:relative;width:108px!important;height:108px!important;border:3px solid #a28c77;border-radius:50%;background:#d9c9ae;touch-action:none}
.arena-controller .controller-pad .stick{position:absolute;left:26px!important;top:26px!important;width:50px;height:50px;border-radius:50%;background:#343438}
.full #controller-settings{display:none}.controller-settings{display:inline-flex;align-items:center;justify-content:center}
.arena-controller .key::before{content:"";position:absolute;left:calc(50% - 8px);top:calc(50% - 8px);display:block;width:16px;height:16px;background:#f6f4f0;clip-path:polygon(50% 0,100% 100%,0 100%);pointer-events:none;transform:none}
.arena-controller .key.down::before{transform:rotate(180deg)}.arena-controller .key.left::before{transform:rotate(-90deg)}.arena-controller .key.right::before{transform:rotate(90deg)}