/* Flat vector cartoon: one ink, flat fields, one hard shadow, teal action. */
:root{--cartoon-ink:#202832;--cartoon-teal:#1fa9a0;--cartoon-shadow:#166b6c;--cartoon-paper:#ead8af;--paper-ink:#202832;--paper-dim:#4c565b;--paper-surface:linear-gradient(#ead8af,#ead8af);--cloth-surface:linear-gradient(#1fa9a0,#1fa9a0)}
.screen:not(.menu),.creator .cpanel,.chart-sheet,.town-dialog,.pausecard,.resultcard{background:#ead8af;background-image:none;border:3px solid #202832;box-shadow:0 5px 0 #202832;border-radius:14px;color:#202832}
.screen:not(.menu) :is(h2,h3),.creator-heading h2,.town-dialog h3,.pausecard h3{color:#202832;text-shadow:none;font-weight:800}
.screen :is(.panel,.sailor,.job,.upg,.upgrade-card,.trait-card,.vcard,.selected-court,.crew-profile,.relic-card),.creator .wardrobe-card,.first-stop,.chart-destination,.chart-pick{background:#354e57;border:2px solid #202832;box-shadow:0 3px 0 #202832;border-radius:10px;--ink:#f3e4c4;--dim:#c0d1cb}
.screen :is(button,input,select),.pausecard button,.chart-sheet button{border-color:#202832;box-shadow:none;text-shadow:none}
.screen :is(.wbtn,.cbtn,.menubtn),.chart-sheet button,.town-dialog button{border:2px solid #202832;background:#354e57;color:#f3e4c4;border-radius:9px;box-shadow:0 3px 0 #202832}
.screen :is(.wbtn.go,.cbtn.go,.menubtn.primary),.town-dialog .go,#stage .chart-sheet .chart-route footer [data-chart-follow],.creator-tabs .wbtn.on,.tab.on,.sbtn.on,.sizebtn.on,.flag.on{background:#1fa9a0;color:#15272d;border:2px solid #202832;box-shadow:0 3px 0 #166b6c;font-weight:800;text-shadow:none}
.screen :is(.wbtn.go,.cbtn.go,.menubtn.primary):hover{background:#48bcb1}.screen :is(button,input,select):focus-visible{outline:3px solid #1fa9a0;outline-offset:3px}
.title-navframe{background:#354e57;border:3px solid #202832;box-shadow:0 4px 0 #202832;border-radius:12px}.screen.menu:before{display:none}.title-compass{background:#ead8af;color:#202832;border:2px solid #202832;box-shadow:none}
.screen.menu .title-brand,.title-logo{filter:drop-shadow(0 3px 0 #20283280)}.menubtn.primary .ico,.menubtn.primary:after{color:#15272d}
.creator .cname{background:#354e57;border:2px solid #202832;color:#f3e4c4;box-shadow:0 3px 0 #202832}.creator .cname small{color:#c0d1cb}.creator-heading .roll{background:#1fa9a0;color:#202832}.creator .wardrobe-card{border-width:2px}.creator .wardrobe-stepper select{background:transparent;border:0}.wardrobe-arrow{color:#ead8af!important;background:transparent!important;border:0!important;box-shadow:none!important}.creator .setup-identity input{background:#f3e4c4;color:#202832}
.screen .action-dock,.screen .portfoot{background:#ead8af;border-color:#202832}.screen .sheet-heading,.creator-tabs,.chart-sheet>header{border-color:#202832}.chart-pick[aria-pressed=true]{background:#166b6c;border-left:5px solid #1fa9a0}.chart-filters button.on{background:#1fa9a0;color:#202832}.chart-map{border:3px solid #202832;box-shadow:none}
.hud .scoreboard,.scoreboard,.replay-controls,.seabar,.sea-tools,.course-chip{background:#354e57;border:2px solid #202832;box-shadow:0 3px 0 #202832;color:#f3e4c4;border-radius:9px}.scoreboard.serve-us{border-left:5px solid #1fa9a0}.scoreboard.serve-them{border-right:5px solid #b65b4b}.servehint,.hudhelp,.toast,.sheetnote{background:#354e57;color:#f3e4c4;border:2px solid #202832}.wprompt{background:#1fa9a0;color:#202832}
.town-action{background:#ead8af!important;color:#202832!important;border:3px solid #202832!important;box-shadow:0 3px 0 #202832!important}.town-action small{color:#4c565b}.town-compass{background:#354e57!important;border:2px solid #202832!important;box-shadow:0 3px 0 #202832!important}.town-dialog [data-conversation=close]{background:#ead8af;color:#202832;border:2px solid #202832}
.nautical-loading{background:#355c68}.loading-chart{background:#ead8af;border:3px solid #202832;box-shadow:0 6px 0 #202832}.loading-ribbon{background:#1fa9a0;color:#202832;border-color:#202832;box-shadow:0 4px 0 #202832}.loading-chart h2{text-shadow:none;color:#202832}.loading-status{color:#4c565b}.loading-knots i{background:#1fa9a0;border:2px solid #202832}.loading-retry{background:#1fa9a0;border:2px solid #202832;color:#202832}
@media(prefers-reduced-motion:reduce){.screen.menu .logo-part{transform:none}}