/* Conversation-first play. Keep the story readable and utilities reachable. */
:root { --story-paper: #ede7dc; }
.player-entry { margin: 22px 0 22px 12%; padding: 16px 20px; background: #30281d; border: 1px solid #70572e; border-radius: 14px 14px 3px 14px; }
.player-entry .player-words { color: #fff0d3; white-space: pre-wrap; overflow-wrap: anywhere; font-family: system-ui, sans-serif; font-size: 15px; }
.story-entry { max-width: 800px; }
.story-entry p { line-height: 1.8; }
.story-entry > div { gap: 14px; }
#typed-move-input { width: 100%; min-width: 0; min-height: 58px; max-height: 160px; resize: vertical; border: 1px solid #464039; border-radius: 8px; padding: 12px 14px; background: #17191b; color: var(--story-paper); font: 16px/1.5 system-ui,sans-serif; }
#typed-move-input:focus { outline: 2px solid #bb9152; outline-offset: 1px; }
.typed-move-row { align-items: center; }
.typed-mode { display: flex; flex-direction: column; gap: 2px; }
.typed-mode button { min-height: 24px; font-size: 10px; }
#turn-status { margin: 0; min-height: 0; color: #c4ac81; font: 12px/1.5 system-ui,sans-serif; }
#turn-status:not(:empty) { padding: 10px 24px; }
.mobile-utilities, #close-intel { display: none; }
.suggested-row button { white-space: normal; line-height: 1.4; min-height: 46px; }
.sound-toggle { opacity: .75; }
#more-dock:not(.hidden) { display: block !important; }
#more-moves { margin: 0 14px 8px; padding: 7px 10px; color: #c4ac81; }
@media (max-width: 700px) {
  .play-column { grid-template-rows: minmax(0,1fr) auto auto; }
  .mobile-utilities { display: flex; justify-content: space-around; padding: 6px 8px calc(6px + env(safe-area-inset-bottom)); background: #101317; border-top: 1px solid #333; }
  .mobile-utilities button { border: 0; background: none; color: #d5c9b4; padding: 10px 8px; font: 12px system-ui,sans-serif; }
  .intel-panel.mobile-open { display: block; position: fixed; inset: 56px 0 0; z-index: 100; overflow-y: auto; background: #101317; padding-bottom: env(safe-area-inset-bottom); }
  #close-intel { display: block; width: 100%; padding: 18px; text-align: left; border: 0; border-bottom: 1px solid #333; color: #e6be7f; background: #181b1f; }
  .sound-toggle { display: none; }
  .scene-board-top { grid-template-columns: 1.5fr 1fr; }
  .scene-board-top > div:last-child, .scene-board-compact { display: none; }
  .scene-board { padding: 10px 14px; }
  .player-entry { margin-left: 7%; padding: 12px 14px; }
  .story-entry p { font-size: 16px; line-height: 1.7; }
  .typed-move { padding: 8px 10px; }
  .typed-move-head { display: none; }
  .typed-move-row { gap: 6px; }
  .typed-mode button { padding: 3px 6px; }
  .suggested-row { display: flex; overflow-x: auto; padding: 8px 12px; }
  .suggested-row button { flex: 0 0 160px; min-height: 45px; }
}

.scene-panel{flex:none;margin:0 12px;padding:8px 10px;border:1px solid #343a43;border-radius:8px;background:#11151b}.scene-panel summary{cursor:pointer;font-size:11px;letter-spacing:.12em}.scene-panel img{display:block;width:100%;max-height:220px;object-fit:cover;margin-top:8px;border-radius:6px}.scene-panel img.hidden{display:none}.scene-panel p{font-size:12px;color:#aab2bd}.scene-panel button{padding:8px 12px}.scene-panel[open]{max-height:290px;overflow:auto}