@import url('./strategy-v3.css');
header h1 { letter-spacing: .13em; }
body { background: #f4f0e7; }
main { max-width: 1040px; }
.hud { flex-wrap: wrap; }
.action-row { gap: 10px; align-items: center; flex-wrap: wrap; }
.action-row p { flex: 1; min-width: 170px; margin: 5px 0; }
.action-row input { max-width: 100%; padding: 8px; border: 1px solid #b9b09c; border-radius: 5px; }
pre { max-height: 420px; overflow: auto; }
#tab-content > button { margin: 8px 0; }
#message:not(:empty) { padding: 9px 14px; border-left: 3px solid #9a6b44; background: #f6e5d4; }
button:disabled { opacity: .55; cursor: default; }
@media (max-width: 600px) { header { align-items: start; gap: 12px; } h1 { font-size: 25px; } .action-row { display: flex; } .v3-card { padding: 14px; } .tools { align-items: start; } }

#free-action-input { display:block; width:100%; box-sizing:border-box; margin:12px 0; padding:10px; border:1px solid #b9b09c; border-radius:5px; font:inherit; resize:vertical; }

/* V4.4.1：页面层级；旧入口继续使用原布局。 */
.paged-navigation header { padding:12px 0; }
.paged-navigation h1 { font-size:23px; }
.paged-navigation #message:empty { min-height:0; margin:6px 0; }
.paged-navigation .hud { padding:10px 14px; gap:2px 18px; }
.paged-navigation .hud strong { font-size:16px; }
.paged-navigation #game { display:grid; grid-template-columns:124px minmax(0,1fr); gap:18px; margin-top:14px; align-items:start; }
.paged-navigation #tabs { display:grid; gap:6px; margin:0; position:sticky; top:8px; align-self:start; grid-row:1 / span 2; }
.paged-navigation #tabs button { width:100%; min-height:42px; }
.paged-navigation #tab-content { min-width:0; overflow-wrap:anywhere; }
.paged-navigation .page-back { display:flex; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:12px; }
.paged-navigation .summary-grid,.paged-navigation .place-list,.paged-navigation .more-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
.paged-navigation .more-list button { min-height:48px; }
.paged-navigation .place-list .v3-card { margin:0; }
.paged-navigation .place-list p { font-size:14px; }
.paged-navigation .action-row { display:block; }
.paged-navigation .action-row button { max-width:100%; }
.paged-navigation .action-row small { display:block; min-width:0; margin-top:6px; }
.paged-navigation .unavailable-reason { margin:6px 0 0; color:#815039; font-size:14px; }
.paged-navigation .cost-note { color:#65563f; font-size:14px; }
.paged-navigation .event-choice-row { border-top:1px solid var(--line); margin-top:12px; padding-top:12px; }
.paged-navigation .event-choice-row small { display:block; margin-top:6px; }
.paged-navigation .setup { margin-top:20px; grid-column:2; }
.paged-navigation [data-blocking-event] { border-color:#a58d68; }
.paged-navigation [data-page='result'] > button { margin-right:8px; }
.paged-navigation .location-flow { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:14px; }
.paged-navigation .location-base-actions > small { display:block; }
@media (orientation:landscape) and (max-height:500px) {
 .paged-navigation header { padding:5px 0; }
 .paged-navigation header > div { display:flex; align-items:center; gap:16px; }
 .paged-navigation h1 { font-size:19px; }
 .paged-navigation .hud { padding:6px 12px; font-size:14px; }
 .paged-navigation .hud strong { font-size:14px; }
 .paged-navigation #game { grid-template-columns:110px minmax(0,1fr); gap:12px; margin-top:10px; }
 .paged-navigation .v3-card { padding:14px; }
 .paged-navigation #tabs button { padding:7px 8px; font-size:15px; }
}
@media (orientation:portrait) and (max-width:700px) {
 .paged-navigation { padding-bottom:76px; }
 .paged-navigation #game { display:block; }
 .paged-navigation #tabs { position:fixed; z-index:10; left:0; right:0; bottom:0; top:auto; display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:3px; padding:6px 5px max(6px,env(safe-area-inset-bottom)); background:var(--paper); border-top:1px solid var(--line); }
 .paged-navigation #tabs button { padding:7px 2px; font-size:14px; min-height:44px; }
 .paged-navigation .place-list,.paged-navigation .summary-grid { grid-template-columns:1fr; }
 .paged-navigation .location-flow { display:block; }
}
