/* Compact controls share the console palette; the story remains the focus. */
.response-choices{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px;max-height:25svh;overflow-y:auto}
.response-choices[hidden],.command-row[hidden]{display:none}
.response-choices button{min-height:44px;padding:9px 13px;border:1px solid var(--terminal-line);background:var(--terminal-bg);color:var(--terminal-text);font:14px/1.4 var(--mono);text-align:left;cursor:pointer}
.response-choices button:hover,.response-choices button:focus-visible{border-color:var(--terminal-text);background:color-mix(in srgb,var(--terminal-text) 10%,var(--terminal-bg));outline:1px solid var(--terminal-text);outline-offset:2px}
#resume-checkpoint{min-height:44px;color:var(--terminal-text);font:14px var(--mono)}
@media(max-width:600px){.response-choices{gap:6px;max-height:24svh}.response-choices button{font-size:13px;padding:8px 10px}}
.response-number,.type-response{display:none}
/* The game owns its scrolling; focusing a field cannot scroll the document. */
body.is-playing{position:fixed;left:0;right:0;top:var(--game-viewport-top,0px);width:100%;margin:0}
@media(max-width:800px){
 #command-form{height:64px;min-height:64px;box-sizing:border-box;display:flex;align-items:center}
 #command-form .input-label{position:absolute}
 #command-form .command-row{width:100%}
 #command-form .response-choices{width:100%;flex-wrap:nowrap;align-items:center;gap:6px;height:44px;max-height:44px;margin:0;overflow-x:auto;overflow-y:hidden;flex-shrink:0}
 .response-choices button{height:44px;min-width:44px;flex-shrink:0;white-space:nowrap;padding:8px 12px}
 .response-choices button:has(.response-number) .response-label{display:none}
 .response-number{display:inline}
 .response-choices .type-response{display:inline-block;margin-left:auto;color:var(--terminal-muted)}
 #command-form.has-responses:not(.typing-response) .command-row{display:none}
 #command-form.typing-response .response-choices{display:none}
}

/* Reading navigation lives in the header, never on top of a passage. */
.story-top .jump{position:static;margin-left:auto;min-height:28px;padding:5px 8px;font-size:11px;white-space:nowrap}
@media(max-width:800px){.story-top:has(#jump:not([hidden])) #activity{display:none}}