/* Final draft of 05: one game menu, with a collapsed local simulator. */
body[data-selector=inline] .design-stage{min-height:calc(100svh - 46px);padding:34px 36px}
body[data-selector=inline] .hero .title-rule{display:none}
body[data-selector=inline] .court-preview{margin-top:32px;margin-bottom:0}
.preview-tools{display:block;min-height:0;padding:12px 24px;border-top-color:#263443;background:#070e19}
.preview-tools summary{cursor:pointer;font:10px var(--mono);color:#9dacc0;outline-offset:5px}
.preview-tools summary span{margin-left:15px;color:#687e97;font-size:9px}
.preview-tools[open] .preview-intro{margin:18px 0 12px}
.preview-tools[open] .preview-actions{justify-content:flex-start}
.credit{margin-top:22px!important;padding-top:17px;border-top:1px solid #304358;font-size:12px!important;line-height:1.7!important;color:#95aac1!important}
.credit a{color:#75d9ef;text-decoration:underline;text-underline-offset:3px}
.display-glyph{fill:currentColor;stroke:none;width:16px;height:16px;flex-shrink:0}
.display-glyph path{fill:currentColor;stroke:none}
[data-display-button]{display:inline-flex;align-items:center;justify-content:center;gap:8px}
[data-display-button] svg{margin:0}
.game-topline{position:fixed;top:9px;left:18px;right:18px;z-index:4;pointer-events:none}
.game-actions{margin-left:auto;pointer-events:auto}
.game-actions button{min-height:37px;padding:9px 13px;color:#b9d7e7;background:#0b1929ef;border-color:#35516b;font:11px var(--mono)}
.game-actions button:hover{color:var(--cyan);border-color:#66b2c9}
/* Display state is conveyed by the icon and label, not an active tint.
   Touch taps must not leave the browser's simulated hover color behind. */
@media(hover:none){
  .game-actions button:hover:not(:disabled){color:#b9d7e7;background:#0b1929ef;border-color:#35516b}
  .menu-tools button:hover{color:#92a9c0;background:transparent;border-color:currentColor}
  .game-overlay #gameSound:hover:not(:disabled){color:var(--ink);background:transparent;border-color:var(--line)}
}
.game-frame{width:min(100vw,calc((100svh - 76px)*1.777778))}
.game-overlay-card{display:grid;grid-template-columns:1fr 1fr;column-gap:9px;max-height:calc(100svh - 24px);overflow:auto}
.game-overlay-card>*{grid-column:1/-1}
.game-overlay #gameSound,.game-overlay #gameOptions{grid-column:auto;min-height:44px}
.game-overlay #gameSound svg{width:14px;height:14px}
.game-overlay #returnLobby{border-color:transparent;background:transparent;color:#9aadc4}
.game-overlay #returnLobby:hover{color:#e9f6ff;background:#172637}
.game-screen .preview-corner{bottom:5px}
.game-screen>.preview-corner button{font-size:9px;min-height:29px}
.game-screen:after{pointer-events:none}

/* Intrinsic menu measurements are independent of the iframe's assigned height. */
.andkon-connected body[data-selector=inline] .design-stage{min-height:0!important;padding:30px 24px}
.andkon-connected body{min-height:0}
.host-full-window,.host-fullscreen,.host-full-window body,.host-fullscreen body{height:100%;overflow:hidden}
.host-full-window #app,.host-fullscreen #app{height:100dvh;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;touch-action:pan-y}
.host-full-window body.playing #app,.host-fullscreen body.playing #app{overflow:hidden}
html:fullscreen,html:fullscreen body{height:100%;overflow:hidden}
html:fullscreen #app{height:100dvh;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain}
html:fullscreen body.playing #app{overflow:hidden}
@media(max-width:850px){body[data-selector=inline] .design-stage{padding:28px 22px}.andkon-connected body[data-selector=inline] .design-stage{padding:26px 22px}}
@media(max-width:600px){
  body[data-selector=inline] .design-stage{min-height:calc(100svh - 45px);padding:25px 14px}
  .andkon-connected body[data-selector=inline] .design-stage{padding:25px 14px}
  .preview-tools{padding:13px 16px}.preview-tools summary span{margin-left:7px;font-size:8px}
  .game-topline{top:7px;left:9px;right:9px}.game-topline p{font-size:7px;max-width:145px}
  .game-actions button{font-size:9px;padding:8px;min-height:35px}
  .game-actions .display-glyph{width:14px;height:14px}
  .game-overlay-card{padding:21px;column-gap:7px}
}
@media(max-height:600px) and (orientation:landscape){.game-frame{width:min(100vw,calc((100svh - 76px)*1.777778))}.game-topline{top:5px}.game-overlay-card{padding:18px 24px}}
@media(orientation:portrait){.game-frame{width:100vw}.game-screen:after{content:"Turn your phone sideways for landscape play";font:9px var(--mono);top:calc(50% + 33vw + 40px)}body[data-orientation-lock=pending] .game-screen:after{content:"Rotating…"}}

.main-credit{margin:8px 0 0;font-size:12px;line-height:1.6;color:#95aac1}
.main-credit a{color:#75d9ef;text-decoration:underline;text-underline-offset:3px}
@media(max-width:850px){.main-credit{text-align:center}}
html.compact-menu .main-credit{text-align:right}