/* One material language across all authored sheets and native overlays. */
#stage .chart-sheet .chart-route footer [data-sea=clearcourse]{width:auto;min-width:68px;max-width:none;padding:10px}
.voyage-setup .setup-flags .flag{width:44px;min-width:44px;height:44px}.voyage-setup .captain-presets button{min-height:44px}
.voyage-setup .roll:after{content:'✦';font:26px Georgia;color:#e7c588}.voyage-setup .wardrobe-arrow{min-width:44px}.voyage-setup .wardrobe-stepper{grid-template-columns:44px minmax(0,1fr) 44px}
#stage .chart-sheet #chart{touch-action:none}#stage .chart-sheet .chart-route footer{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;padding:10px 0 0}#stage .chart-sheet .chart-route footer [data-chart-follow]{grid-column:1/-1;width:100%;max-width:none;background:linear-gradient(130deg,#f4dba0,#c89b4f);color:#302b20;border-color:#f3d692}#chart-distance{color:#ecd09a!important}
:root{--compass-surface:repeating-linear-gradient(2deg,#050f191c 0 1px,transparent 1px 7px),linear-gradient(125deg,#284f51,#102b34 80%);--compass-edge:#bc985c;--compass-inset:inset 0 0 0 3px #0b242d,inset 0 0 0 4px #c09b4e45,0 12px 40px #00141b88}
.screen:not(.menu),.chart-sheet,.pausecard,.pause-card,.resultcard,.replay-controls,.encounter,.after,.simple-quarters,.town-dialog{background-image:var(--compass-surface);color:var(--ink);border:1px solid var(--compass-edge);border-radius:18px;box-shadow:var(--compass-inset)}
.sheet-heading,.porthead,.quarters-heading{padding-bottom:14px;border-bottom:1px solid #c4a36966}.sheet-heading>.ico,.porthead>.ico{color:#e5bd75;filter:drop-shadow(0 2px 1px #0018)}
.screen h2,.screen h3,.chart-sheet h2,.pausecard h2,.pause-card h2{font-family:var(--serif);color:#f3d9a1;text-shadow:0 2px #071b2280}
.panel,.sailor,.job,.upg,.upgrade-card,.trait-card,.ship-summary>div,.voyage-lord,.crew-profile,.dock-battle,.relic-card,.selected-court,.encounter-card{background:linear-gradient(135deg,#2b5153,#14333c);border:1px solid #bb975959;box-shadow:inset 0 1px #f1dbac25;border-radius:12px}
.screen details,.screen summary,.rules-detail{border-color:#b5975c66;border-radius:9px}.screen summary{min-height:44px;padding:12px;color:#e4c48b}.screen input,.screen select,.chart-controls select{background:#092630;color:#ffedc5;border:1px solid #aa8b53;border-radius:9px;min-height:44px;padding:10px;max-width:100%}
.tab,.sizebtn,.sbtn,.flag,.dock-tile,.recruit-picks .wbtn{color:#f5e6c3;background:linear-gradient(140deg,#2c5354,#153640);border-color:#ba985c;box-shadow:inset 0 0 0 3px #061e292d,0 2px 1px #0015;border-radius:10px;min-height:44px}
.tab.on,.sizebtn.on,.flag.on,.sbtn.on,.wbtn.on{background:linear-gradient(140deg,#e3c58a,#ba9757);color:#172d33;border-color:#f5dda8;text-shadow:none}.rule-chip,.reward-chip,.statbit,.trait-owned>span{border-color:#ad8f5655;border-radius:8px}.bar{background:#081f2a;border:1px solid #a0804b44}.bar>i{background:linear-gradient(90deg,#45766b,#a2c99d)}
.screen .action-dock,.screen .portfoot{background:linear-gradient(0deg,#102d35,#102d3500);border-top:1px solid #b99a605c;padding-top:12px}.screen .action-dock>.go{border-radius:24px}.sheetnote{background:#123942;border:1px solid #bda064;border-radius:12px;color:#fff0ce}.screen.narrow{max-width:660px}.screen button,.screen select,.screen summary,.chart-sheet button{touch-action:manipulation}
.pausecard,.pause-card{padding:26px!important}.pausecard button,.pause-card button{min-height:48px;border-radius:10px}.pause-overlay,.pauseveil{backdrop-filter:blur(5px);background:#04192099}.replay-controls{border-radius:24px;color:#f1d9a9}.sprite-loading{background-image:var(--compass-surface)!important}
.voyage-setup .cpanel{gap:12px}.voyage-setup .creator-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.voyage-setup .creator-tabs button{padding:8px 4px;font-size:13px;min-width:0}.setup-scroll{overflow-y:auto;min-height:0;flex:1;touch-action:pan-y;padding:2px 4px 6px}.setup-scroll .crows{overflow:visible}.setup-identity{display:grid;gap:14px}.setup-identity[hidden],.voyage-setup [hidden]{display:none!important}.setup-identity .field{display:grid;gap:6px;color:#d4bd89}.setup-identity input{width:100%;box-sizing:border-box;min-height:48px;border:1px solid #b4955b;background:#092630;color:#ffedcf;border-radius:9px;font:16px var(--sans);padding:10px 12px}.setup-flags{display:flex;gap:8px;flex-wrap:wrap}.setup-flags .flag{width:48px;height:48px;padding:6px;display:grid;place-items:center}.setup-flags .flag i{width:26px;height:22px;background:var(--c);border-left:3px solid var(--a);clip-path:polygon(0 0,100% 0,80% 50%,100% 100%,0 100%)}
.captain-presets{display:flex;justify-content:center;gap:8px;margin:0 14px 18px}.captain-presets button{display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 10px;font-size:12px;min-width:0}.captain-presets svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;flex-shrink:0}.preview-gesture{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);padding:4px 10px;border-radius:12px;background:#0b2b3480;color:#e4d6b4;font:11px var(--sans);pointer-events:none;white-space:nowrap}.first-stop{display:flex;gap:12px;align-items:center;margin:0;padding:14px;border:1px solid #c19b4b55;border-radius:12px;background:#0d2933}.first-stop svg{width:34px;height:34px;fill:none;stroke:#deb876;stroke-width:2;flex-shrink:0}.first-stop b{font:600 16px Georgia;color:#f4d7a2}.first-stop small{display:block;margin-top:5px;color:#b8cabc;font:12px/1.5 var(--sans)}.setup-note:empty{display:none}.setup-note{font:12px var(--sans);color:#e7c990}.voyage-setup .creator-actions{display:flex;gap:8px}.voyage-setup .creator-actions>button{padding:9px 12px;min-width:0}.voyage-setup .creator-actions>.go{flex:1;white-space:nowrap}.creator-actions svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2;vertical-align:middle}.voyage-setup .cpanel{display:flex;flex-direction:column}.voyage-setup .cname{margin-bottom:8px}.voyage-setup .wardrobe-stepper{grid-template-columns:44px minmax(0,1fr) 44px}.voyage-setup .wardrobe-arrow{width:44px}.voyage-setup .wardrobe-stepper select{font-size:12px}
.chartwrap{background:#031921bb;backdrop-filter:blur(4px);padding:16px}.chart-sheet{padding:20px;gap:16px;max-height:calc(100dvh - 32px);overflow:hidden}.chart-sheet>header{border-bottom:1px solid #be9b5a66;padding-bottom:12px}.chart-sheet header .eyebrow{display:none}.chart-sheet h2{font-size:26px;margin:0 0 5px}.chart-key{color:#c3c7ad}.chart-map{position:relative;overflow:hidden;border:2px solid #b2925a;border-radius:12px;box-shadow:0 4px 20px #0018;align-self:center}.chart-map canvas{touch-action:none;display:block}.chart-map-tools{position:absolute;bottom:8px;left:8px;display:flex;gap:5px}.chart-map-tools button{width:44px;height:44px;padding:0;font-size:24px;background:#143840ed;color:#f1d59c}.chart-route{min-width:0;overflow-y:auto;touch-action:pan-y;gap:10px}.chart-route>.eyebrow{display:none}.chart-filters{display:flex;gap:5px;margin-bottom:8px}.chart-filters button{padding:8px;font-size:12px;flex:1}.chart-picks{display:grid;gap:6px}.chart-pick{display:grid;text-align:left;gap:4px;padding:10px 12px;border:1px solid #a68b5359;border-radius:9px;background:#102f39;color:#ecd7a8;min-height:54px}.chart-pick[aria-pressed=true]{border-color:#e9c782;background:#315553}.chart-pick b{font:16px Georgia}.chart-pick small{font:11px var(--sans);color:#c0cdbd}.chart-controls select{width:100%;font-size:13px}.chart-controls [data-sea=zoomchart]{display:none}.chart-destination{border:1px solid #b99d6344;border-radius:10px;padding:12px;background:#0c2933;color:#f5dfa8}.chart-destination small{color:#c4d1be}.chart-route footer{display:flex;flex-wrap:wrap;gap:6px}.chart-route footer button{padding:10px;font-size:13px}.chart-route [data-sea=setcourse]{background:#244b4e;color:#efdbb3;box-shadow:none;flex:1}.chart-route [data-chart-follow]{flex-basis:100%;border-radius:22px;min-height:48px}.chart-note{margin:0;font:11px/1.5 var(--sans);color:#c2cbb6}.helm-stop{min-height:44px;padding:9px 14px;pointer-events:auto;color:#f9da9b}.seabar,.sea-tools,.sea-navigation .windbox,.course-chip,.chart-launch{border-color:#b39a5c99;background-color:#102e38eb;color:#f0d9ad;box-shadow:inset 0 0 0 2px #16383d,0 4px 16px #0015}.sea-tools{border-radius:24px}.chart-launch{border-radius:14px;overflow:hidden}.wprompt{background:linear-gradient(140deg,#f0d29a,#c5a061);color:#172b30;border:1px solid #f5dfa8;border-radius:24px;min-height:48px}.toast{background:#12343ded;color:#f6e6bf;border:1px solid #bba063;border-radius:12px}
@media(max-width:700px) and (orientation:portrait){.voyage-setup{grid-template-rows:36% minmax(0,1fr)}.voyage-setup .cpanel{padding:12px;gap:8px}.captain-presets{margin:0 8px 7px;gap:6px}.captain-presets button{font-size:11px;padding:6px;min-height:40px}.captain-presets svg{width:19px}.voyage-setup .cname{font-size:15px;padding:5px 10px;margin-bottom:6px}.voyage-setup .cname span{font-size:10px}.setup-identity{gap:10px}.first-stop{padding:10px}.first-stop b{font-size:14px}.first-stop small{font-size:11px}.setup-flags{gap:6px}.setup-flags .flag{width:40px;height:44px}.voyage-setup .creator-actions>button{padding:8px;font-size:13px}.chartwrap{padding:8px}.chart-sheet{max-height:calc(100dvh - 16px);padding:12px;gap:10px}.chart-sheet h2{font-size:22px}.chart-key{font-size:11px}.chart-nearby{display:none}.chart-route{gap:7px}.chart-destination{padding:8px}.chart-note{font-size:10px}.chart-route footer button{min-height:44px}.screen:not(.menu){border-radius:12px;padding:16px}.ship-summary,.voyage-lords{gap:8px}.pausecard,.pause-card{padding:20px!important}}
@media(max-height:600px) and (orientation:landscape){.voyage-setup .cpanel{gap:6px}.voyage-setup .creator-heading{min-height:32px}.voyage-setup .creator-tabs{padding-bottom:5px}.captain-presets{margin-bottom:8px}.captain-presets button{font-size:10px;padding:6px}.captain-presets svg{display:none}.chart-nearby{display:none}.chart-sheet{padding:10px;gap:8px}.chart-sheet header{padding-bottom:5px}.chart-sheet h2{font-size:20px}.chart-note{display:none}.chart-route{gap:6px}.chart-destination{padding:8px}.chart-route footer button{padding:6px 10px}}
@media(max-height:650px) and (orientation:portrait){.voyage-setup{grid-template-rows:32% minmax(0,1fr)}.captain-presets{display:none}.voyage-setup .creator-heading h2{font-size:19px}.voyage-setup .creator-heading{min-height:36px}.voyage-setup .creator-tabs button{font-size:11px}.setup-flags .flag{width:34px}.preview-gesture{display:none}}

/* Keep the captain legible while the independently scrolling wardrobe stays reachable. */
@media(max-width:700px) and (orientation:portrait){.voyage-setup{grid-template-rows:48% minmax(0,1fr)}.voyage-setup .cname{margin-bottom:4px;padding:4px 10px}.captain-presets{margin-bottom:5px}.captain-presets svg{display:none}}
@media(max-height:650px) and (orientation:portrait){.voyage-setup{grid-template-rows:43% minmax(0,1fr)}}