/* Fewer decisions before play; the existing art, native inputs and save owner remain. */
.clear-chart [hidden],.town-dialog[hidden]{display:none!important}
.voyage-setup .creator-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
.voyage-setup .creator-tabs[hidden]{display:none}
.voyage-setup .setup-identity{gap:12px}
.voyage-setup .setup-identity .field{margin:0}
.setup-ship{border-top:1px solid #59726a60;padding-top:5px}
.setup-ship summary{min-height:44px;display:flex;align-items:center;gap:9px;cursor:pointer;font-size:14px;font-weight:700;color:#31575b}
.setup-ship summary:before{content:'+';font-size:22px}.setup-ship[open] summary:before{content:'−'}
.setup-ship .field{margin-bottom:10px}
.voyage-setup .first-stop{margin-top:6px;padding:12px;background:#204e54;color:#fff0cb}
.voyage-setup .first-stop small{color:#d6e3d2;line-height:1.4}
.voyage-setup .creator-actions{display:grid;grid-template-columns:auto 1fr;gap:8px}
.voyage-setup .creator-actions [data-c=done]{grid-column:1/-1;min-height:50px}
.voyage-setup .creator-actions [data-act=go]{min-width:0;font-size:14px}
.voyage-setup .setup-note:empty{display:none}
.voyage-setup .cpanel{gap:8px}
.voyage-setup .captain-presets .wbtn{min-height:44px}
.town-menu-actions{display:grid;gap:10px}
.town-menu-actions button{min-height:48px;width:100%}
.clear-chart .chart-sheet{width:min(1120px,calc(100vw - 24px));height:min(850px,calc(100dvh - 24px));max-height:calc(100dvh - 24px);padding:14px;gap:12px;grid-template-columns:minmax(0,1fr) 260px;grid-template-rows:auto minmax(0,1fr)}
.clear-chart .chart-map{min-height:0;align-self:stretch;background:#176776;border-radius:10px;overflow:hidden}
.clear-chart .chart-route{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:14px;padding:12px 0}
.clear-chart .chart-route>.eyebrow{margin:0;color:#31575b;font-size:13px}
.clear-chart .chart-controls{display:block}
.clear-chart #chart-destination{width:100%;min-height:48px;max-width:100%;color:#182e34;background:#fff0cd;border:2px solid #31575b;border-radius:8px;padding:8px;font-size:15px}
.clear-chart .chart-destination{padding:14px;display:flex;flex-direction:column;gap:10px;min-height:0;background:#204e54;color:#fff0cb}
.clear-chart .chart-destination{flex:0 0 auto;align-items:flex-start}
.clear-chart .chart-destination small{color:#d6e3d2;line-height:1.4}
.clear-chart .chart-route footer{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px;padding-top:12px}
#stage .clear-chart .chart-sheet .chart-route footer{display:flex}
#stage .clear-chart .chart-sheet .chart-route footer{margin-top:0}
.clear-chart .chart-route footer [data-chart-follow]{flex:1;order:-1;min-height:50px;width:100%}
.clear-chart .chart-route footer [data-sea=clearcourse]{flex:1;min-height:44px}
.clear-chart .chart-note{font-size:13px;line-height:1.4;margin:0;color:#31575b}
.clear-chart .chart-map-tools{bottom:10px;right:10px}
.clear-chart .chart-map-tools button{min-width:44px;min-height:44px}
.clear-chart .chart-map-tools .chart-all{font:700 12px var(--sans)}
.clear-chart .chart-key{font-size:12px;line-height:1.5;color:#31575b}
@media(max-width:700px) and (orientation:portrait){
 .clear-chart .chart-sheet{width:calc(100vw - 12px);height:calc(100dvh - 12px);max-height:calc(100dvh - 12px);padding:10px;gap:8px;grid-template-columns:1fr;grid-template-rows:auto minmax(150px,1fr) auto}
 .clear-chart .chart-route{padding:0;gap:8px;overflow:visible}
 .clear-chart .chart-route>.eyebrow{display:none}
 .clear-chart .chart-destination{flex-direction:row;align-items:center;justify-content:space-between;padding:10px}
 .clear-chart .chart-destination b{font-size:16px}
 .clear-chart .chart-route footer{padding:0;margin:0;flex-wrap:nowrap}
 .clear-chart .chart-route footer [data-chart-follow]{flex:2;width:auto}
 .clear-chart .chart-note{font-size:12px}
 .voyage-setup .creator-actions{padding-top:6px;gap:6px}
}
@media(max-height:650px) and (orientation:portrait){
 .voyage-setup .creator{height:100%}
 .voyage-setup .first-stop{padding:7px;font-size:13px;margin:0}.voyage-setup .first-stop svg{display:none}
 .voyage-setup .creator-heading{padding:0}.voyage-setup .creator-heading h2{font-size:21px}
 .clear-chart .chart-sheet{grid-template-rows:48px minmax(130px,1fr) auto;padding:6px;gap:6px}
 .clear-chart .chart-sheet h2{font-size:20px}.clear-chart .chart-sheet header .eyebrow{display:none}
 .clear-chart .chart-destination{padding:6px}.clear-chart .chart-destination small{font-size:11px}
 .clear-chart .chart-note{display:none}
}
@media(max-height:500px) and (orientation:landscape){
 .clear-chart .chart-sheet{height:calc(100dvh - 12px);max-height:calc(100dvh - 12px);padding:8px;gap:6px;grid-template-columns:minmax(0,1fr) 240px}
 .clear-chart .chart-route{gap:6px;padding:0}.clear-chart .chart-destination{padding:7px}.clear-chart .chart-note{display:none}.clear-chart .chart-route>.eyebrow{display:none}
 .voyage-setup .creator-actions{grid-template-columns:auto 1fr 1fr}.voyage-setup .creator-actions [data-c=done]{grid-column:auto}
}