/* Shared, ordinary same-tab navigation. Game controls retain their own styles. */
body[data-arcade-route]{--arcade-nav-height:calc(48px + env(safe-area-inset-top,0px));--arcade-game-height:calc(100dvh - var(--arcade-nav-height))}
body>.arcade-navigation{position:relative;z-index:20;display:flex;align-items:center;justify-content:flex-start;flex:none;box-sizing:border-box;width:100%;max-width:1200px;height:var(--arcade-nav-height);min-height:48px;margin:0 auto;padding:env(safe-area-inset-top,0px) max(10px,env(safe-area-inset-right)) 0 max(10px,env(safe-area-inset-left));gap:0;background:transparent;color:inherit}
body>.arcade-navigation>.arcade-navigation-link{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;min-height:44px;padding:8px 12px;border:1px solid #81939466;border-radius:7px;background:transparent;color:inherit;font:600 13px/1.4 system-ui,sans-serif;letter-spacing:normal;text-decoration:none;white-space:nowrap;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
body>.arcade-navigation>.arcade-navigation-link:hover{background:#81939418}
body>.arcade-navigation>.arcade-navigation-link:focus-visible{outline:3px solid currentColor;outline-offset:1px}
/* The two fixed-height kana cabinets reserve the new independent row. */
body[data-arcade-route="kana-space"]>#game,body[data-arcade-route="kana-safari"]>#game{height:calc(100% - var(--arcade-nav-height))}
/* WORD CHORD's mode picker and both renderers share the same outer row. */
body[data-arcade-route="word-chord"]{display:block;overflow-anchor:none}
body[data-arcade-route="word-chord"].clay-playing{display:grid;grid-template-rows:var(--arcade-nav-height) minmax(0,1fr)}
body[data-arcade-route="word-chord"]>#root{height:var(--arcade-game-height)}
body[data-arcade-route="word-chord"].chord-playing>#root{height:auto;min-height:var(--arcade-game-height)}
body[data-arcade-route="word-chord"].chord-playing .clay-range{min-height:calc(var(--arcade-game-height) - 16px)}
body[data-arcade-route="word-chord"] .prototype-menu{max-height:var(--arcade-game-height)}
/* Cresta now owns its cabinet geometry and reserves --arcade-game-height. */
body[data-arcade-route="number-quickdraw"] .range{height:var(--arcade-game-height)}
body[data-arcade-route="nariyuki"]{padding-top:0}

/* On short landscapes, scroll the input panel instead of clipping its fire row. */
@media(orientation:landscape) and (max-height:400px){
 body[data-arcade-route="kana-space"] .console,body[data-arcade-route="kana-safari"] .console{justify-content:flex-start;overflow-y:auto;overscroll-behavior:contain}
 body[data-arcade-route="kana-space"] .console>*,body[data-arcade-route="kana-safari"] .console>*{flex-shrink:0}
}