@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap";#crew-open{grid-column:1/-1;display:flex;flex-direction:column;gap:5px;min-height:34px;width:100%;margin-top:7px;padding:3px 0 5px;border:0;background:none;text-align:left;color:#e7dfc5;font-size:10px;pointer-events:auto}#crew-open .crew-mini-label{display:flex;align-items:center;gap:6px;width:100%}#crew-open b{font-weight:500;margin-left:auto}.crew-health-track{position:relative;display:flex;flex:none;width:100%;height:5px;background:#6c87884d;border-radius:2px;margin-bottom:7px}.crew-health-track i{height:100%;display:block}.crew-health-track .healthy{background:#a4c899}.crew-health-track .injured{background:#d88c77}.crew-threshold{position:absolute;top:-2px;height:9px;border-left:1px solid #fff1bd;font:8px/1 system-ui;color:#f6e5b6;padding:11px 0 0 2px;transform:translate(-1px)}#crew-warnings{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:3px;font-size:8px;line-height:1.3}#crew-warnings:empty{display:none}#crew-warnings span{padding:2px 4px;border-radius:3px;color:#ffd7a4;background:#7f4b2b91}#crew-panel{color:#ece3c9;background:#14383fee;border:1px solid #78938b;border-radius:10px;padding:14px 16px;width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 20px);overflow:auto;box-shadow:0 15px 60px #001f2b88}#crew-panel::backdrop{background:#07253065}#crew-panel header{display:flex;align-items:center;justify-content:space-between;gap:12px}#crew-panel h2{font:22px Georgia,serif;margin:0}#crew-panel h3{font-size:12px;font-weight:600;margin:0}#crew-panel button,#crew-panel select{font:12px system-ui;min-height:36px;border:1px solid #6f8881;border-radius:5px;background:#23474a;color:#f2e3bd;padding:7px 10px}#crew-panel #crew-close{font-size:23px;min-width:36px;border:0;background:none;padding:0}#crew-panel .crew-detail{display:flex;justify-content:space-between;gap:8px;font-size:11px;margin:8px 0}#crew-panel .crew-detail strong{font-weight:500}#crew-efficiency{font-size:10px;color:#c3cdb9;white-space:nowrap}.crew-large-track{height:8px;margin:7px 0 18px}.crew-large-track .crew-threshold{height:12px;padding-top:14px}.crew-supplies{display:flex;gap:18px;align-items:center;border-bottom:1px solid #66817d66;padding:5px 0 11px;font-size:11px}.crew-supplies strong{display:block;margin-top:3px;font-size:12px}.crew-supplies small{margin-left:auto;color:#a9bdb4;font-size:9px}.crew-work-heading{display:flex;justify-content:space-between;align-items:center;margin:10px 0 4px;gap:10px}.crew-work-heading label{display:flex;align-items:center;gap:5px;font-size:10px;letter-spacing:0;margin:0}.crew-work-heading select{padding:4px}.crew-work-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:7px 0;border-bottom:1px solid #66817d33}.crew-work-row strong{font-size:12px;font-weight:600}.crew-work-row small{display:block;font-size:10px;color:#b5c8bb;margin-top:3px}.crew-work-row .crew-work-reason{font-size:9px;color:#e5bd8a}.crew-work-reason:empty{display:none}.crew-work-row button{min-width:62px}#crew-progress{margin-top:10px}#crew-progress>div{display:flex;align-items:center;justify-content:space-between;font-size:12px}#crew-progress progress{width:100%;height:7px;accent-color:#dfc384}#crew-progress small{font-size:10px;color:#c6cdbb}#crew-feedback{font-size:11px;color:#e8bf92;margin:7px 0 0;min-height:0}#crew-feedback:empty{display:none}@media(max-width:900px),(max-height:600px){#crew-open{min-height:27px;margin-top:0;padding-top:0;font-size:9px;gap:4px}#crew-panel{padding:10px 14px}.crew-work-row{padding:5px 0}.crew-work-heading{margin-top:6px}.crew-detail{margin-top:4px!important}}@media(max-height:500px){#crew-panel header{min-height:28px}#crew-panel h2{font-size:19px}#crew-panel #crew-close{min-height:28px}#crew-panel .crew-detail{margin:3px 0}.crew-large-track{margin:5px 0 15px}.crew-supplies{padding:3px 0 7px}.crew-work-heading{margin:5px 0 0}.crew-work-row{padding:4px 0}.crew-work-row small{margin-top:2px}#crew-panel .crew-work-heading select{min-height:30px}}#crew-open.supply-reminder,#crew-food.supply-reminder,#crew-water.supply-reminder{border-radius:3px;color:#ffe0a0;animation:supply-reminder-pulse 1.25s ease-in-out 4}#crew-open.supply-empty,#crew-food.supply-empty,#crew-water.supply-empty{color:#ffc0a8}@keyframes supply-reminder-pulse{0%,to{background-color:transparent;box-shadow:0 0 0 1px transparent}50%{background-color:#b7832740;box-shadow:0 0 0 1px #e6c16b99}}@media(prefers-reduced-motion:reduce){#crew-open.supply-reminder,#crew-food.supply-reminder,#crew-water.supply-reminder{animation:none;background-color:#b7832740;box-shadow:0 0 0 1px #e6c16b99}}#crew-open .crew-mini-label{gap:5px;white-space:nowrap}#crew-open .crew-mini-supply{font-size:8px;font-variant-numeric:tabular-nums;color:#cbd5bd}#crew-open .crew-mini-supply.supply-reminder{border-radius:2px;animation:supply-reminder-pulse 1.25s ease-in-out 4;color:#ffe0a0}#crew-open .crew-mini-supply.supply-empty{color:#ffc0a8}@media(prefers-reduced-motion:reduce){#crew-open .crew-mini-supply.supply-reminder{animation:none;background:#b7832740}}#crew-open .crew-mini-supply{line-height:1}@media(max-width:900px),(max-height:600px){#crew-open .crew-mini-label{height:11px;line-height:11px}}#crew-open .crew-mini-supply{display:inline-flex;align-items:center;gap:3px;font-size:9px;line-height:11px}#crew-open .crew-mini-supply:before{content:"";display:inline-block;flex:none;width:13px;height:11px;background:currentColor;mask:center/contain no-repeat}#crew-open [data-supply=food]:before{color:#e3c78e;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 20'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3 17V9C1 8 1 6 3 4c4-4 14-4 18 0 2 2 2 4 0 5v8H3ZM8 5l-2 4m8-5-2 5m7-3-2 4'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 20'%3E%3Cpath fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M3 17V9C1 8 1 6 3 4c4-4 14-4 18 0 2 2 2 4 0 5v8H3ZM8 5l-2 4m8-5-2 5m7-3-2 4'/%3E%3C/svg%3E")}#crew-open [data-supply=water]:before{width:10px;color:#9ed7e1;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 20'%3E%3Cpath fill='black' d='M8 0C6 4 1 9 1 13a7 7 0 0 0 14 0C15 9 10 4 8 0Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 20'%3E%3Cpath fill='black' d='M8 0C6 4 1 9 1 13a7 7 0 0 0 14 0C15 9 10 4 8 0Z'/%3E%3C/svg%3E")}#results-open{display:none}.menu-open .top-right>#results-open{display:block;position:fixed;right:calc(12px + var(--safe-right,0px));top:calc(174px + var(--safe-top,0px));width:92px;min-height:44px;z-index:10;border:1px solid #b9c6ad55;border-radius:5px;background:#123843;color:#e9d8ad;font-size:11px}#recent-results{width:min(460px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:14px 18px;background:#14383ff5;color:#e9dfc6;border:1px solid #78938b;border-radius:10px}#recent-results::backdrop{background:#07253065}#recent-results header{display:flex;align-items:center;justify-content:space-between}#recent-results h2{font:22px Georgia;margin:0}#results-close{min-width:40px;min-height:40px;background:none;border:0;color:inherit;font-size:24px}#results-list{list-style:none;margin:5px 0 0;padding:0}#results-list li{font-size:12px;line-height:1.5;padding:10px 0;border-top:1px solid #78938b55}#results-empty{font-size:12px;color:#b5c8bb}#sunk>div{max-height:calc(100dvh - 24px);overflow:auto}@media(min-width:951px)and (min-height:551px){.menu-open .top-right>#results-open{right:34px;top:118px;width:230px}}@media(max-height:500px){#sunk h2{font-size:36px;margin:12px 0}#sunk .primary{margin-top:10px}}.harbor.panel{inset:5vh auto auto 50%;transform:translate(-50%);width:min(980px,calc(100vw - 28px));height:90dvh;max-height:none;padding:0;display:flex;flex-direction:column;overflow:hidden;background:#102b30;border:1px solid #486164;border-radius:16px}.harbor.panel[hidden]{display:none}.port-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 20px;background:#16363a}.port-header h2{font-size:24px;margin:2px 0}.port-header .eyebrow{font-size:10px}.port-header #depart{width:auto;margin:0;min-height:42px;padding:10px 16px}.harbor #harbor-description{display:none}#fleet-panel{min-height:0;display:flex;flex-direction:column;flex:1;color:#eee5cc}#fleet-panel[hidden]{display:none}#fleet-panel button,#fleet-panel input,#fleet-panel select{font:inherit;font-size:12px;min-height:38px;border:1px solid #527071;border-radius:7px;background:#1c4043;color:#eee5cc;padding:7px 10px;cursor:pointer;max-width:100%}#fleet-panel input{cursor:text}#fleet-panel button:disabled{opacity:.4;cursor:default}#fleet-panel button[aria-pressed=true]{border-color:#dbba74;background:#3b5148;color:#ffdb8d}#fleet-panel p,#fleet-panel small{font-size:12px;color:#afc3bd;line-height:1.5;margin:5px 0}#fleet-panel h3{font:500 19px Georgia,serif;margin:0 0 12px}#fleet-panel h4{font:500 15px Georgia,serif;margin:0 0 5px}.port-context{display:flex;align-items:center;gap:14px;padding:9px 20px;background:#193c40}.port-context label{font-size:9px;letter-spacing:1px;display:grid;gap:3px;flex:1;max-width:320px}.port-context>div{display:grid;flex:1}.port-context strong{font:18px Georgia,serif}.port-tabs{display:flex;padding:0 16px;border-bottom:1px solid #486164;background:#173438}#fleet-panel .port-tabs button{border:0;border-radius:0;flex:1;background:transparent;min-height:44px}#fleet-panel .port-tabs button[aria-pressed=true]{border-bottom:3px solid #dbba74}.port-content{overflow:auto;min-height:0;flex:1;padding:16px 20px}.fleet-subnav{display:flex;gap:8px;margin-bottom:14px}.fleet-pages{display:flex;gap:6px;margin-left:auto}.fleet-workbench{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(260px,1.1fr);gap:20px}.fleet-ship-view{background:radial-gradient(ellipse at center,#254c4f,#16363a);border:1px solid #426263;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:10px}.fleet-ship-view svg{height:220px;width:100%;flex-shrink:0}.fleet-ship-view>strong{font-size:12px;text-align:center}.fleet-mounts{display:grid;grid-template-columns:1fr 1fr;gap:6px}.fleet-mounts button{text-transform:capitalize}.fleet-card{padding:13px;border:1px solid #426263;background:#193a3d;border-radius:9px;margin-bottom:10px}.fleet-card button{margin:6px 5px 0 0}.fleet-card input,.fleet-card select{margin:5px 5px 0 0}.fleet-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fleet-products .fleet-card{margin:0}.fleet-storage{display:grid;grid-template-columns:1fr 1fr;gap:15px}.fleet-quantity{display:flex;gap:6px;align-items:center}.fleet-quantity input{width:70px}.fleet-quantity button{margin:0}.fleet-crew-bar{height:17px;display:flex;border-radius:8px;overflow:hidden;background:#405957;margin:16px 0}.fleet-crew-bar span{background:#8cc6a1}.fleet-crew-bar .injured{background:#d8ac6c}#fleet-rename{display:flex;gap:6px}#fleet-rename input{min-width:0;flex:1}#fleet-sale{margin-top:14px}#fleet-status{font-size:11px;min-height:20px;color:#d5bd86;padding:3px 20px;background:#173438}#fleet-panel details{margin-top:16px}#fleet-panel summary{padding:10px 0;cursor:pointer;color:#ddbf81}.harbor-adventure,#upgrades,#refit,.refit-note{display:none!important}@media(max-height:500px){.harbor.panel{top:6px;height:calc(100dvh - 12px)}.port-header{padding:6px 14px}.port-header h2{font-size:19px}.port-header .eyebrow{display:none}.port-context{padding:5px 14px}.port-context label{display:flex;align-items:center;font-size:8px}.port-context select{min-height:34px!important}.port-context strong{font-size:15px}.port-tabs button{min-height:36px!important}.port-content{padding:12px 14px}.fleet-ship-view svg{height:165px}}@media(max-width:620px){.harbor.panel{top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;transform:none;border-radius:0}.port-header{padding:10px 12px}.port-header h2{font-size:20px}.port-context{padding:8px 12px;gap:8px;flex-wrap:wrap}.port-context label{max-width:none;flex-basis:100%}.port-context>div{flex:1}.port-tabs{padding:0 4px}#fleet-panel .port-tabs button{font-size:11px;padding:7px 3px}.port-content{padding:12px}.fleet-workbench,.fleet-products,.fleet-storage{grid-template-columns:1fr}.fleet-ship-view svg{height:190px}.fleet-card{padding:12px}}@media(min-width:621px)and (max-height:500px){.harbor.panel{top:4px;height:calc(100dvh - 8px);width:calc(100vw - 16px)}.port-header{height:40px;min-height:40px;box-sizing:border-box;padding:4px 10px;gap:8px}.port-header h2{font-size:16px;max-width:125px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.port-header #depart{min-height:32px;height:32px;padding:5px 9px;font-size:11px}.port-context{position:absolute;top:4px;left:145px;right:135px;height:32px;padding:0;background:transparent;gap:10px}.port-context label{font-size:0;max-width:210px;min-width:120px;flex:1}#fleet-panel .port-context select{min-height:32px!important;height:32px;font-size:11px;padding:4px 6px;width:100%}.port-context>div{flex:0 1 auto;min-width:85px}.port-context strong{display:none}#fleet-panel .port-context small{font-size:10px;line-height:1.2;margin:0}#fleet-panel .port-tabs button{min-height:34px!important;height:34px;font-size:11px;padding:5px 8px}.port-tabs{padding:0 8px}.port-content{padding:8px 10px}.fleet-subnav{margin-bottom:8px;gap:6px}#fleet-panel .fleet-subnav button{min-height:34px;padding:5px 9px}.fleet-workbench{gap:12px;grid-template-columns:minmax(200px,.9fr) minmax(230px,1.1fr)}.fleet-ship-view{padding:8px;gap:7px}.fleet-ship-view svg{height:145px}.fleet-card{padding:9px;margin-bottom:7px}#fleet-panel h3{font-size:17px;margin-bottom:7px}#fleet-panel p{margin:3px 0}.fleet-products{gap:8px}#fleet-status:empty{display:none}}body.port-open .topbar{visibility:hidden}@media(min-width:621px)and (max-height:500px){.harbor.panel .port-header h2{font-size:16px;line-height:1.2;margin:0;max-width:125px}.harbor.panel .port-header{background:#16363a}}#fleet-fitting>select{width:100%;margin:7px 0}#fleet-panel .fleet-hull-details{margin-top:0}#fleet-panel .fleet-hull-details summary{padding:5px 0;font-size:12px}#fleet-rig details{margin-top:5px}#fleet-rig summary{padding:5px 0;font-size:12px}@media(min-width:621px)and (max-height:500px){.fleet-ship-view svg{height:115px}.fleet-ship-view{gap:6px}.fleet-mounts button{min-height:36px!important}.fleet-ship-view>strong{font-size:11px}#fleet-panel .fleet-hull-details summary{min-height:24px;box-sizing:border-box}.fleet-subnav{margin-bottom:7px}.fleet-workbench{align-items:start}.fleet-ship-view{background:radial-gradient(ellipse at 50% 40%,#315557,#183b3f)}#fleet-panel #fleet-fitting>p{font-size:11px}.fleet-card{border-color:#496564}.fleet-mounts button[aria-pressed=true]{box-shadow:inset 0 0 0 1px #a98e5b}}.fleet-buy-controls{display:flex;gap:6px;flex-wrap:wrap;align-items:center}#fleet-panel .fleet-buy-controls input{width:65px;flex:0 0 65px}#fleet-panel .fleet-buy-controls select{flex:1;min-width:120px}#fleet-panel .fleet-buy-controls button{flex:1;white-space:nowrap}#fleet-condition{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}#fleet-condition button{font-size:10px;min-height:34px!important;padding:4px 7px!important}#fleet-panel [data-page="2"]>details{margin:0 0 10px}#fleet-panel [data-page="2"]>details>summary{padding:5px 0}#fleet-open{min-width:150px;text-align:left}.port-context>div:not(#fleet-picker){display:flex;align-items:center}.port-context #fleet-name{display:none}#fleet-picker{position:absolute;top:100%;left:0;z-index:10;background:#173b40;padding:12px;border:1px solid #80968a;border-radius:9px;width:310px;box-shadow:0 8px 30px #0008}#fleet-picker select{width:100%;margin-bottom:10px}#fleet-picker .fleet-subnav{flex-wrap:wrap;margin:0}.fleet-ship-drawing{position:relative;height:185px;width:100%}.fleet-ship-drawing svg{height:100%;width:100%}#fleet-mounts{position:absolute;top:0;right:0;bottom:0;left:0;display:block}#fleet-panel .fleet-socket{position:absolute;transform:translate(-50%,-50%);border-radius:50%;width:44px;height:44px;min-height:44px!important;padding:0;font-weight:700;font-size:15px;background:#24494e;border:2px solid #859c8e}.fleet-socket.eligible{box-shadow:0 0 0 4px #c7d6a344!important;border-color:#c7d6a3!important}.fleet-fitting-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.fleet-fitting-head>strong{text-transform:capitalize;font-size:13px}#fleet-panel .fleet-owned-gun{display:block;width:100%;text-align:left;margin:6px 0;min-height:44px}.fleet-owned-gun[aria-pressed=true]{border-color:#edcc85!important;background:#42594c!important}.fleet-gun-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:8px 0}#fleet-panel .fleet-gun-choices button{padding:6px 3px;font-size:11px}#fleet-rig{margin-top:12px}@media(min-width:621px)and (max-height:500px){.port-context{left:145px;right:135px}.port-context #fleet-open{height:32px;min-height:32px;max-width:210px;flex:1;font-size:11px}.fleet-ship-drawing{height:170px}.fleet-workbench{padding-top:3px}.fleet-ship-view{gap:6px}.port-context>div:not(#fleet-picker){flex:0 1 auto}#fleet-picker{top:36px}.fleet-fitting-head{margin-bottom:8px}}@media(max-width:620px){.port-context{position:relative}#fleet-open{flex:1}#fleet-picker{left:12px;max-width:calc(100vw - 24px)}.fleet-ship-drawing{height:210px}}#fleet-panel .fleet-socket{background:transparent;border:0;box-shadow:none!important;isolation:isolate}#fleet-panel .fleet-socket:before{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:50%;background:#24494e;border:2px solid #859c8e;z-index:-1}#fleet-panel .fleet-socket[aria-pressed=true]:before{border-color:#edcc85;background:#42594c}#fleet-panel .fleet-socket.eligible:before{border-color:#c7d6a3;box-shadow:0 0 0 3px #c7d6a344}#fleet-panel .fleet-upgrade{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:10px;align-items:center;padding:9px;margin:7px 0;min-height:66px}#fleet-panel .fleet-upgrade h4{font-size:14px;grid-column:1;margin:0}#fleet-panel .fleet-upgrade p{grid-column:1;font-size:11px;line-height:1.3;margin:3px 0 0}#fleet-panel .fleet-upgrade button{grid-column:2;grid-row:1/3;margin:0;min-height:40px;max-width:128px;font-size:11px}#fleet-fitting>button:first-child{margin-bottom:8px}.fleet-crew-bar{position:relative;overflow:visible;margin-bottom:32px}.fleet-crew-bar>span:first-child{border-radius:8px 0 0 8px}#fleet-panel .fleet-crew-minimum{position:absolute;top:-4px;height:25px;border-left:2px solid #fff1c1;margin:0;white-space:nowrap;padding-top:25px;transform:translate(-1px);font-size:10px;color:#fff1c1;line-height:1;background:transparent}#fleet-offers>.fleet-trade-note{grid-column:1/-1;margin:0;padding:9px 12px;border:1px solid #b99c67;border-radius:7px;color:#e4cca0}#fleet-progression{display:block;color:#c8b580;font-size:10px;margin:4px 0}.fleet-buy-controls .fleet-shop-stepper{display:grid;grid-template-columns:36px minmax(38px,1fr) 36px;gap:0;align-items:stretch;min-width:110px}.fleet-shop-stepper button{min-width:36px;min-height:36px;padding:0;font-size:20px}.fleet-shop-stepper input{min-width:0;width:100%;text-align:center;padding:5px 2px;-webkit-appearance:textfield;appearance:textfield;-moz-appearance:textfield}.fleet-shop-stepper input::-webkit-inner-spin-button,.fleet-shop-stepper input::-webkit-outer-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0}.fleet-buy-controls:has(.fleet-shop-stepper){grid-template-columns:minmax(110px,1fr) minmax(80px,1fr)}.fleet-buy-controls:has(.fleet-shop-stepper)>button{grid-column:1/-1}#fleet-panel .fleet-buy-controls:has(.fleet-shop-stepper){display:grid;grid-template-columns:minmax(110px,1fr) minmax(80px,1fr)}#fleet-panel .fleet-shop-stepper input{width:100%;min-width:0}#fleet-panel .fleet-buy-controls select{min-width:0;width:100%}#fleet-panel .fleet-shop-stepper button{padding:0;min-width:36px}.mission-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid #dcc79822}.mission-row>div{min-width:0}.mission-row strong{font-size:13px}.mission-row small{display:block;color:#b9d2ca;font-size:11px;margin-top:3px}.mission-row button{flex:none;min-height:36px}#port-jobs h3{font-size:13px;margin:8px 0 0}#mission-detail{max-height:50vh;overflow:auto}#fleet-panel .fleet-buy-controls:has(.fleet-shop-stepper){display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px}#fleet-panel .fleet-buy-controls .fleet-shop-stepper{flex:0 0 116px;width:116px;min-width:116px;grid-template-columns:36px 44px 36px}#fleet-panel .fleet-buy-controls .fleet-shop-stepper input{flex:none;width:44px;padding:5px 2px}#fleet-panel .fleet-buy-controls select{flex:0 0 92px;width:92px;min-width:92px;padding:7px 5px}#fleet-panel .fleet-buy-controls>button{flex:0 1 auto;min-width:112px;grid-column:auto}#fleet-panel .fleet-buy-controls>button[aria-label^="Maximum affordable"]{flex:0 0 42px;min-width:42px;padding:7px 4px}#fleet-panel .fleet-endurance{font-weight:600;color:var(--gold,#d9c28a);margin:5px 0}.mission-row button{background:#173e49;color:#f3dfb5;border:1px solid #cfb97b88;border-radius:5px;padding:8px 12px;cursor:pointer}.mission-row button:hover{background:#25515b}.mission-row button:focus-visible{outline:2px solid #f3dfb5;outline-offset:2px}:root{font-family:DM Sans,system-ui,sans-serif;color:#f0ead5;background:#1d6574;font-synthesis:none;--cream:#f0dfb5;--gold:#d9b96d;--ink:#102f39}*{box-sizing:border-box}body{margin:0;overflow:hidden;width:100vw;height:100dvh}button,input{font:inherit}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.43}button:focus-visible,input:focus-visible{outline:2px solid #ffe0a0;outline-offset:4px}[hidden]{display:none!important}#sea{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none}#vignette{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,#0b2e3bf2,#103b46c9 30%,#164e5910 68%),linear-gradient(0deg,#0a2c3d66,transparent 30%)}.playing #vignette{background:linear-gradient(0deg,#09293666,transparent 35%),linear-gradient(180deg,#082e3990,transparent 20%)}.topbar{position:fixed;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:26px 34px;z-index:4;pointer-events:none}.topbar>*{pointer-events:auto}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:#f0e7cd;font-size:11px;letter-spacing:2.5px;font-weight:600}.brand-mark{font-size:34px;color:var(--gold);line-height:1}.brand-sub{display:block;font-size:7px;letter-spacing:1.9px;color:#a8c0ba;margin-top:5px}.top-right{display:flex;align-items:center;gap:15px}.connection{font-size:9px;letter-spacing:1.7px;color:#c4d1c5;display:flex;align-items:center;gap:8px}.connection i,.live-dot{height:5px;width:5px;display:inline-block;border-radius:50%;background:#b8c997;box-shadow:0 0 9px #a9d7ab55}.connection i.offline{background:#dc9875}.icon-btn{width:31px;height:31px;border:1px solid #bbccb43d;border-radius:50%;background:#0f354344;font-size:16px}.icon-btn.muted{opacity:.45}.welcome{position:absolute;top:50%;left:8%;transform:translateY(-45%);width:340px;z-index:3}.eyebrow{font-size:9px;letter-spacing:2.5px;color:var(--gold);font-weight:600;display:flex;align-items:center;gap:10px}.eyebrow>span{height:1px;width:25px;background:var(--gold)}h1{font-family:Libre Caslon Display,Georgia,serif;font-size:88px;letter-spacing:-4px;line-height:1;margin:22px 0 23px;font-weight:400;color:#f7edd4}h1>span{display:block;font-size:28px;letter-spacing:-.5px;line-height:1.15;margin-top:12px;color:#d3d9c8}.intro{font-size:13px;color:#a4bebb;line-height:1.8;margin-bottom:29px}label{display:block;font-size:8px;letter-spacing:1.6px;color:#ced9c9;margin-bottom:8px}input{width:100%;border:1px solid #b3c5b13d;border-radius:4px;background:#0b2c3966;color:#eee5cc;padding:12px 14px;font-size:13px;outline:none}input::placeholder{color:#879f9e}.room-field{margin-top:17px}.room-field label{display:flex;justify-content:space-between}.room-field label span{font-size:9px;letter-spacing:0;color:#9cb3b1}.room-field input{letter-spacing:2px;font-size:11px}.primary{width:100%;display:flex;justify-content:space-between;align-items:center;border:1px solid #e7c67b;background:#dfc58a;color:#183943;padding:14px 18px;border-radius:4px;font-size:13px;font-weight:700;margin-top:18px;transition:background .2s,transform .1s}.primary:hover{background:#f1d89f}.primary:active{transform:translateY(2px)}.primary span{font-size:20px}.welcome-note{display:flex;gap:9px;align-items:center;font-size:7px;letter-spacing:1.1px;margin-top:18px;color:#b0c4bc}.welcome-note b{font-size:10px;color:#839d99}#join-error{font-size:12px;color:#edb394;line-height:1.5;margin-top:12px}#chart-caption{position:absolute;right:7%;bottom:14%;text-align:center;pointer-events:none}#chart-caption span{font-family:Georgia,serif;font-size:13px;letter-spacing:3px;color:#c9dbc99c}#chart-caption small{display:block;font-size:9px;letter-spacing:2px;margin-top:10px;color:#a5c8bc7a}#preview-note{position:absolute;bottom:25px;left:8%;font-family:Georgia,serif;font-style:italic;font-size:12px;color:#9db8b2}#game-hud{pointer-events:none}#game-hud button,#game-hud #helm{pointer-events:auto}.wind-hud{position:fixed;top:20px;left:50%;transform:translate(-50%);display:flex;gap:12px;align-items:center}.compass{width:58px;height:58px;border:1px solid #c3c8ac55;border-radius:50%;position:relative;background:#113e4866}.compass:after{content:"";position:absolute;top:7px;right:7px;bottom:7px;left:7px;border:1px dashed #c3c8ac33;border-radius:50%}.north{position:absolute;top:-7px;left:24px;font-size:9px;color:#e7d7ad;background:#16434d;padding:0 2px}#wind-arrow{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:36px;color:#e9d299;transform-origin:center}.tiny{font-size:7px;letter-spacing:1.4px;color:#a5bfb7;display:block}.wind-hud strong{display:block;font-family:Georgia,serif;font-size:15px;font-weight:400;margin-top:4px}.wind-hud small{display:block;font-size:9px;color:#b8cdc0;margin-top:3px}.room-hud{position:fixed;right:23px;top:198px;text-align:right}.room-hud button{background:none;border:0;padding:5px 0;font-size:12px;color:#efdeb3;letter-spacing:1.5px}.room-hud small{display:block;color:#a0bfb6;font-size:9px}.ship-status{position:fixed;left:28px;top:96px;width:190px;padding:16px;background:#0d3440b8;border:1px solid #b0c6b329;border-radius:5px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ship-name{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.ship-name span{font-size:8px;letter-spacing:.8px;color:#e7d9b5}.ship-name strong{font-size:11px;font-weight:500;color:#b9d3c7}.meter-row{display:flex;align-items:center;gap:8px;margin-top:10px}.meter-row>span{font-size:7px;letter-spacing:1px;width:30px;color:#b6cabe}.meter-row>b{font-size:9px;font-weight:400;width:23px;text-align:right}.meter{height:3px;flex:1;background:#718e8a33}.meter i{display:block;height:100%;background:#bfd29e;transition:width .2s}.sails-meter .meter i{background:#e4d8b7}.wealth{display:flex;justify-content:space-between;border-top:1px solid #9cb6a827;margin-top:15px;padding-top:12px;color:#e4ca8c;font-size:12px}.wealth b{font-weight:500}.wealth small{display:block;font-size:6px;letter-spacing:1px;color:#91b0a9;margin-top:4px}.helm-area{position:fixed;left:35px;bottom:25px;text-align:center}#helm{width:132px;height:132px;border:1px solid #c3cbb066;border-radius:50%;position:relative;background:radial-gradient(circle,#153c49a1 0%,#17465370 58%,#12334099 59%,#12334099 65%,transparent 66%);touch-action:none;-webkit-user-select:none;user-select:none;box-shadow:0 3px 22px #06253033}#helm:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px dashed #bdc8aa55;border-radius:50%}#helm>span{position:absolute;font-size:8px;color:#bbc9ad}.helm-n{top:4px;left:62px}.helm-s{bottom:4px;left:62px}.helm-e{right:5px;top:61px}.helm-w{left:4px;top:61px}.helm-knob{position:absolute;top:47px;right:47px;bottom:47px;left:47px;border:1px solid #bac9ae88;background:#728e8799;border-radius:50%;pointer-events:none}#helm-needle{position:absolute;top:18px;right:18px;bottom:18px;left:18px;pointer-events:none}#helm-needle:before{content:"";position:absolute;left:39px;top:0;border-left:8px solid transparent;border-right:8px solid transparent;border-bottom:18px solid #e2cf95}.control-label{display:block;font-size:7px;letter-spacing:1.5px;color:#bdccbb;margin-top:12px}kbd{font:inherit;border:1px solid #a8c1b13d;padding:1px 3px;margin-left:4px;border-radius:2px;font-size:7px}.gunnery{position:fixed;right:28px;bottom:26px;text-align:center}.ammo-selector{display:flex;gap:3px;padding:4px;background:#10333fe0;border:1px solid #bac5a83a;border-radius:6px;width:240px;margin-bottom:14px}.ammo-selector button{flex:1;border:0;border-radius:3px;padding:8px 3px;background:transparent;color:#9bb6ad;font-size:17px;touch-action:manipulation}.ammo-selector button span{font-size:10px;vertical-align:2px;margin-left:4px}.ammo-selector button.selected{background:#e1c78d;color:#173b45}.batteries{display:flex;gap:16px;justify-content:center}.battery{width:110px;height:110px;border-radius:50%;border:1px solid #dbc58b;background:linear-gradient(150deg,#224b55,#102f3d);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:5px;position:relative;overflow:hidden;box-shadow:0 5px 20px #062b3b55;touch-action:none;-webkit-user-select:none;user-select:none}.battery-icon{font-family:Georgia,serif;font-size:29px;color:#efd69f;line-height:1}.battery strong{font-size:9px;letter-spacing:1.1px;font-weight:500}.battery small{font-size:7px;color:#b4c8b7;letter-spacing:.4px}.battery i{position:absolute;bottom:0;left:0;right:0;height:calc(var(--reload,0)*100%);background:#b4c5ad15;pointer-events:none;transition:height .08s linear}.battery.loading{border-color:#94a89877}.battery.loading .battery-icon{color:#9cafa1}.battery:active{transform:scale(.96)}.battery.fired{animation:shot .25s}@keyframes shot{0%{box-shadow:0 0 30px #edc47d99;background:#765d39}to{box-shadow:0 5px 20px #062b3b55}}.action-dock{position:fixed;bottom:30px;left:50%;transform:translate(-50%);display:flex;gap:8px}.small-action{border:1px solid #b9c6ad44;border-radius:4px;background:#113843d9;padding:10px 12px;color:#d6d9bf;font-size:10px;min-height:38px}.tip{position:fixed;left:50%;bottom:100px;transform:translate(-50%);background:#102f3bf0;border:1px solid #b8c29d3d;border-radius:5px;padding:16px 20px;max-width:300px;box-shadow:0 8px 30px #0a293b33;pointer-events:auto}.tip>span{font-size:7px;letter-spacing:1.5px;color:#d9bf81}.tip p{font-size:11px;line-height:1.7;color:#c0cec0;margin:9px 0}.tip button{font-size:9px;color:#e3cc91;border:none;background:none;padding:0}.panel{position:fixed;z-index:8;right:25px;top:85px;bottom:25px;width:350px;overflow:auto;background:#102f3bf5;border:1px solid #c3c5a75c;border-radius:8px;box-shadow:0 12px 60px #06253677;padding:32px;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px)}.panel h2,.modal h2{font-family:Libre Caslon Display,Georgia,serif;font-weight:400;font-size:43px;line-height:1.05;margin:23px 0;color:#f2e4c0}.panel>.eyebrow{font-size:7px;letter-spacing:1.7px}.panel>p{font-size:11px;color:#b8cbbf;line-height:1.8}.close{position:absolute;right:15px;top:10px;border:none;background:none;font-size:24px;color:#b9c8b7}.lesson{display:flex;gap:16px;margin-top:20px}.lesson>b{font:italic 20px Georgia;color:#c5b67e}.lesson p{font-size:11px;line-height:1.7;color:#b7c9bd;margin:0}.lesson strong{color:#e8dfc2;display:block;font-size:12px;margin-bottom:3px}.keyboard{font-size:9px!important;border-top:1px solid #b9c6ad33;padding-top:17px;margin-top:25px}.harbor{left:50%;right:auto;transform:translate(-50%);width:365px;top:50%;bottom:auto;max-height:90dvh;transform:translate(-50%,-50%)}.upgrade{display:flex;align-items:center;justify-content:space-between;width:100%;background:#22434b77;border:1px solid #98b0a433;padding:14px 11px;border-radius:4px;text-align:left;margin-top:10px}.upgrade strong{display:block;font-size:12px;font-weight:500;color:#eee0b8}.upgrade strong small{display:inline;font-size:9px;margin-left:6px}.upgrade small{display:block;font-size:9px;color:#a4beb0;margin-top:4px}.upgrade>b{font-size:11px;color:#dfc789}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a283ac9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:center;z-index:9}.modal>div{width:340px;text-align:center}.modal .eyebrow{justify-content:center}.modal h2{font-size:60px}.modal p{font-size:12px;line-height:1.8;color:#c0cebc}.modal p strong{color:#e5cb8d}.secondary{width:100%;border:1px solid #c4c9ab55;border-radius:4px;background:transparent;padding:13px;margin-top:10px;font-size:12px}#sailing-warning{position:fixed;top:100px;left:50%;transform:translate(-50%);font-size:9px;letter-spacing:1px;color:#f3cba2;background:#543f36ce;padding:9px 16px;border-radius:4px;opacity:0;transition:opacity .2s}#sailing-warning.show{opacity:1}#toast{position:fixed;top:86px;left:50%;transform:translate(-50%,-10px);max-width:90vw;text-align:center;padding:12px 20px;background:#102e3bf2;color:#f0d89d;border:1px solid #c1b78355;border-radius:5px;font-size:12px;z-index:12;pointer-events:none;opacity:0;transition:.2s}#toast.visible{opacity:1;transform:translate(-50%)}.portrait-hint{display:none}:root{--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}html,body,#app{overscroll-behavior:none}button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}#menu-toggle,#map-toggle{display:none}.refit-note{display:block;text-align:center;font-size:9px;color:#9fb8ac;margin-top:8px}.panel,.modal>div{overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.modal>div{max-height:calc(100dvh - 24px);overflow-y:auto;padding:12px}.close{min-width:44px;min-height:44px}@media(max-width:950px),(max-height:550px)and (orientation:landscape){.topbar{padding:calc(8px + var(--safe-top)) calc(12px + var(--safe-right)) 0 calc(12px + var(--safe-left));min-height:52px;z-index:7}.brand{font-size:9px;letter-spacing:1.5px;gap:7px}.brand-mark{font-size:26px}.brand-sub{font-size:6px;letter-spacing:1px}.top-right{gap:4px;margin-left:auto}.icon-btn{width:44px;height:44px;border-radius:9px;background:#10343de6;font-size:19px;flex:none}#menu-toggle,#map-toggle{display:block}.top-right #sound,.top-right #help-toggle,.top-right #connection{display:none}.menu-open .top-right #sound,.menu-open .top-right #help-toggle{display:block;position:fixed;top:calc(60px + var(--safe-top));z-index:10;background:#102f3b}.menu-open .top-right #help-toggle{right:calc(12px + var(--safe-right))}.menu-open .top-right #sound{right:calc(60px + var(--safe-right))}.menu-open .top-right #connection{display:flex;position:fixed;right:calc(12px + var(--safe-right));top:calc(108px + var(--safe-top));font-size:8px;padding:8px;background:#102f3bf2;border-radius:4px;letter-spacing:1px}.playing .brand{display:none}.playing #vignette{background:linear-gradient(180deg,#082e3940,transparent 22%)}.ship-status{left:calc(10px + var(--safe-left));top:calc(8px + var(--safe-top));width:186px;padding:7px 9px;border-radius:6px;background:#0d3440d9;-webkit-backdrop-filter:none;backdrop-filter:none;display:grid;grid-template-columns:1fr 1fr;gap:5px 10px}.ship-name{grid-column:1/-1;margin:0;gap:5px}.ship-name span{font-size:7px;letter-spacing:.3px;white-space:nowrap}.ship-name strong{font-size:10px;white-space:nowrap}.meter-row{gap:4px;margin:0;min-width:0}.meter-row>span{font-size:6px;letter-spacing:.3px;width:auto}.meter-row>b{font-size:8px;width:18px}.meter{height:4px;min-width:20px}.wealth{display:none}.wind-hud{top:calc(9px + var(--safe-top));gap:6px;left:50%;max-width:130px}.compass{width:34px;height:34px;flex:none;background:#113e48bb}.compass:after{top:5px;right:5px;bottom:5px;left:5px}.north{top:-5px;left:12px;font-size:7px}#wind-arrow{font-size:25px}.wind-hud .tiny{font-size:6px;letter-spacing:.4px}.wind-hud strong{font-size:10px;margin-top:3px}.wind-hud small{display:block;font-size:7px;white-space:nowrap;margin-top:2px}.room-hud,.tip,.control-label{display:none!important}.playing.menu-open .ship-status{z-index:8}.playing.menu-open .topbar:before{content:"";position:fixed;right:calc(8px + var(--safe-right));top:calc(56px + var(--safe-top));width:300px;height:114px;background:#102f3bf7;border:1px solid #b9c6ad44;border-radius:8px;box-shadow:0 5px 22px #06253055;pointer-events:none;z-index:-1}.playing.menu-open .room-hud{display:block!important;right:calc(119px + var(--safe-right));top:calc(66px + var(--safe-top));width:178px;text-align:left;z-index:8}.playing.menu-open .room-hud .tiny{font-size:6px}.playing.menu-open .room-hud button{min-height:44px;max-width:178px;padding:7px 0;font-size:10px;letter-spacing:.7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.playing.menu-open .room-hud small{font-size:8px;margin-top:-2px}.playing.menu-open .wealth{display:flex;position:fixed;right:calc(119px + var(--safe-right));top:calc(136px + var(--safe-top));width:178px;border:0;padding:0;margin:0;gap:18px;font-size:11px;z-index:8}.playing.menu-open .wealth small{font-size:6px;margin-top:2px}.helm-area{left:calc(12px + var(--safe-left));bottom:calc(12px + var(--safe-bottom));z-index:3}#helm{width:100px;height:100px;background:radial-gradient(circle,#153c49a6 0%,#17465399 58%,#123340b3 59%,#123340b3 65%,transparent 66%);box-shadow:none}#helm:before{top:10px;right:10px;bottom:10px;left:10px}.helm-n,.helm-s{left:46px}.helm-e,.helm-w{top:45px}#helm>span{font-size:7px}.helm-knob{top:35px;right:35px;bottom:35px;left:35px;background:#b8c9a9b3}#helm-needle{top:12px;right:12px;bottom:12px;left:12px}#helm-needle:before{left:29px;border-bottom-width:16px}.action-dock{left:calc(122px + var(--safe-left));bottom:calc(12px + var(--safe-bottom));transform:none;flex-direction:column;gap:6px;width:96px}.small-action{min-height:44px;width:100%;padding:6px 5px;font-size:9px;line-height:1.3;background:#113843ed}.gunnery{right:calc(12px + var(--safe-right));bottom:calc(12px + var(--safe-bottom));width:178px;z-index:3}.ammo-selector{width:178px;height:44px;padding:2px;margin-bottom:7px;gap:2px;border-radius:6px}.ammo-selector button{min-height:38px;padding:3px;font-size:15px}.ammo-selector button span{font-size:9px;margin-left:2px;vertical-align:1px}.batteries{gap:12px;justify-content:flex-end}.battery{width:64px;height:64px;gap:3px;box-shadow:none;border-radius:16px;background:#123743ed}.battery-icon{font-size:19px}.battery strong{font-size:7px;letter-spacing:.5px}.battery small{font-size:6px;letter-spacing:0}#sailing-warning{top:calc(62px + var(--safe-top));font-size:8px;letter-spacing:.3px;padding:6px 9px;max-width:calc(100vw - 28px);text-align:center;white-space:normal;background:#543f36e8}#toast{top:calc(62px + var(--safe-top));font-size:11px;padding:9px 12px;max-width:70vw}.panel{top:calc(58px + var(--safe-top));right:calc(12px + var(--safe-right));bottom:calc(10px + var(--safe-bottom));width:min(350px,calc(100vw - 24px - var(--safe-left) - var(--safe-right)));padding:20px;-webkit-backdrop-filter:none;backdrop-filter:none;background:#102f3bfa;z-index:11}.panel h2{font-size:30px;margin:12px 0}.panel>p{font-size:10px;line-height:1.5}.panel>.eyebrow{padding-right:25px}.lesson{gap:12px;margin-top:14px}.lesson p{font-size:10px}.lesson strong{font-size:11px}.keyboard{margin-top:16px;padding-top:12px}.harbor{left:50%;right:auto;top:50%;bottom:auto;max-height:calc(100dvh - 20px - var(--safe-top) - var(--safe-bottom));width:min(365px,calc(100vw - 24px));padding:16px;transform:translate(-50%,-50%)}.upgrade{min-height:48px;padding:8px 10px;margin-top:6px}.upgrade strong{font-size:11px}.upgrade small{font-size:8px}.harbor .primary,.harbor .secondary{min-height:44px;padding:9px 12px;margin-top:8px}.harbor .refit-note{margin-top:5px;font-size:8px}.modal{z-index:12}.modal>div{width:min(340px,90vw);max-height:calc(100dvh - 16px - var(--safe-top) - var(--safe-bottom));padding:10px}.modal h2{font-size:36px;margin:10px 0}.modal p{font-size:11px;line-height:1.5;margin:10px 0}.modal .primary,.modal .secondary{min-height:44px;margin-top:8px;padding:9px 12px}}@media(orientation:landscape)and (max-height:550px){.welcome{left:calc(28px + var(--safe-left));right:calc(28px + var(--safe-right));top:calc(65px + var(--safe-top));bottom:calc(10px + var(--safe-bottom));width:auto;transform:none;display:grid;grid-template-columns:minmax(180px,1fr) minmax(240px,320px);grid-template-rows:auto auto auto 1fr;column-gap:30px;align-content:start;overflow-y:auto;overscroll-behavior:contain}.welcome>.eyebrow{grid-column:1;grid-row:1;font-size:7px;letter-spacing:1.5px}.welcome h1{grid-column:1;grid-row:2;font-size:52px;letter-spacing:-2px;margin:10px 0}.welcome h1>span{font-size:19px;letter-spacing:0;line-height:1.1;margin-top:7px}.intro{grid-column:1;grid-row:3;font-size:11px;line-height:1.5;margin:6px 0 10px}#join-form{grid-column:2;grid-row:1/5;align-self:start}#join-form label{font-size:7px;margin-bottom:5px}#join-form input{font-size:12px;padding:10px 11px;min-height:40px}.room-field{margin-top:9px}.room-field label span{font-size:8px}.welcome .primary{min-height:44px;padding:8px 13px;margin-top:10px;font-size:12px}.welcome-note{grid-column:1;grid-row:4;align-self:start;font-size:6px;letter-spacing:.5px;gap:5px;margin-top:5px}#join-error{grid-column:2;grid-row:5;margin:4px 0;font-size:10px}#preview-note,#chart-caption{display:none}}@media(orientation:portrait)and (max-width:950px){.portrait-hint{position:fixed;top:0;right:0;bottom:0;left:0;background:#102f39f2;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px}.portrait-hint>span{font-size:60px;color:var(--gold);margin-bottom:25px}.portrait-hint strong{font:30px Georgia}.portrait-hint p{font-size:13px;color:#abc4ba;line-height:1.6}.portrait-hint button{margin-top:25px;border:1px solid #afc4af55;background:transparent;border-radius:4px;padding:12px 18px;font-size:12px;min-height:44px}.portrait-accepted .portrait-hint{display:none}.welcome{width:80%;left:10%;max-height:calc(100dvh - 100px);overflow:auto}.welcome h1{font-size:65px}.brand-sub{display:none}.wind-hud{top:calc(64px + var(--safe-top));left:50%}.action-dock{left:calc(12px + var(--safe-left));bottom:calc(124px + var(--safe-bottom));width:100px}#sailing-warning{top:calc(105px + var(--safe-top))}.panel{width:calc(100vw - 24px)}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.environment-hud{position:fixed;top:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:22px;pointer-events:none}.environment-hud .wind-hud{position:static;transform:none;max-width:none}.tide-hud{display:flex;align-items:center;gap:8px;color:#b1dcd6}.tide-hud .tiny{font-size:7px;letter-spacing:1px}.tide-hud strong{display:block;font-size:12px;margin-top:5px}.tide-hud small{display:block;font-size:9px;margin-top:4px;color:#a2bfb8}#tide-arrow{display:block;font-size:26px;line-height:1}.speed-readout{display:flex;align-items:center;gap:7px;margin-top:9px;font-size:8px;color:#c7dcd3;white-space:nowrap}#speed-meter{flex:1;min-width:24px;height:4px;background:#092c38;border-radius:2px;overflow:hidden}#speed-fill{display:block;height:100%;background:#9cd5cf}#anchor-button[aria-pressed=true]{background:#665538;border-color:#d9b96d}@media(max-width:950px),(orientation:landscape)and (max-height:550px){.environment-hud{top:calc(9px + var(--safe-top));gap:12px;max-width:270px}.environment-hud .wind-hud{gap:5px}.tide-hud{gap:4px}.tide-hud .tiny{font-size:6px;letter-spacing:.4px}.tide-hud strong{font-size:9px;margin-top:3px}.tide-hud small{font-size:7px;margin-top:2px;white-space:nowrap}#tide-arrow{font-size:21px}.speed-readout{margin-top:5px;font-size:7px;gap:4px}.ship-status{padding-bottom:7px}.action-dock{display:grid;grid-template-columns:1fr 1fr;gap:6px}.action-dock #dock-button{grid-column:1/-1}.action-dock .small-action{padding:4px 2px;font-size:8px}}@media(orientation:portrait)and (max-width:950px){.environment-hud{top:calc(70px + var(--safe-top));gap:12px}}.environment-hud .wind-hud,.environment-hud #wind-arrow,.environment-hud .wind-hud .tiny{color:#ffc45c}.environment-hud .tide-hud,.environment-hud #tide-arrow,.environment-hud .tide-hud .tiny{color:#55e5ff}.speed-readout{display:flex;flex-direction:column;align-items:stretch;gap:4px}.speed-pair{display:flex;align-items:baseline;gap:10px;white-space:nowrap;font-size:10px;font-variant-numeric:tabular-nums}.speed-pair strong{font-size:inherit;font-weight:500}.speed-pair #ground-speed{margin-left:0}.speed-readout #speed-meter{width:100%;min-height:2px;flex:none}@media(max-width:950px),(orientation:landscape)and (max-height:550px){.speed-pair{font-size:8px;gap:8px}}#mission-button{position:absolute;top:92px;left:50%;transform:translate(-50%);max-width:280px;font-size:12px;padding:8px 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#adventure-actions{position:absolute;right:18px;bottom:170px;display:flex;gap:6px;max-width:310px;flex-wrap:wrap;justify-content:flex-end}#adventure-actions button{min-height:44px;padding:9px 12px;font-size:12px}#mission-panel{position:absolute;z-index:15;top:50%;left:50%;transform:translate(-50%,-50%);width:min(410px,90vw);max-height:85dvh;overflow:auto;padding:24px}#shore-warning{color:#efc98a;font-size:13px}.harbor-adventure{margin:12px 0;padding:10px 0;border-top:1px solid #dcc79833;border-bottom:1px solid #dcc79833}.harbor-adventure h3{margin:0 0 8px;font-size:14px}#port-jobs{display:grid;gap:6px}#port-jobs button{text-align:left;padding:9px 12px;font-size:13px}#port-jobs small{display:block;opacity:.75;margin-top:3px}.crew-row{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px;font-size:13px}.crew-row button{min-height:44px}.ashore .gunnery,.ashore .action-dock{display:none!important}.ashore #adventure-actions{bottom:24px}.chart-open #adventure-actions,.chart-open #mission-button{display:none!important}@media(max-width:950px),(orientation:landscape)and (max-height:550px){#mission-button{top:67px;max-width:220px;font-size:10px;padding:6px 10px}#adventure-actions{right:10px;bottom:140px;max-width:260px}#adventure-actions button{font-size:11px;padding:7px 9px}#mission-panel{padding:18px}.harbor-adventure{margin:8px 0;padding:8px 0}}#port-jobs button,#mission-button,#adventure-actions button,#mission-chart{background:#173e49;color:#f3dfb5;border:1px solid #cfb97b88;border-radius:5px;cursor:pointer}#port-jobs button span{display:block;font-size:11px;color:#b9d2ca;margin-top:4px}.crew-row #crew-status{white-space:nowrap}#adventure-actions button:disabled{opacity:.45;cursor:default}.helm-area,.helm-area *,.gunnery,.gunnery *{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}#relative-helm{display:none;gap:7px}#relative-helm button{width:54px;height:80px;touch-action:none;border:1px solid #cab77888;background:#143c49e8;border-radius:8px;font-size:30px;color:#ead39c}#relative-helm small{display:block;font-size:7px;line-height:1.5}#relative-helm button:active{background:#52645b}.helm-preference{margin-top:18px}.helm-preference select{display:block;margin-top:8px;padding:10px;background:#173e49;color:#f0dfb5;width:100%}@media(max-width:950px),(orientation:landscape)and (max-height:550px){.button-helm:not(.ashore) .helm-area>#helm,.button-helm:not(.ashore) .helm-area>.control-label{display:none}.playing.button-helm:not(.ashore) #relative-helm{display:flex}.button-helm .action-dock{left:calc(137px + var(--safe-left))}}#adventure-actions{bottom:260px}@media(max-width:950px),(orientation:landscape)and (max-height:550px){#adventure-actions{bottom:164px}.ashore #adventure-actions{bottom:16px}}.gunnery .batteries{justify-content:space-between;gap:12px}.gunnery .battery{border-radius:50%;touch-action:none;overflow:visible;position:relative}.gunnery .battery[aria-pressed=true]{border-color:#efd08b;box-shadow:0 0 0 2px #efd08b33}.gunnery .battery .battery-icon{transform:translate(var(--knob-x,0px));transition:none}.gunnery .battery small{font-size:8px;white-space:normal;line-height:1.3;max-width:92%;letter-spacing:0}.gunnery .battery i{display:none}.fire-guns{margin-top:8px;width:100%;min-height:44px;border:1px solid #e6c28199;border-radius:6px;background:#73533b;color:#ffebba;font-size:12px;letter-spacing:1px;touch-action:manipulation}.fire-guns:active{background:#a37040}.action-dock .stations-button{position:static;min-height:44px;margin:0;font-size:10px;padding:6px}.playing:not(.chart-open) .helm-area #look-button{display:block;position:absolute;inset:auto 0 100% 0;width:100%;height:36px;min-height:36px;margin-bottom:8px;background:#143a46e8;border:1px solid #a9b69a55;border-radius:5px;font-size:9px;touch-action:none}.playing:not(.chart-open) .helm-area #look-button.active{background:#7a7049}@media(max-width:950px),(orientation:landscape)and (max-height:550px){.gunnery .battery{width:82px;height:82px;gap:3px}.gunnery .battery small{font-size:7px}.gunnery .control-label{display:none}.gunnery .fire-guns{min-height:44px;margin-top:7px;font-size:10px}}.playing .action-dock{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;width:132px}.playing .action-dock #dock-button,.playing .action-dock #stations-button{grid-column:1/-1}.playing .action-dock .small-action{width:100%;min-height:44px;padding:5px 3px;font-size:10px}@media(orientation:landscape)and (max-width:950px),(orientation:landscape)and (max-height:550px){.playing .action-dock{left:calc(122px + var(--safe-left));bottom:calc(12px + var(--safe-bottom));transform:none;width:126px}.playing.button-helm .action-dock{left:calc(137px + var(--safe-left))}.playing .action-dock .small-action{font-size:9px}}.gunnery .gun-bank{min-width:0;flex:1;text-align:center}.gun-bank-label{display:flex;align-items:center;justify-content:center;gap:5px;min-height:16px;margin:0 0 4px;color:#e8d6aa;font-size:9px;letter-spacing:.4px}.gun-bank-label output{color:#b6ccc6;font-variant-numeric:tabular-nums;font-size:9px;letter-spacing:0}.gunnery .battery.gun-pad{display:block;position:relative;width:100px;height:100px;margin:0 auto;border-radius:50%;border:1px solid #91aaa588;background:radial-gradient(circle at 50% 40%,#244d58,#102f3de8);box-shadow:inset 0 0 0 5px #173b4566;cursor:grab;touch-action:none}.gunnery .battery.gun-pad[data-selected=true]{border-color:#efd08b;box-shadow:inset 0 0 0 5px #efd08b0d,0 0 0 2px #efd08b26}.gun-pad:active{cursor:grabbing}.gun-rail{position:absolute;left:12%;right:12%;top:50%;height:3px;transform:translateY(-50%);border-radius:3px;background:#91b2ac77;box-shadow:0 1px #061d28}.gun-rail:before,.gun-rail:after{content:"";position:absolute;top:-3px;height:9px;width:1px;background:#a8c4b990}.gun-rail:before{left:0}.gun-rail:after{right:0}.gun-thumb{position:absolute;left:50%;top:50%;width:34px;height:34px;border-radius:50%;border:2px solid #d3c495;background:radial-gradient(circle at 36% 30%,#c3d2ba,#708f89);box-shadow:0 3px 6px #041b2b88;transform:translate(calc(-50% + var(--knob-x,0px)),-50%);pointer-events:none}.gun-bearing{position:absolute;left:calc(50% + var(--bearing-x,0%));top:20%;width:5px;height:5px;border-radius:50%;background:#efd08b;transform:translate(-50%);pointer-events:none}.gunnery .gun-readiness{display:block;min-height:22px;margin-top:5px;font-size:9px;line-height:1.25;color:#bad1c8;letter-spacing:0}.gunnery .fire-guns{margin-top:4px}@media(max-width:950px),(orientation:landscape)and (max-height:550px){.gunnery .batteries{gap:10px}.gunnery .battery.gun-pad{width:76px;height:76px}.gunnery .gun-bank-label{font-size:8px;gap:3px;margin-bottom:3px}.gunnery .gun-bank-label output{font-size:8px}.gunnery .gun-thumb{width:29px;height:29px}.gunnery .gun-readiness{font-size:8px;min-height:20px;margin-top:4px}.gunnery .ammo-selector{height:36px;margin-bottom:6px}.gunnery .ammo-selector button{min-height:30px}.gunnery .fire-guns{margin-top:3px}}.playing .action-dock{height:94px;grid-template-rows:44px 44px;align-content:start}.playing .action-dock #sail-button,.playing .action-dock #anchor-button,.playing .action-dock #stations-button{height:44px;min-height:44px;max-height:44px;overflow:hidden;line-height:1.2}.playing .action-dock #dock-button{position:absolute;left:0;bottom:calc(100% + 6px);width:100%;height:44px;min-height:44px;margin:0}@media(max-height:340px){.playing #mobile-map{display:none!important}}.sound-settings{position:absolute;right:125px;top:65px;z-index:85;width:240px;padding:18px;background:#15373d;border:1px solid #59726d;border-radius:12px;box-shadow:0 12px 35px #0006;color:#eee4ca;display:grid;gap:12px}.sound-settings[hidden]{display:none}.sound-settings label{display:flex;align-items:center;gap:9px;font-size:13px}.sound-settings input[type=checkbox]{width:18px;height:18px;accent-color:#dbb674}.sound-settings .sound-volume{display:grid;gap:7px;font-size:11px;color:#b8ccc3}.sound-settings input[type=range]{width:100%;accent-color:#dbb674}.port-guest-missions{padding:20px;overflow:auto}.port-guest-missions[hidden]{display:none}@media(max-width:700px){.sound-settings{right:12px;top:110px;width:240px;z-index:90}}@media(orientation:landscape)and (max-height:550px){.gunnery .gun-readiness{min-height:16px;margin-top:3px}.gunnery .ammo-selector{margin-bottom:4px}.gunnery .batteries{gap:8px}#relative-helm button{height:72px}.playing:not(.chart-open) .helm-area #look-button{margin-bottom:6px}#adventure-actions{bottom:calc(224px + var(--safe-bottom));right:calc(10px + var(--safe-right));max-width:180px}#adventure-actions button{min-height:36px;padding:6px 10px}.ashore #adventure-actions{bottom:calc(16px + var(--safe-bottom))}}.ship-status .prominent-speeds{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column:1/-1;width:100%;min-width:0;gap:10px}.ship-status .prominent-speeds>span{min-width:0}.ship-status .prominent-speeds strong,.ship-status .meter-row>b{font-variant-numeric:tabular-nums}.ship-status .meter-row .meter{min-width:0}@media(max-width:950px),(orientation:landscape)and (max-height:550px){.ship-status{grid-template-columns:repeat(2,minmax(0,1fr));left:calc(10px + var(--safe-left,0px));top:calc(8px + var(--safe-top,0px))}.ship-status .prominent-speeds{margin-bottom:0}.ship-status .ship-name{min-width:0}}.ship-status .ship-name{min-width:0}.ship-status #ship-class{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ship-status #aboard-gold{flex:none;color:#e4ca8c;font-size:9px;font-variant-numeric:tabular-nums;white-space:nowrap}@media(max-width:950px),(orientation:landscape)and (max-height:550px){.ship-status #aboard-gold{font-size:7px;line-height:normal}}body.playing.menu-open .topbar{z-index:200}body.playing.menu-open .room-hud,body.playing.menu-open .wealth{z-index:201}#scuttle-ship{display:none}body.playing.menu-open .top-right>#scuttle-ship:not([hidden]){display:block;position:fixed;right:calc(12px + var(--safe-right,0px));top:calc(224px + var(--safe-top,0px));width:288px;min-height:44px;border:1px solid #c3907955;border-radius:5px;background:#123843;color:#e6b69f;font-size:11px}@media(max-width:950px),(max-height:550px)and (orientation:landscape){body.playing.menu-open .topbar:before,body.playing.menu-open:has(#admin-toggle:not([hidden])) .topbar:before{height:222px}}@media(min-width:951px)and (min-height:551px){body.playing.menu-open .top-right>#scuttle-ship:not([hidden]){right:34px;top:166px;width:230px}}body.playing.menu-open .ship-status{z-index:201;background:transparent;border-color:transparent;box-shadow:none;pointer-events:none}body.playing.menu-open .ship-status>:not(.wealth){visibility:hidden}body.playing.menu-open .ship-status .wealth{visibility:visible;pointer-events:auto}@media(orientation:portrait)and (max-width:950px){body.playing .environment-hud{top:calc(8px + var(--safe-top,0px));left:calc(8px + var(--safe-left,0px));transform:none;width:calc(100vw - 160px - var(--safe-left,0px) - var(--safe-right,0px));max-width:230px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:6px;min-height:38px}body.playing .environment-hud .wind-hud,body.playing .environment-hud .tide-hud{min-width:0;gap:3px;max-width:none}body.playing .environment-hud .wind-hud>div:last-child,body.playing .environment-hud .tide-hud>div{min-width:0}body.playing .environment-hud .compass{width:26px;height:26px;flex:none}body.playing .environment-hud .north{left:9px;font-size:6px}body.playing .environment-hud #wind-arrow{font-size:23px}body.playing .environment-hud #tide-arrow{font-size:20px;flex:none}body.playing .environment-hud .tiny{font-size:6px;letter-spacing:0;white-space:nowrap}body.playing .environment-hud strong{font-size:10px;line-height:1.15;white-space:nowrap;margin-top:3px;overflow:hidden;text-overflow:ellipsis}body.playing .environment-hud #wind-state,body.playing .environment-hud #wind-peak{display:none}body.playing .environment-hud #tide-turn{font-size:7px;margin-top:2px}body.playing .ship-status{left:calc(8px + var(--safe-left,0px));top:calc(54px + var(--safe-top,0px));width:calc(100vw - 160px - var(--safe-left,0px) - var(--safe-right,0px));max-width:230px}}.stations-button{width:100%;min-height:32px;margin-bottom:5px;border:1px solid #b9c6ad55;border-radius:5px;background:#103743ed;color:#e5d29e;font-size:10px}.stations-button[aria-pressed=true]{color:#b9ded9;border-color:#79b9b3}.stations-button:disabled{opacity:.65}#admin-port{width:100%;padding:10px;background:#173e49;color:#eee2bf;border:1px solid #93a99a66;border-radius:4px}.admin-picking #chart-tools:before{content:"ADMIN: tap clear water to teleport";font-size:10px;color:#ffd3ab}.admin-picking #chart-tools label,.admin-picking #chart-tools select,.admin-picking #chart-set{display:none}.admin-ships{display:flex;gap:8px}.admin-ships .secondary{font-size:11px;margin-top:0}.admin-vector-toggle{display:flex;align-items:center;gap:9px;font-size:10px;letter-spacing:0;line-height:1.5;margin-top:18px}.admin-vector-toggle input{width:18px;height:18px;margin:0;padding:0;accent-color:#d9b96d}.zoom-controls{position:fixed;right:24px;top:43%;display:flex;flex-direction:column;align-items:center;gap:3px;z-index:4;background:#103743d9;border:1px solid #c7d4b52b;border-radius:9px;padding:3px}.zoom-controls button{width:36px;height:34px;background:transparent;border:0;font-size:22px;line-height:1;color:#e8d6a5}.zoom-controls span{font-size:9px;color:#b8cfc5;font-variant-numeric:tabular-nums}.destination{position:fixed;bottom:25px;left:50%;transform:translate(-50%);font-size:10px;color:#e4cf97;max-width:35vw;text-align:center;pointer-events:none;background:#123743c9;padding:6px 10px;border-radius:4px}.ammo-selector kbd{font:9px system-ui;color:inherit;opacity:.7;margin-left:3px;border:1px solid #afc2b652;border-radius:3px;padding:0 3px}.prominent-speeds{gap:20px;margin-bottom:10px;font-size:21px;color:#f5e7c2}.prominent-speeds>span{display:flex;flex-direction:column;gap:3px}.prominent-speeds small{font-size:8px;letter-spacing:1px;color:#abc8c4}.prominent-speeds strong{font-size:inherit;font-weight:600;line-height:1.1}.ship-status .ship-name{margin-top:4px}.minimap-controls{position:fixed;right:22px;top:218px;width:180px;display:flex;align-items:center;gap:5px;z-index:4}.minimap-controls span{margin-right:auto;font-size:7px;letter-spacing:1px;color:#ccdbcc}.minimap-controls button{width:30px;height:28px;border:1px solid #afc2b652;border-radius:4px;background:#103743ed;color:#ead8aa;font-size:18px}.chart-open .minimap-controls{display:none}#chart-tools{position:fixed;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:center;z-index:6;max-width:calc(100vw - 24px);padding:8px 10px;background:#102f3bf5;border:1px solid #b9c9ad66;border-radius:7px}#chart-tools label{margin:0;color:#d9c38b;font-size:8px;white-space:nowrap}#chart-tools select{min-width:0;max-width:230px;background:#173e49;color:#eee2bf;border:1px solid #93a99a66;border-radius:4px;padding:8px;font:11px system-ui}#chart-tools button{white-space:nowrap;background:#234b53;border:1px solid #b9c9ad66;border-radius:4px;font-size:11px;min-height:36px;padding:6px 12px}.chart-open .helm-area,.chart-open .action-dock,.chart-open .gunnery,.chart-open .zoom-controls,.chart-open .destination,.chart-open .tip,.chart-open #sailing-warning,.chart-open .room-hud{display:none!important}@media(max-width:950px),(orientation:landscape)and (max-height:550px){#admin-toggle{display:none}.menu-open #admin-toggle{display:block;position:fixed;right:calc(12px + var(--safe-right));top:calc(174px + var(--safe-top));width:92px;height:28px;font-size:16px;z-index:10;background:#102f3b}.menu-open #admin-toggle:after{content:" Admin";font-size:10px}.playing.menu-open:has(#admin-toggle:not([hidden])) .topbar:before{height:154px}#grid-toggle{display:none}.menu-open #grid-toggle{display:block;position:fixed;right:calc(12px + var(--safe-right));top:calc(136px + var(--safe-top));width:92px;height:28px;min-height:28px;font-size:16px;z-index:10;background:#102f3b}.menu-open #grid-toggle:after{content:" Grid";font-size:10px}.menu-open #grid-toggle[aria-pressed=true]{border-color:#d9b96d;color:#f3d78c}.minimap-controls{display:none}.environment-hud .wind-hud strong{font-size:9px;white-space:nowrap}.prominent-speeds{font-size:15px;gap:18px;margin-bottom:6px}.prominent-speeds small{font-size:6px;letter-spacing:.8px}.ship-status .ship-name{margin-top:0}.zoom-controls{right:calc(12px + var(--safe-right));top:calc(65px + var(--safe-top));gap:0;padding:0}.zoom-controls button{width:38px;height:36px}.zoom-controls span{font-size:8px}.destination{bottom:12px;max-width:calc(100vw - 440px);font-size:8px;padding:4px 6px}#chart-tools{bottom:calc(8px + var(--safe-bottom));padding:4px 6px;gap:6px}#chart-tools label{display:none}#chart-tools select{max-width:220px;font-size:10px;padding:8px 4px}#chart-tools button{min-height:40px;font-size:10px;padding:6px 10px}.ammo-selector kbd{font-size:8px;padding:0 2px;margin-left:1px}.ammo-selector button span{font-size:8px}.chart-open .ship-status,.chart-open .environment-hud{display:none!important}}.admin-lab{border-bottom:1px solid #a8bca43b;padding-bottom:16px;margin-bottom:20px}.admin-board-row{display:flex;gap:8px;align-items:center}.admin-board-row .secondary{margin:0;font-size:11px;width:auto;white-space:nowrap;padding:10px}.admin-lab select{width:100%;background:#173e49;color:#eee2bf;border:1px solid #93a99a66;border-radius:4px;padding:10px;font:12px system-ui}.admin-lab fieldset{border:1px solid #a8bca43b;padding:12px;margin:12px 0}.admin-lab legend{font-size:9px;letter-spacing:1px;color:#e5cf91}.admin-lab fieldset:disabled{opacity:.45}.admin-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-fields label{font-size:8px;letter-spacing:.5px;line-height:1.5}.admin-fields input,.admin-fields select{margin-top:5px;min-height:40px;padding:9px;font-size:12px}.admin-lab .admin-vector-toggle{margin-top:8px}.admin-lab .primary{min-height:42px;padding:10px;font-size:12px}.admin-lab p{font-size:11px;line-height:1.55}.admin-lab output{display:block;font-size:10px;line-height:1.6;color:#d5dfbf;font-variant-numeric:tabular-nums}#admin-board-status{font-weight:600;color:#f2cf87}#admin-panel{overflow-y:auto;overscroll-behavior:contain;max-height:calc(100dvh - 48px);z-index:15}#admin-panel h2{font-size:30px;margin-bottom:16px}#board-badge{position:fixed;top:76px;left:50%;transform:translate(-50%);font-size:9px;letter-spacing:1px;color:#f6dba1;background:#123743e6;border:1px solid #d9b96d66;border-radius:4px;padding:4px 8px;pointer-events:none}.chart-open #board-badge{display:none}@media(max-width:950px),(orientation:landscape)and (max-height:550px){#admin-panel{inset:calc(8px + env(safe-area-inset-top)) auto auto 50%;transform:translate(-50%);width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom));padding:20px 24px}#admin-panel h2{font-size:25px;margin:8px 0 12px}#board-badge{top:calc(54px + var(--safe-top));font-size:7px;padding:3px 6px}.admin-fields{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-fields input,.admin-fields select{min-height:42px}.admin-lab .admin-vector-toggle input{min-width:20px;min-height:20px}}#wind-peak{font-variant-numeric:tabular-nums;color:#d7c89c;font-size:8px;margin-top:3px}.sailing-lab #sailing-warning{top:105px}@media(max-width:950px),(orientation:landscape)and (max-height:550px){#wind-peak{font-size:7px;line-height:1.1}.sailing-lab #board-badge{top:calc(65px + var(--safe-top))}.sailing-lab #sailing-warning{top:calc(85px + var(--safe-top))}}#lab-overview{width:112px;height:auto;min-height:36px;font-size:11px;line-height:1.25;padding:7px;position:absolute;right:0;top:100%;margin-top:6px;background:#123c48;border:1px solid #91ada166;border-radius:6px}#mobile-map,#look-button{display:none}@media(max-width:950px),(orientation:landscape)and (max-height:550px){.playing:not(.chart-open) #mobile-map,.playing:not(.chart-open) #look-button{display:block;position:fixed;z-index:3;pointer-events:auto;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}#mobile-map{right:6px;top:52px;width:142px;background:transparent;border:0;border-radius:5px}#look-button{right:152px;top:56px;width:44px;height:44px;background:#143a46b8;border:1px solid #a9b69a55;border-radius:4px;font-size:8px;color:#f2dfb5}#look-button.active{background:#7a7049}.helm-area,.gunnery,.action-dock{pointer-events:auto;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.gunnery,.action-dock{border-radius:6px;background:#10344022}.minimap-controls{display:none!important}}@media(orientation:portrait)and (max-width:950px){.playing .ship-status{left:8px;top:8px;width:calc(100vw - 160px);max-width:230px}.playing .topbar{padding:5px 8px}.playing .top-right{gap:3px}.playing .top-right>#map-toggle{display:none}.playing .environment-hud{top:100px;left:10px;transform:none;max-width:calc(100vw - 165px);flex-direction:column;align-items:flex-start;gap:10px}.playing .environment-hud .wind-hud{max-width:100%}.playing #sailing-warning,.playing.sailing-lab #sailing-warning{top:208px;left:8px;transform:none;max-width:calc(100vw - 164px);font-size:8px;padding:6px}.playing #mission-button{top:255px;left:8px;transform:none;max-width:calc(100vw - 164px);white-space:normal;font-size:10px}.playing .helm-area{left:10px;bottom:18px}.playing .action-dock,.playing.button-helm .action-dock{left:10px;bottom:112px;width:116px;transform:none}.playing .gunnery{right:8px;bottom:10px;width:178px}.playing .destination{left:8px;bottom:215px;transform:none;max-width:calc(100vw - 164px)}#board-badge,.sailing-lab #board-badge{left:8px;top:230px;transform:none;max-width:calc(100vw - 164px)}#look-button{right:8px;top:156px;width:138px}.playing .zoom-controls{right:8px;top:205px}.welcome{left:8%;width:84%;top:50%;transform:translateY(-50%);max-height:90dvh}.welcome h1{font-size:58px}.welcome h1>span{font-size:22px}.welcome .intro{margin:12px 0}.welcome form{width:100%}#chart-tools{width:calc(100vw - 16px);max-width:none;display:flex;flex-wrap:wrap;justify-content:center}#chart-tools select{min-width:0;max-width:none;flex:1 1 100%;width:100%}#chart-tools button{flex:1}.admin-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(orientation:landscape)and (max-height:550px){.playing .zoom-controls{right:202px;top:56px}}@media(max-width:950px),(orientation:landscape)and (max-height:550px){.environment-hud .wind-hud strong,.environment-hud .tide-hud strong{font-size:11px;line-height:1.15}.environment-hud #wind-arrow{font-size:29px}.environment-hud #tide-arrow{font-size:24px}}@media(orientation:portrait)and (max-width:950px){.playing .environment-hud{top:calc(130px + var(--safe-top,0px))}.playing #sailing-warning,.playing.sailing-lab #sailing-warning{top:calc(242px + var(--safe-top,0px))}.playing #mission-button{top:calc(286px + var(--safe-top,0px))}#board-badge,.sailing-lab #board-badge{top:calc(268px + var(--safe-top,0px))}.playing .action-dock{bottom:calc(204px + var(--safe-bottom,0px))}.playing.button-helm .action-dock{bottom:calc(148px + var(--safe-bottom,0px))}.playing .destination{bottom:calc(266px + var(--safe-bottom,0px))}}@media(orientation:portrait)and (max-width:950px){.playing .zoom-controls{top:calc(164px + var(--safe-top,0px));right:12px;width:130px;flex-direction:row;flex-wrap:wrap;justify-content:space-between;padding:0;gap:0}.playing .zoom-controls button{width:42px;height:36px;flex:none}.playing .zoom-controls #lab-overview:not([hidden]){order:4;width:100%;font-size:8px}}@media(orientation:portrait)and (max-width:950px){body.playing #adventure-actions{position:fixed;right:calc(8px + var(--safe-right,0px));bottom:calc(240px + var(--safe-bottom,0px));width:min(178px,calc(100vw - 172px - var(--safe-left,0px) - var(--safe-right,0px)));max-width:none;z-index:4;pointer-events:auto;gap:6px}body.playing #adventure-actions button{width:100%;min-height:44px;padding:8px 10px;touch-action:manipulation}body.playing.ashore #adventure-actions{bottom:calc(24px + var(--safe-bottom,0px))}}#admin-panel .admin-section{border-top:1px solid #a8bca43b;padding:10px 0;margin:8px 0}#admin-panel .admin-section>summary{min-height:40px;display:list-item;align-content:center;cursor:pointer;color:#f2cf87;font-size:13px;font-weight:600}#admin-panel .admin-section p{font-size:11px;line-height:1.5}#admin-panel .admin-section label{display:block;font-size:9px;letter-spacing:.5px;margin:10px 0 5px}#admin-panel .admin-section .admin-vector-toggle{display:flex;font-size:11px;letter-spacing:0;margin:6px 0}#admin-panel .admin-section input:not([type=checkbox]),#admin-panel .admin-section select,#admin-panel textarea{box-sizing:border-box;width:100%;min-width:0;min-height:40px;border:1px solid #93a99a66;border-radius:4px;background:#173e49;color:#eee2bf;padding:9px;font:12px system-ui}#admin-panel textarea{resize:vertical;font:11px/1.5 monospace;min-height:120px}#admin-panel .admin-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}#admin-panel .admin-actions button{flex:1 1 140px;width:auto;margin:0;padding:10px;font-size:11px;min-height:40px}#admin-panel .admin-section .primary,#admin-panel .admin-section .secondary{font-size:12px;min-height:40px;padding:10px}#admin-panel pre{white-space:pre-wrap;overflow-wrap:anywhere;font:11px/1.5 monospace;color:#d5dfbf;max-height:320px;overflow:auto}#admin-panel #admin-status{display:block;position:sticky;bottom:-20px;background:#102f3b;padding:10px 0;color:#f2cf87;font-size:12px;line-height:1.5}#admin-panel #admin-bot-status{font-size:11px;color:#d5dfbf;display:block;margin:8px 0}#admin-panel [hidden]{display:none!important}#admin-panel h2{overflow-wrap:anywhere}#admin-panel .admin-lab{border-bottom:0;padding-bottom:0;margin-bottom:0}#admin-panel .admin-tabs{display:flex;gap:8px;margin-top:14px}#admin-panel .admin-tabs button{flex:1;min-height:42px;padding:9px 6px;background:#173e49;color:#eee2bf;border:1px solid #93a99a66;border-radius:4px;font:12px system-ui;cursor:pointer}#admin-panel .admin-tabs button[aria-selected=true]{background:#d9b96d;color:#102f3b;border-color:#d9b96d;font-weight:600}@media(max-width:450px){#admin-panel .admin-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:950px){#admin-panel{width:calc(100vw - 16px);max-width:none}}.account-trigger{border:1px solid #b9c6ad55;border-radius:5px;background:#123843;color:#e9d8ad;min-height:40px;padding:8px 12px;font:inherit;font-size:11px;white-space:nowrap;cursor:pointer}.account-dialog{box-sizing:border-box;width:min(420px,calc(100vw - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:28px;color:#e8dfc3;background:#102f3b;border:1px solid #c3c5a777;border-radius:12px;box-shadow:0 18px 70px #03172299;overflow:auto;overscroll-behavior:contain;touch-action:pan-y}.account-dialog::backdrop{background:#06212bd9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.account-dialog>div{position:relative}.account-dialog h2{font:400 33px/1.12 Libre Caslon Display,Georgia,serif;margin:12px 36px 14px 0;color:#f2e4c0}.account-dialog button,.account-dialog input{font-family:inherit}.account-dialog button{cursor:pointer;touch-action:manipulation}.account-dialog button:disabled{opacity:.5;cursor:wait}.account-eyebrow{font-size:9px;letter-spacing:1.8px;color:#d5bd83;margin:0}.account-copy{font-size:13px;line-height:1.6;color:#bccfc3;margin:10px 0 18px;overflow-wrap:anywhere}.account-name{font:22px Georgia,serif;margin-bottom:0}.account-close{position:absolute;right:-12px;top:-16px;width:44px;height:44px;padding:0;border:0;background:none;color:#c4d1c1;font-size:28px}.account-switch{display:flex;gap:4px;padding:4px;background:#092630;border-radius:6px;margin:18px 0}.account-switch button{flex:1;min-height:42px;border:0;border-radius:4px;background:none;color:#b9cdc0;font-size:13px}.account-switch button[aria-pressed=true]{background:#244a51;color:#f0deb0}.account-form{display:grid;gap:14px}.account-form label{display:grid;gap:7px;font-size:12px;color:#d4dec9}.account-form input{box-sizing:border-box;width:100%;min-height:44px;border:1px solid #839e9277;border-radius:5px;padding:10px 12px;background:#092732;color:#fff1d3;font-size:16px;-webkit-user-select:text;user-select:text}.account-form input:disabled{opacity:.65}.account-submit{width:100%;min-height:46px;padding:12px;border:1px solid #e0c58b;border-radius:5px;background:#dfc58e;color:#143440;font-size:13px;font-weight:600;margin-top:3px}.account-links{display:flex;flex-wrap:wrap;gap:2px 14px;margin-top:13px}.account-link{min-height:40px;padding:7px 0;border:0;background:none;text-align:left;color:#e1cb97;font-size:12px;text-decoration:underline;text-underline-offset:3px}.account-gate,.account-error,.account-notice{border-radius:5px;padding:11px 12px;font-size:12px;line-height:1.5;overflow-wrap:anywhere}.account-gate{background:#d7bd7b13;border:1px solid #d7bd7b44;color:#e4d2a8}.account-error{background:#7a363544;border:1px solid #df9a7b66;color:#ffd0bc}.account-notice{background:#68977e22;border:1px solid #95b6a344;color:#d3e5cc}.account-dialog :focus-visible,.account-trigger:focus-visible{outline:2px solid #f3dca1;outline-offset:3px}@media(max-width:950px),(max-height:550px)and (orientation:landscape){.top-right>.account-trigger{font-size:10px;padding:7px 9px;min-height:40px}.account-dialog{padding:22px;max-height:calc(100dvh - 16px)}.account-dialog h2{font-size:29px}.account-copy{margin-bottom:12px}}#menu-toggle{display:block}.top-right>.account-trigger{display:none}.menu-open .top-right>.account-trigger{display:block;position:fixed;right:calc(112px + var(--safe-right,0px));top:calc(174px + var(--safe-top,0px));width:188px;min-height:44px;text-align:left;z-index:10;background:#102f3b}@media(min-width:951px)and (min-height:551px){.menu-open .top-right>.account-trigger{top:70px;right:34px;width:230px}}@media(max-width:950px),(max-height:550px)and (orientation:landscape){.playing.menu-open .topbar:before{height:174px}}.account-dialog{padding:26px 28px;border-color:#9eb1a54f;background:linear-gradient(145deg,#183e48,#102c37 70%);border-radius:16px;box-shadow:0 24px 90px #03141ac9}.account-dialog h2{margin:10px 30px 8px 0;font-size:32px}.account-dialog .account-copy{line-height:1.45;margin:8px 0 18px;font-size:13px}.account-dialog .account-switch{margin:0 0 16px;border:1px solid #bdd2bd14;border-radius:8px}.account-dialog .account-switch button{border-radius:5px;min-height:40px;text-align:center;text-decoration:none;font-weight:600}.account-dialog .account-switch button[aria-pressed=true]{background:#30545b;box-shadow:0 1px 4px #03172240;color:#fff0ce}.account-google{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:46px;padding:10px 16px;border:1px solid #dadce0;border-radius:7px;background:#fff;color:#30343b;font-size:14px;font-weight:600}.account-google svg{width:21px;height:21px;flex:none}.account-google:not(:disabled):hover{background:#f1f4f6;border-color:#acb9bf}.account-divider{display:flex;align-items:center;gap:12px;margin:17px 0;color:#9eb6b7;font-size:11px}.account-divider:before,.account-divider:after{content:"";flex:1;height:1px;background:#b9c6ad30}.account-dialog .account-form{gap:12px}.account-dialog .account-form label{gap:6px;font-size:12px;font-weight:600}.account-dialog .account-form input{border-radius:7px;background:#092632;border-color:#8ba6a152;transition:border-color .15s}.account-dialog .account-form input:focus{border-color:#e0c58b;outline:1px solid #e0c58b;outline-offset:0}.account-dialog .account-submit{border-radius:7px;background:linear-gradient(#ead3a0,#d8ba7e);color:#18333b;font-size:14px;min-height:46px}.account-dialog .account-submit:not(:disabled):hover{filter:brightness(1.06)}.account-dialog .account-links{justify-content:space-between;gap:0 12px;margin-top:10px}.account-dialog .account-link{font-size:12px;color:#d4c39d;text-decoration:none}.account-dialog .account-link:hover{text-decoration:underline}.account-dialog .account-close{right:-14px;top:-17px;border-radius:50%}.account-dialog .account-close:hover{background:#ffffff0b}@media(max-width:440px){.account-dialog{padding:22px;width:calc(100vw - 24px)}.account-dialog h2{font-size:29px}}@media(min-width:600px)and (max-height:550px){.account-dialog:has(.account-entry){width:min(720px,calc(100vw - 32px));padding:20px 24px}.account-entry{display:grid;grid-template-columns:1fr 1fr;column-gap:28px;align-items:start}.account-entry>.account-eyebrow,.account-entry>h2,.account-entry>#account-description{grid-column:1}.account-entry>.account-eyebrow{grid-row:1;margin-top:3px}.account-entry>h2{grid-row:2;font-size:28px;margin-top:8px}.account-entry>#account-description{grid-row:3;margin-bottom:12px}.account-entry>.account-methods{grid-column:1;grid-row:4}.account-entry>.account-form{grid-column:2;grid-row:1 / span 4;padding-top:14px}.account-entry>.account-links{grid-column:1 / -1;border-top:1px solid #b9c6ad25;padding-top:4px}.account-entry>.account-gate,.account-entry>.account-error,.account-entry>.account-notice{grid-column:1 / -1}.account-entry .account-divider{margin:10px 0 0}.account-entry .account-close{right:-18px;top:-20px}}.account-dialog .account-legal{display:flex;justify-content:center;gap:18px;grid-column:1 / -1;margin-top:10px}.account-dialog .account-legal a{padding:5px 4px;color:#a9bdb8;font-size:11px;text-underline-offset:3px}