/* The prompt course is a separate view. Original match/practice controls stay
   intact and continue to use their existing layout and handlers. */
[data-mode="prompt"] .shell{gap:12px;height:100dvh;min-height:620px;padding:18px 22px}
[data-mode="prompt"] .top{padding-right:0;min-height:0}
[data-mode="prompt"] .stats,[data-mode="prompt"] .side>.goal-card,[data-mode="prompt"] .side>.commands,[data-mode="prompt"] footer.actions,[data-mode="prompt"] .hintline,[data-mode="prompt"] .play-steps{display:none!important}
.prompt-panel,.prompt-welcome,.prompt-mode-link{display:none}
[data-mode="prompt"] .prompt-mode-link{display:inline-flex;align-items:center}
[data-mode="prompt"] .layout{grid-template-columns:minmax(0,1fr) 350px;grid-template-rows:minmax(0,1fr);gap:16px}
[data-mode="prompt"] .world-area{display:grid;grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:1fr;min-height:220px;border-radius:20px}
[data-mode="prompt"] .stage-note{position:static;max-width:none;margin:0;border-radius:0;grid-column:1;grid-row:1;display:block;padding:12px 15px}
[data-mode="prompt"] .stage-note strong{font-size:17px}
[data-mode="prompt"] .stage-note small{font-size:12px;margin-top:3px}
[data-mode="prompt"] .stage-note .clock{position:static;display:block;background:transparent;border:0;padding:0;margin-top:7px;font-size:10px;color:#a5b7cd;text-align:left}
[data-mode="prompt"] .field-viewport{grid-column:1;grid-row:2;min-height:0}
[data-mode="prompt"] .field-tools{grid-column:1;grid-row:3;min-height:38px;padding:4px 7px}
[data-mode="prompt"] .side{display:flex;overflow:auto;min-height:0}
[data-mode="prompt"] .prompt-panel{display:flex;flex-direction:column;gap:12px;padding:18px;border-radius:20px;border:1px solid #3a4c63;background:#172235;color:#eff5ff}
.prompt-heading{display:flex;justify-content:space-between;align-items:center;gap:6px}
.prompt-heading strong{font-size:12px;color:#efb37b;letter-spacing:.4px}
.prompt-heading span{font-size:11px;color:#a9c3dc}
.prompt-focus{font-size:12px!important;line-height:1.65;color:#bacde3!important;margin:0!important}
.prompt-input-label{font-size:13px;font-weight:800}
#prompt-input{display:block;resize:vertical;min-height:106px;max-height:200px;width:100%;margin-top:7px;padding:12px;border:1px solid #647f9e;border-radius:12px;background:#0e1829;color:#fff;font:15px/1.65 system-ui,'Malgun Gothic',sans-serif;outline-offset:3px}
#prompt-input:focus-visible{outline:2px solid #f2bc82}
.prompt-reading{display:flex;gap:5px;flex-wrap:wrap;font-size:11px}
.prompt-reading span{padding:4px 7px;background:#30465f;color:#e5f1ff;border-radius:6px}
.prompt-reading span[data-default=true]{background:#1f2d40;color:#abb8ca;border:1px dashed #56667b}
.prompt-meaning-title{font-size:10px;color:#a9c3dc;margin-bottom:6px}
.prompt-validation{margin:0!important;font-size:11px!important;line-height:1.55;color:#b5c7dd!important;min-height:32px}
.prompt-validation[data-error=true]{color:#ffbd9d!important}
#prompt-execute{flex:none;width:100%;min-height:48px;font-size:16px}
.prompt-result{border-top:1px solid #3a4c63;padding-top:12px;line-height:1.6}
.prompt-result strong{font-size:13px;color:#e3eefc}
.prompt-result p{font-size:12px!important;margin:5px 0!important}
.prompt-result[data-ok=true] strong{color:#91e0c1}
.prompt-result[data-ok=false] strong{color:#ffd09f}
.prompt-help{font-size:11px;color:#aec3dc}
.prompt-help summary{cursor:pointer;min-height:30px;display:list-item}
.prompt-inserts{display:flex;gap:6px;flex-wrap:wrap;margin:8px 0}
.prompt-inserts button{font:inherit;border:1px solid #516883;background:#27394f;color:#dbe9fa;border-radius:7px;min-height:40px;padding:7px 9px}
#prompt-example{margin:6px 0!important;font-size:11px!important;line-height:1.7;color:#d0dcee!important}
.prompt-comparison{border:1px solid #405773;padding:10px;border-radius:10px;font-size:11px;line-height:1.65}
.prompt-comparison strong{color:#d6eaff}
.prompt-comparison p{font-size:11px!important;overflow-wrap:anywhere}
.prompt-replays{display:flex;gap:6px;margin-top:8px}
.prompt-replays button{flex:1;min-height:42px;font-size:11px;padding:6px}
#prompt-next{min-height:44px;width:100%;font-size:12px}
[data-mode="prompt"] .cover>.card:not(.prompt-welcome){display:none}
[data-mode="prompt"] .cover{position:fixed;inset:12px 8px;background:#0e1729ed;z-index:25;padding:16px;overflow:auto}
[data-mode="prompt"] .prompt-welcome{display:block;width:min(510px,100%);max-height:100%;overflow:auto;padding:28px!important;text-align:left!important}
.prompt-welcome h1{font-size:26px!important;margin:12px 0!important}
.prompt-welcome p{font-size:14px!important;line-height:1.75!important;color:#cad9eb!important}
.prompt-welcome ol{padding-left:23px;font-size:14px;color:#edf4ff;line-height:2}
.prompt-welcome .quiet{display:block;text-align:center;font-size:12px;margin-top:12px}
@media(max-width:800px){
  [data-mode="prompt"] .shell{height:auto;min-height:100dvh;padding:10px;gap:9px}
  [data-mode="prompt"] .top{gap:8px;align-items:center}
  [data-mode="prompt"] .top-actions{display:flex}
  [data-mode="prompt"] .top-actions a:not(.prompt-mode-link){display:none}
  [data-mode="prompt"] .top .game-purpose{font-size:10px;display:block;margin-top:3px}
  [data-mode="prompt"] .top .quiet{font-size:10px;padding:8px;min-height:40px}
  [data-mode="prompt"] .layout{display:flex;flex-direction:column;gap:10px;flex:none}
  [data-mode="prompt"] .world-area{height:clamp(270px,44dvh,450px);flex:none;min-height:0}
  [data-mode="prompt"] .stage-note{padding:9px 11px}
  [data-mode="prompt"] .stage-note strong{font-size:14px}
  [data-mode="prompt"] .stage-note small{font-size:11px}
  [data-mode="prompt"] .stage-note .clock{margin-top:4px}
  [data-mode="prompt"] .side{overflow:visible;display:block}
  [data-mode="prompt"] .prompt-panel{padding:14px;gap:10px}
  #prompt-input{min-height:90px;resize:none;font-size:16px}
}
@media(max-height:600px) and (min-width:600px){
  [data-mode="prompt"] .shell{height:100dvh;min-height:0;padding:8px 10px;gap:6px}
  [data-mode="prompt"] .top{min-height:0;height:44px}
  [data-mode="prompt"] .top .edition{font-size:8px}
  [data-mode="prompt"] .top .brand{font-size:18px}
  [data-mode="prompt"] .top-actions{display:flex!important}
  [data-mode="prompt"] .game-purpose{display:none!important}
  [data-mode="prompt"] .layout{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(245px,34%);grid-template-rows:minmax(0,1fr);gap:8px;min-height:0}
  [data-mode="prompt"] .world-area{height:auto;min-height:0}
  [data-mode="prompt"] .side{overflow:auto;display:flex;min-height:0;border-radius:14px}
  [data-mode="prompt"] .prompt-panel{padding:10px;gap:7px;border-radius:14px;width:100%}
  [data-mode="prompt"] .stage-note strong{font-size:13px}
  [data-mode="prompt"] .stage-note small{font-size:10px}
  [data-mode="prompt"] .stage-note .clock{margin-top:4px;font-size:9px}
  #prompt-input{height:66px;min-height:66px;max-height:140px;font-size:14px;padding:7px;resize:vertical}
  .prompt-focus{display:none}
  .prompt-validation{font-size:10px!important;min-height:0}
  .prompt-reading{font-size:10px;gap:4px}
  .prompt-reading span{padding:3px 5px}
  .prompt-meaning-title{font-size:9px;margin-bottom:4px}
  #prompt-execute{min-height:44px;font-size:14px}
}
[data-mode="prompt"] [hidden]{display:none!important}