@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Libre+Caslon+Display&display=swap";.captains-store{min-height:100vh;background:radial-gradient(ellipse at 75% 10%,#234953,#0e2934 70%);color:#ecdfbb;padding:32px clamp(20px,4vw,68px);font-family:Arial,sans-serif;overflow:auto;height:100vh;box-sizing:border-box}.captains-store header{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:24px}.captains-store h1{font:46px Georgia,serif;margin:6px 0 10px}.captains-store h2{font:28px Georgia,serif;margin:8px 0 20px}.captains-store p{line-height:1.5;color:#c0cfcb}.captains-store .store-eyebrow{font-size:10px;letter-spacing:3px;color:#dbb66e}.captains-store button,.captains-store select{color:#eee0bd;background:#203e46;border:1px solid #60766e;border-radius:5px;padding:10px 14px;cursor:pointer}.captains-store button:disabled{opacity:.45;cursor:default}.captains-store button:hover:enabled,.captains-store button[aria-pressed=true]{border-color:#e0b66b;background:#344c4d}.captains-store nav{display:flex;flex-wrap:wrap;gap:8px;padding:18px 0;border-top:1px solid #8c997244;border-bottom:1px solid #8c997244;margin-bottom:24px}.store-layout{display:grid;grid-template-columns:minmax(480px,1.1fr) minmax(400px,1fr);gap:30px;align-items:start}.store-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.store-products article{border:1px solid #47646a;background:#15343e;border-radius:10px;overflow:hidden}.store-products article.selected{border-color:#d6b46e}.captains-store .product-preview{display:block;border:0;padding:0;background:none;width:100%;text-align:left}.product-preview canvas{display:block;width:100%;height:auto}.product-preview span{display:block;font:22px Georgia,serif;padding:16px 18px 0}.store-products article>p{font-size:12px;min-height:54px;margin:12px 18px}.store-products footer{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:11px;padding:8px 18px 18px}.store-detail{background:#102e38;border:1px solid #6b7d6c;border-radius:10px;padding:24px;position:sticky;top:0}.store-detail canvas{width:100%;height:auto;border-radius:6px}.preview-controls{display:flex;flex-wrap:wrap;gap:12px;align-items:end;font-size:11px}.preview-controls label{flex:1}.captains-store label{display:grid;gap:6px}.preview-controls select{max-width:160px}.captains-store .store-primary{background:#dbb571;color:#192f36;border:0;min-width:170px;font-weight:700}.store-price{font:20px Georgia,serif}.store-detail .included-surfaces{font-size:12px}.captains-store details{margin-top:24px;border-top:1px solid #55706a;padding-top:16px}.captains-store summary{cursor:pointer;font-size:13px}.captains-store fieldset{margin:16px 0;border:1px solid #47646a;display:grid;gap:12px;font-size:12px}.store-notice,.store-message{border-left:3px solid #dab66f;padding:12px 18px;background:#203d43;font-size:13px}.mock-controls{opacity:.8}.mock-controls label{margin:12px 0}.store-entry{margin-left:auto}.captains-store button:focus-visible,.captains-store select:focus-visible{outline:2px solid #f2cc77;outline-offset:3px}@media(max-width:1050px){.store-layout{grid-template-columns:1fr}.store-detail{position:static}.store-products{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.store-products{grid-template-columns:1fr}.captains-store h1{font-size:32px}.captains-store header{align-items:start}.captains-store{padding:20px}}.captains-store .store-primary:hover:enabled{background:#edc982;color:#132b33}.start-page{min-height:100vh;padding:30px max(24px,calc((100vw - 1260px)/2)) 56px;background:radial-gradient(ellipse at 10% 0%,#285660 0,transparent 58%),radial-gradient(ellipse at 95% 100%,#1b4347 0,transparent 48%),linear-gradient(135deg,#102e39,#091f29);color:#eee3c7}.harbor-lobby{position:relative;isolation:isolate;min-height:100dvh;overflow:hidden;background:#092a33;padding-bottom:85px}.lobby-world-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;touch-action:none}.lobby-vignette{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#062831ed 0%,#062831d4 29%,transparent 82%),linear-gradient(0deg,#062831cc,transparent 36%,#06283199)}.harbor-lobby>:not(.lobby-world-canvas):not(.lobby-vignette){position:relative;z-index:2}.harbor-lobby .start-header{background:#092b34a1;padding:12px 20px;min-height:77px;margin:-30px calc(-1*max(24px,(100vw - 1260px) / 2)) 24px;border-bottom:1px solid #d9c68b42}.harbor-lobby .start-header h1{font-size:39px;letter-spacing:.03em}.harbor-lobby .start-compass{font-size:48px}.harbor-lobby .start-eyebrow{letter-spacing:.3em}.harbor-lobby .start-header-actions button{background:transparent;border:0;font-size:12px}.lobby-chart-label{display:block;text-align:right;font-size:10px;letter-spacing:.2em;color:#e8c987}.harbor-lobby .quick-match-start{display:block;max-width:570px;margin:clamp(70px,10vh,130px) 0 10px;padding:0;background:none;border:0;box-shadow:none}.harbor-lobby .quick-match-start h2{font-size:clamp(48px,5.7vw,82px);line-height:.98;max-width:550px;margin:18px 0}.harbor-lobby .quick-match-start p{background:#10343edb;border:1px solid #c6ad7966;padding:14px 17px;margin:25px 0 15px;font-size:13px;color:#e7e4cc;border-radius:4px}.harbor-lobby .quick-match-start>button{width:100%;font-size:15px;letter-spacing:.18em;display:flex;justify-content:space-between}.lobby-primary-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:570px}.lobby-primary-actions button{font-size:12px;background:#10343edb;border-color:#c6ad7966;padding:13px 8px}.lobby-simple-panel{max-width:570px;margin:7vh 0;padding:26px;background:#0c3039ec;border:1px solid #d5b87578;border-radius:8px;box-shadow:0 20px 55px #06182088}.lobby-simple-panel h2{font: 44px Libre Caslon Display,Georgia,serif;margin:8px 0 16px}.lobby-simple-panel p{color:#d9e1d3;font-size:14px;line-height:1.5}.lobby-simple-panel button{margin-right:8px;margin-top:8px}.lobby-simple-panel .lobby-voyage-card{display:block;width:100%;text-align:left}.lobby-simple-panel .lobby-world-sail{background:#d4b375;color:#142f38;border-color:#d4b375;font-weight:700}.harbor-lobby .start-layout{max-width:1020px;margin:3vh auto 25px}.harbor-lobby .start-create,.harbor-lobby .start-join{background:#0c3039f0}.harbor-lobby .map-choice{display:block;min-height:0}.harbor-lobby .map-choice>div{padding:12px 18px}.harbor-lobby .map-choice b{font-size:24px}.harbor-lobby .map-choice>div>span:last-child{display:none}.lobby-advanced{margin:15px 0;border-top:1px solid #d0b7794d;border-bottom:1px solid #d0b7794d;padding:12px 0}.lobby-advanced summary{cursor:pointer;color:#e4c47e;font-size:12px}.lobby-resume-view{position:fixed!important;right:4vw;top:116px;background:#0d323cde!important;z-index:4!important;font-size:11px}.lobby-port-card{position:fixed!important;right:4vw;top:165px;width:230px;padding:17px;background:#0d323cf0;border:1px solid #d4bb7c8a;border-radius:6px}.lobby-port-card button{float:right;background:none;border:0;padding:0;font-size:20px}.lobby-port-card small{color:#d4b375;letter-spacing:.15em}.lobby-port-card h3{font: 25px Libre Caslon Display,Georgia,serif;margin:7px 0}.lobby-port-card p{font-size:12px;line-height:1.5}.lobby-footer{position:fixed!important;bottom:0;left:0;right:0;z-index:3!important;display:flex;justify-content:space-between;align-items:center;padding:12px 4vw;background:#082831d9;color:#c9c6ac;font-size:10px;letter-spacing:.12em}.lobby-footer label{display:flex;align-items:center;gap:8px;color:#dcbf7a}.harbor-lobby .lobby-footer label{flex-direction:row;margin:0}.lobby-footer input{width:185px;background:transparent;border:0;border-bottom:1px solid #dbbd7b75;color:#f4e8c9;padding:4px;font-size:12px}@media(max-width:1000px){.harbor-lobby .start-header{margin:-30px -24px 24px}.harbor-lobby .start-layout{grid-template-columns:1fr}}@media(max-width:650px){.harbor-lobby .start-header{margin:-20px -16px 20px;padding:12px 16px}.harbor-lobby .start-header h1{font-size:32px}.harbor-lobby .quick-match-start{margin:35px 0 10px}.harbor-lobby .quick-match-start h2{font-size:53px}.lobby-vignette{background:linear-gradient(90deg,#062831ed,#06283199),linear-gradient(0deg,#062831dd,transparent)}.lobby-primary-actions{grid-template-columns:1fr}.lobby-footer span{display:none}.harbor-lobby .start-layout{margin-top:20px}.lobby-chart-label{display:none}}@media(prefers-reduced-motion:reduce){.harbor-lobby button{transition:none!important}}.start-page button,.start-page input,.start-page select{font:inherit;color:inherit}.start-page button{cursor:pointer;border:1px solid #738d8055;background:#22414a;border-radius:6px;padding:10px 14px;transition:border-color .15s,background .15s,transform .15s}.start-page button:hover{border-color:#ddbd79;background:#2a4b50}.start-page button:active{transform:translateY(1px)}.start-page button:disabled{opacity:.45;cursor:default}.start-page button:focus-visible,.start-page input:focus,.start-page select:focus{outline:2px solid #e2bd6d;outline-offset:3px}.start-header{display:flex;align-items:center;gap:16px;min-height:112px;padding-bottom:22px;border-bottom:1px solid #a9c1ab27;margin-bottom:24px}.start-compass{font:76px/1 Libre Caslon Display,Georgia,serif;color:#d6b56f}.start-brand{min-width:0}.start-eyebrow,.start-kicker,.start-section-heading>span{color:#c7b78d;font-size:10px;font-weight:650;letter-spacing:.18em;text-transform:uppercase}.start-eyebrow{margin-bottom:5px}.start-header h1{font:normal clamp(48px,5vw,72px)/.96 "Libre Caslon Display",Georgia,serif;letter-spacing:-.025em;white-space:nowrap}.start-header-actions{display:flex;align-items:center;gap:10px;margin-left:auto}.start-page .start-resume{background:#d4b375;border-color:#d4b375;color:#162f34;font-weight:700}.quick-match-start,.start-create,.start-join{border:1px solid #76968b50;background:#142f38db;border-radius:12px;box-shadow:0 15px 55px #06192044}.quick-match-start{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:21px 26px;margin-bottom:20px;border-color:#c5aa705c;background:linear-gradient(110deg,#23434a,#18353e 70%)}.quick-match-start h2,.start-section-heading h2,.games-heading h3{font-family:Libre Caslon Display,Georgia,serif;font-weight:400}.quick-match-start h2{font-size:30px;margin:5px 0 3px}.quick-match-start p{color:#c2d0c3;font-size:12px;line-height:1.45}.start-page .quick-match-start>button{flex-shrink:0;min-width:172px;padding:13px 18px;background:#d4b375;border-color:#d4b375;color:#162f34;font-weight:700}.quick-match-start button span{margin-left:14px}.start-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(330px,1fr);gap:20px;align-items:start}.start-create,.start-join{padding:26px}.start-section-heading h2{font-size:32px;margin:7px 0 23px}.start-page label,.start-field-label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:600;color:#c8d4ca}.start-page input,.start-page select{border:1px solid #79938765;background:#0e2731;padding:11px 12px;border-radius:5px;width:100%;min-height:43px}.captain-name{max-width:420px;margin-bottom:22px}.map-picker{margin-bottom:22px}.start-field-label{margin-bottom:9px}.map-choices{display:block}.map-choice{display:grid;grid-template-columns:minmax(210px,.92fr) minmax(0,1fr);min-height:180px;overflow:hidden;border:1px solid #d5b6777c;border-radius:8px;background:#0f2b35}.start-chart{display:block;width:100%;height:100%;min-height:180px;background:linear-gradient(#1b4752,#143742)}.map-choice>div{display:flex;flex-direction:column;justify-content:center;padding:19px 21px}.map-choice b{font: 30px/1.1 Libre Caslon Display,Georgia,serif;display:block;margin:8px 0;color:#efdfb7}.map-choice>div>span:last-child{font-size:12px;line-height:1.6;color:#b2c5bd}.start-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.start-options select{font-size:12px}.start-launch{border-top:1px solid #65827844;margin-top:25px;padding-top:21px;display:flex;align-items:center;justify-content:space-between;gap:20px}.start-launch>span{font-size:12px;color:#dfd3b3;line-height:1.7}.start-launch small{color:#9eb8ae}.start-page .start-primary{background:#d4b375;border-color:#d4b375;color:#162f34;min-width:145px;font-weight:700}.start-join form{display:grid;gap:11px}.games-heading{display:flex;justify-content:space-between;align-items:center;margin-top:28px;padding-top:18px;border-top:1px solid #65827844}.games-heading h3{font-size:23px}.games-heading button{padding:4px 10px;font-size:18px}.game-list{max-height:320px;overflow:auto}.game-list article{position:relative;border-bottom:1px solid #708a7740;padding:15px 64px 15px 0}.game-list article b,.game-list article small,.game-list article span{display:block}.game-list article b{font-size:13px;font-weight:600}.game-list article small{font-size:11px;color:#b5c4bc;margin:5px 0}.game-list article span{font-size:11px;color:#99b3a8}.game-list article button{position:absolute;right:0;top:20px;font-size:11px;padding:7px 10px}.start-note,.no-games{color:#a7bbb0;font-size:11px;line-height:1.7;margin-top:19px}.start-error,.start-connecting{padding:16px 22px;border:1px solid #c58462;border-radius:8px;margin-bottom:20px;background:#493b2b88}.start-error p{margin:6px 0}.start-error span{font-size:12px;color:#c7c5ab}.start-connecting{border-color:#99ad9466;background:#29494188}.start-connecting a{float:right;color:#e4c280}@media(max-width:1000px){.start-layout{grid-template-columns:1fr}.start-header{flex-wrap:wrap}.start-header-actions{margin-left:auto}}@media(max-width:650px){.start-page{padding:20px 16px 40px}.start-header{gap:10px;min-height:0}.start-compass{font-size:52px}.start-header h1{font-size:47px}.start-eyebrow{font-size:8px}.start-header-actions{width:100%;margin-left:0;justify-content:flex-start}.quick-match-start{flex-direction:column;align-items:stretch;padding:20px}.start-page .quick-match-start>button{width:100%}.start-create,.start-join{padding:20px}.map-choice{grid-template-columns:1fr}.start-chart{height:170px;min-height:170px}.start-options{grid-template-columns:1fr}.start-launch{align-items:flex-start;flex-direction:column}.start-page .start-primary{width:100%}}.world-experience{position:fixed;top:0;right:0;bottom:0;left:0;background:#10313b;color:#eee5ce;font-size:13px}.world-experience button,.world-toolbar a{border:1px solid #77939555;background:#163640dd;color:#e8e5ce;border-radius:5px;padding:7px 10px;cursor:pointer}.world-experience button:hover:not(:disabled),.world-experience button[aria-pressed=true]{border-color:#dfb65e;background:#31525b}.world-experience button:disabled{opacity:.45;cursor:default}.world-toolbar{position:absolute;top:18px;left:22px;right:22px;display:flex;gap:7px;align-items:center;pointer-events:auto;z-index:20}.world-toolbar button{text-transform:capitalize}.world-toolbar button:nth-child(2){letter-spacing:2px;font-weight:700}.trade-filters{position:absolute;top:61px;left:22px;display:flex;gap:5px;z-index:20}.trade-filters button{display:flex;align-items:center;font-size:11px;padding:5px 8px}.world-card{position:absolute;z-index:25;top:108px;left:22px;width:350px;max-height:calc(100vh - 225px);overflow:auto;background:#12323aee;border:1px solid #829a8877;border-radius:10px;padding:18px;box-shadow:0 15px 35px #061c2455;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.world-card header{display:flex;justify-content:space-between;align-items:start;gap:10px;margin-bottom:12px}.world-card h2{font:23px Georgia,serif;margin:0;text-transform:capitalize}.world-card h3{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;margin:18px 0 9px;color:#c7b780}.world-card p{line-height:1.5;margin:10px 0}.world-card small{display:block;color:#bacaca;font-size:11px;line-height:1.5}.world-card header button{padding:1px 7px;font-size:19px}.economic-inspection{width:365px;border-color:#c7aa6e88;background:linear-gradient(155deg,#163c42f5,#0c2932f5)}.economic-inspection header{margin-bottom:5px}.economic-ordinal{color:#d8c187;font:13px system-ui,sans-serif;vertical-align:middle}.economic-kicker{color:#b7cfc7;font-size:11px;letter-spacing:.05em;margin-bottom:15px}.economic-flow{border-top:1px solid #a6b8a633;padding-top:12px}.economic-flow-resource{display:flex;gap:8px;align-items:center;margin-bottom:14px;color:#f2dfaa}.economic-flow-resource span{margin-left:auto;color:#a9cabc;font-size:11px}.economic-meter{margin:9px 0}.economic-meter-label{display:flex;justify-content:space-between;font-size:11px;color:#c5d5cb;margin-bottom:5px}.economic-meter-label strong{color:#f0dfb2;font-variant-numeric:tabular-nums}.economic-meter-track{height:8px;overflow:hidden;border-radius:10px;border:1px solid #819d9144;background:#081f29}.economic-meter-track i{display:block;height:100%;border-radius:inherit;transition:width .45s ease;position:relative}.economic-meter-track i:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(100deg,transparent 25%,#ffffff35 50%,transparent 75%);background-size:210% 100%;animation:economic-flow-glint 5s ease-in-out infinite}.economic-meter-track .site{background:#d9bc75}.economic-meter-track .supply{background:#77bba8}.economic-meter-track .use{background:#cd856d}.economic-flow-divider{height:1px;background:#a6b8a633;margin:13px 0}.economic-net{text-align:right;font-size:12px;font-weight:700;font-variant-numeric:tabular-nums}.economic-net.positive{color:#91d5aa}.economic-net.negative{color:#e4a18b}.economic-flow small,.economic-build-status small{color:#a9c3ba;margin-top:7px}.economic-capability{color:#ebd9ad}.economic-connection{margin-top:18px;padding-top:10px;border-top:1px solid #a6b8a633;font-size:11px;color:#a9c3ba}.economic-build-status{margin-top:15px}.economic-build-status b{display:block;margin-bottom:8px;color:#e9ce8c}.economic-node-count{display:flex;align-items:baseline;gap:8px;color:#e4ce95;margin:14px 0}.economic-node-count strong{font:29px Georgia,serif}.economic-node-count span{font-size:12px}.economic-linked-sites{border-top:1px solid #a6b8a633;max-height:190px;overflow:auto}.economic-linked-sites>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #a6b8a622;padding:7px 0;font-size:11px}.economic-linked-sites b{color:#e6d29a;font-variant-numeric:tabular-nums}.economic-hover{position:absolute;z-index:23;width:252px;pointer-events:none;padding:11px 13px;border:1px solid #c2aa7788;border-radius:8px;color:#f0e6c8;background:#102e37f2;box-shadow:0 10px 30px #071b2677;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.economic-hover>b{font:16px Georgia,serif}.economic-hover>small{display:block;color:#b8cbc3;margin:4px 0 9px}.economic-flow.compact{border:0;padding:0}.economic-flow.compact .economic-flow-resource{margin-bottom:7px}.economic-flow.compact .economic-meter{margin:5px 0}.economic-flow.compact .economic-meter-track{height:5px}.economic-flow.compact .economic-flow-divider{margin:8px 0}.economic-flow.compact .economic-net{font-size:11px}@keyframes economic-flow-glint{0%,35%,to{background-position:150% 0}55%{background-position:-150% 0}}@media(prefers-reduced-motion:reduce){.economic-meter-track i:after{animation:none}.economic-meter-track i{transition:none}}.muted{color:#b3c7c2}.quick-actions{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.quick-actions button{font-size:11px;padding:6px 8px;display:inline-flex;align-items:center;gap:4px}.port-produce{display:flex;gap:7px;flex-wrap:wrap}.port-produce button{display:flex;gap:7px;align-items:center}.development-dots{display:flex;gap:6px;flex-wrap:wrap;font-size:10px;color:#a9c0aa}.development-dots span{border-bottom:1px solid #abc4aa33;padding:4px}.ship-vitals{display:flex;flex-wrap:wrap;gap:8px;font-size:11px;color:#bdcfc8}.route-state{font-size:11px;display:inline-block;margin-top:5px}.state-healthy{color:#a8c5bc!important}.state-opportunity{color:#b6cf8d!important}.state-caution{color:#ddba72!important}.state-problem,.state-attack{color:#de8879!important}.state-paused{color:#9ba8aa!important}.scan-row{display:flex!important;width:100%;flex-direction:column;text-align:left;gap:3px;margin:7px 0;padding:10px!important}.scan-row span{font-size:11px}.commodity-row{flex-direction:row;align-items:center;gap:10px}.yard-row{border-bottom:1px solid #91a99733;padding:11px 0}.yard-row>b{font:19px Georgia,serif}.yard-row .quick-actions{align-items:center}.yard-row .quick-actions>span{font-size:11px}.map-prompt{position:absolute;top:106px;left:50%;transform:translate(-50%);max-width:580px;background:#173b44ee;border:1px solid #c9ad70;border-radius:8px;padding:12px;z-index:28}.map-prompt>button{margin-left:10px}.offer-row{display:flex;gap:10px;align-items:center;padding:13px 0;border-bottom:1px solid #8ca59a33}.offer-row>div{flex:1}.offer-row button{font-size:11px}.admiral-bar{position:absolute;bottom:15px;left:22px;right:22px;display:flex;align-items:center;gap:9px;padding:10px 14px;border:1px solid #8ba19755;border-radius:9px;background:#102e37ee;z-index:20;min-height:49px}.captain-gold{font-size:19px;font-weight:700;display:flex;align-items:center;gap:5px;white-space:nowrap}.home-stock{display:flex;align-items:center;gap:4px;border:0!important;padding:5px!important}.admiral-fleet{display:flex;overflow-x:auto;gap:5px;flex:1}.admiral-fleet button{white-space:nowrap;font-size:11px}.admiral-fleet .selected{border-color:#dcbd70}.development-note{position:absolute;bottom:95px;left:50%;transform:translate(-50%);padding:8px 15px;background:#24443add;border-radius:6px;color:#d1d8b2;pointer-events:none}.volume-row{display:block;margin:15px 0;text-transform:capitalize}.volume-row input{display:block;width:100%;accent-color:#d5ad5e}.world-card .ship-orders{padding:0}.world-card .route-edit-row{display:flex;flex-wrap:wrap}.world-card .route-edit-row select{max-width:100%}.world-treaties{position:absolute;right:25px;top:100px;display:flex;flex-direction:column;gap:6px;z-index:20}.world-treaties>div{background:#173943dd;padding:8px;max-width:280px;border-radius:6px}.world-treaties span{margin:0 8px}.world-experience .siege-banner{top:110px}.world-experience .toast{z-index:50}.world-experience .end-match a{display:inline-block;margin:12px;color:#e9c57d}.tactical .world-toolbar{justify-content:flex-end}.tactical .admiral-bar{left:30%;right:20%}@media(max-width:1000px){.world-toolbar{gap:3px;flex-wrap:wrap}.world-toolbar button{font-size:11px;padding:6px}.admiral-bar{flex-wrap:wrap;gap:5px}.admiral-fleet{min-width:180px}.world-card{width:310px;max-height:calc(100vh - 260px)}.trade-filters{top:75px;max-width:95vw;overflow:auto}.home-stock{font-size:10px}.map-prompt{top:115px}}.allocation-panel{position:fixed;bottom:78px;left:50%;transform:translate(-50%);padding:9px 16px;border:1px solid #b8a17155;border-radius:10px;background:#142f38ef;color:#e9dfc6;z-index:6;max-width:90vw}.allocation-panel label{display:flex;gap:9px;align-items:center;white-space:nowrap;font-size:12px}.allocation-panel input{width:190px;accent-color:#d7b164}.allocation-panel small{display:block;font-size:10px;margin-top:6px}.core-yard small,.core-notices small{display:block;margin:5px 0}.quote-mode{border-left:3px solid #d5ac55;padding-left:12px;background:#65502324}.ship-hotkeys{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}.ship-hotkeys button{display:grid;place-items:center;position:relative;min-width:90px;max-width:125px;gap:5px;padding:9px;border:1px solid #5c777b;border-radius:12px}.ship-hotkeys button b{border-radius:50%;border:1px solid #8ca5a4;width:34px;height:34px;display:grid;place-items:center;color:#e6c484}.ship-hotkeys button.golden-ring b{outline:3px solid #e8bb5b;box-shadow:0 0 15px #e0b15466}.ship-hotkeys kbd{position:absolute;left:6px;top:5px;font-size:10px}.ship-hotkeys span{font-size:11px}.cargo-controls{border-block:1px solid #657d7744;padding:5px 0 10px}.cargo-controls input{width:80px}.core-notices{position:fixed;right:18px;top:85px;max-height:48vh;overflow:auto;width:280px;z-index:10;font-size:12px;pointer-events:none}.core-notices section,.core-notices>small{background:#142f38f5;border:1px solid #b9a26b55;padding:10px;border-radius:8px;margin-bottom:8px;pointer-events:auto}.political-choice{position:fixed;top:35%;left:50%;transform:translate(-50%);background:#15343b;padding:30px;border:1px solid #d4b16e;border-radius:12px;width:360px;pointer-events:auto;box-shadow:0 12px 60px #0008}.political-choice button{margin:5px}@media(max-width:800px){.allocation-panel{bottom:115px;width:85vw}.allocation-panel input{width:100px}.allocation-panel small{max-width:85vw;overflow:hidden}.core-notices{top:120px;width:220px}.captain-gold{font-size:11px}}.piracy-panel{position:fixed;z-index:35;left:22px;top:108px;width:min(350px,calc(100vw - 44px));max-height:calc(100vh - 250px);overflow:auto;padding:18px;background:#183039f5;border:1px solid #b89b66;border-radius:10px;color:#eee2c8;box-shadow:0 8px 35px #071a2580}.piracy-panel header{display:flex;justify-content:space-between;align-items:center;font-size:17px}.piracy-panel p{font-size:12px;line-height:1.5}.piracy-panel input{width:100px;background:#0e252e;color:#eee2c8;border:1px solid #667775;padding:7px;margin:12px}.piracy-actions{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0}.piracy-panel button,.pirate-demands button{background:#263d43;border:1px solid #8f825f;color:#f1e5c7;border-radius:5px;padding:8px;cursor:pointer}.piracy-panel button:disabled{opacity:.4;cursor:default}.pirate-demands{position:fixed;z-index:40;right:24px;top:115px;width:290px}.pirate-demands section{padding:16px;margin-bottom:8px;background:#302831f5;border:1px solid #b69a62;border-radius:8px;color:#f1e5c7}.pirate-demands button{margin-right:8px}.admiral-bar{flex-wrap:wrap}.admiral-bar .allocation-panel{position:static;transform:none;width:100%;max-width:none;padding:5px 0 0;background:transparent;border:0;box-shadow:none}.city-demand{display:flex;align-items:center;gap:16px;font-size:10px}.city-demand span{display:inline-flex;align-items:center;gap:4px}.city-demand .demand-high{color:#f3b966}.city-demand .demand-medium{color:#d9d39b}.city-demand .demand-low{color:#96b6ac}.city-demand .demand-none{color:#718b89}.city-demand meter{width:70px;accent-color:#b6cc7b}.quick-match-wait{position:fixed;top:95px;left:50%;transform:translate(-50%);width:min(410px,calc(100vw - 32px));padding:24px 28px;background:#102f39f2;border:1px solid #baa16b99;border-radius:8px;box-shadow:0 15px 50px #041b2499;color:#eddbb7;z-index:20;text-align:center}.quick-match-wait .wait-kicker{font-size:10px;letter-spacing:.2em;color:#e5c478}.quick-match-wait h2{font: 32px Libre Caslon Display,Georgia,serif;margin:9px 0 4px}.quick-match-wait p{margin:0;font-size:13px}.quick-match-wait .wait-seats{display:flex;justify-content:center;gap:10px;margin:18px 0}.quick-match-wait .wait-seats span{width:11px;height:11px;border-radius:50%;border:1px solid #cdbb91}.quick-match-wait .wait-seats span.filled{background:#d9b670;box-shadow:0 0 10px #d9b67080}.quick-match-wait b,.quick-match-wait small,.quick-match-wait a{display:block}.quick-match-wait b{margin-bottom:11px;font-size:13px}.quick-match-wait small{color:#b6cbc1;font-size:11px}.quick-match-wait a{margin-top:18px;color:#e5c478;font-size:12px}.fair-winds{position:fixed;z-index:30;top:0;right:0;bottom:0;left:0;display:grid;align-content:center;justify-items:center;gap:8px;pointer-events:none;background:#082a33a8;color:#f1e2bc;text-shadow:0 3px 20px #031f27}.fair-winds span{letter-spacing:.28em;font-size:11px}.fair-winds strong{font:normal clamp(58px,8vw,110px) "Libre Caslon Display",Georgia,serif}.trade-positive{color:#70d6a0}.trade-negative{color:#ef8079}.market-hover{position:absolute;top:106px;left:50%;transform:translate(-50%);background:#102e39ed;border:1px solid #b7ab7c66;border-radius:8px;padding:10px;display:flex;gap:14px;pointer-events:none;font-size:12px;z-index:8;flex-wrap:wrap;max-width:85vw}.market-hover b{width:100%}.market-hover span{display:flex;gap:4px;align-items:center}.offer table{width:100%;font-size:12px;border-spacing:6px}.offer th{text-align:left}.offer label{display:flex;justify-content:space-between;align-items:center;margin:12px 0}.partial-load{color:#e8d8aa;padding:2px 5px;border:1px solid #ad9969;border-radius:4px;white-space:nowrap}.development-plan{font-size:12px;max-width:100%;padding:5px 8px}.development-plan summary{cursor:pointer;color:#e3c88d}.development-plan[open]{position:absolute;bottom:100%;right:0;background:#102e39fa;border:1px solid #b7ab7c77;border-radius:8px;max-height:65vh;overflow:auto;width:420px;padding:16px}.development-plan button{margin:4px;padding:8px;display:inline-flex;flex-direction:column}.world-card.trade-planner{width:max-content;min-width:370px;max-width:calc(100vw - 44px);max-height:calc(100vh - 250px);overflow:auto}.ports-of-call{display:flex;flex-direction:column;gap:6px;font-size:12px;margin:8px 0 14px;max-width:760px;overflow-wrap:anywhere}.trade-table-scroll{overflow-x:auto;max-width:min(100%,1100px)}.trade-planner table{border-collapse:separate;border-spacing:4px;width:100%;font-size:12px}.trade-planner th{min-width:108px;max-width:160px;text-align:center;padding:6px}.trade-planner th:first-child{position:sticky;left:0;background:#16353c;z-index:1;text-align:left}.trade-planner .trade-choice{min-width:100px;width:100%;padding:10px 8px;white-space:nowrap}.trade-planner .trade-choice.selected{border:2px solid #e8c879;background:#56624766;box-shadow:inset 0 0 0 1px #102e39}.trade-planner .trade-choice.trade-positive{color:#70d6a0}.trade-planner .trade-choice.trade-negative{color:#ef8079}.planner-actions{display:flex;gap:10px;position:sticky;bottom:0;background:#16353c;padding:12px 0 4px}@media(max-width:600px){.world-card.trade-planner{min-width:0;width:calc(100vw - 44px)}}.world-card.trade-planner{display:flex;flex-direction:column;overflow:hidden;max-height:calc(100vh - 280px)}.trade-planner>header,.trade-planner>.ports-of-call,.trade-planner>.planner-actions{flex-shrink:0}.trade-planner .trade-table-scroll{min-height:0;overflow:auto}.trade-planner .planner-actions{position:static;z-index:2}.trade-planner thead{position:sticky;top:0;z-index:2;background:#16353c}.trade-planner thead th{background:#16353c}.trade-planner thead tr:nth-child(2) th:first-child{position:static}.trade-comparison-key{font-size:12px;line-height:1.45;margin:8px 0;color:#bed0d1}.trade-leg-destination{display:block;font-size:11px;font-weight:400;margin-top:4px}.home-stock,.captain-gold{position:relative}.home-resource-flashes{position:absolute;bottom:100%;left:50%;display:flex;flex-direction:column;pointer-events:none;font-weight:700;white-space:nowrap}.home-resource-flashes>span{background:#122f38;padding:3px 7px;border-radius:4px;animation:home-resource-flash 2.8s ease-out forwards}@keyframes home-resource-flash{0%{transform:translateY(4px);opacity:1;background:#38545c}70%{opacity:1}to{transform:translateY(-14px);opacity:0}}.trade-access-panel{position:absolute;left:24px;top:210px;max-width:350px;z-index:25}.world-card.trade-planner.selecting-port{top:auto;bottom:166px;max-height:min(400px,calc(100vh - 350px));max-width:min(680px,calc(100vw - 44px))}.trade-planner.selecting-port .trade-comparison-key{display:none}.trade-planner.selecting-port{pointer-events:none;opacity:.92}.trade-planner.selecting-port .planner-actions{pointer-events:auto}.trade-planner.selecting-port h2{font-size:20px;margin:0}.trade-planner.selecting-port .ports-of-call{margin:4px 0}.market-hover{z-index:30}.trade-planner.selecting-port>header{pointer-events:auto}.trade-planner.selecting-port table{border-spacing:2px;font-size:11px}.trade-planner.selecting-port th{padding:2px}.trade-planner.selecting-port .trade-choice{padding:3px 6px}.trade-header-cargo{display:flex;justify-content:center;align-items:center;gap:5px;min-height:23px}.development-plan[open] p{margin:10px 0;line-height:1.45}.development-plan h3{margin:14px 0 6px;font-size:13px;color:#e3c88d}.development-directions{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:14px 0}.development-directions>b,.development-directions>button:last-child{grid-column:1 / -1}.development-directions button{margin:0;gap:6px;text-align:left}.development-directions button[aria-pressed=true]{border-color:#e3c88d;background:#52604b}@media(max-width:600px){.development-plan[open]{width:min(420px,calc(100vw - 44px))}}.rts-app{position:relative;width:100vw;height:100vh;min-height:650px;overflow:hidden;background:#173e48}.rts-app .world-canvas{top:0;right:0;bottom:0;left:0;position:absolute;width:100%;height:100%}.rts-brand{position:absolute;left:25px;top:24px;display:flex;gap:12px;align-items:center;pointer-events:none;color:#e7c689}.rts-brand>span{font-size:39px}.rts-brand>div{font:17px Georgia,serif;letter-spacing:2px}.rts-brand small{display:block;font:7px DM Sans,sans-serif;letter-spacing:3px;margin-top:6px;color:#a1b3a3}.hover-bar{position:absolute;top:18px;left:50%;transform:translate(-50%);min-height:70px;max-width:calc(100vw - 570px);display:flex;align-items:center;gap:19px;padding:13px 20px;background:#172f39ed;border:1px solid #c9d8bd2b;box-shadow:0 8px 24px #0a202535;border-radius:8px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);pointer-events:none;z-index:4}.hover-bar.quiet{flex-direction:column;gap:7px;justify-content:center;text-align:center;min-width:530px;background:#18363c95}.hover-bar.quiet>span{font-size:9px;letter-spacing:2px;color:#dcc391}.hover-bar.quiet p{font-size:10px;color:#a3b9b3;white-space:nowrap}.hover-identity{padding-left:10px;border-left:3px solid #c8c49c;min-width:140px}.hover-identity b{font:20px Georgia,serif;display:block;white-space:nowrap}.hover-identity small{font-size:9px;color:#b2c2b3;display:block;margin-top:6px;white-space:nowrap}.hover-stats{display:flex;gap:16px;font-size:9px;color:#91aaa3}.hover-stats span{white-space:nowrap}.hover-stats b{display:block;color:#e8e4ce;font-size:12px;font-weight:500;margin-top:6px}.hover-market-strip{display:flex;gap:14px}.hover-market-strip span{font-size:9px;white-space:nowrap;color:#bcc7b9}.hover-market-strip i{font-size:15px;display:inline-block;margin-right:4px;font-style:normal}.hover-market-strip b{display:block;font-size:12px;margin:5px 0 0 20px;font-weight:500;color:#daca9f}.hover-bar>p{font-size:10px;line-height:1.6;color:#c2cebd;max-width:340px}.rts-session{position:absolute;right:23px;top:32px;display:flex;align-items:center;gap:9px;font-size:9px;color:#9db5b0}.rts-session b{color:#d5d5bd;font-weight:400}.rts-session button{border:1px solid #c8d1ab38;border-radius:4px;padding:6px 8px;color:#ddc18b}.rts-wind{position:absolute;left:26px;bottom:270px;display:flex;gap:14px;align-items:center;pointer-events:none;color:#b3c2b1}.rts-wind>span{font-size:30px;color:#d7c493}.rts-wind>div{font-size:9px;letter-spacing:1px}.rts-wind small{display:block;letter-spacing:0;font-size:9px;margin-top:8px;color:#92aaa7}.rts-app .map-zoom{bottom:355px;right:24px}.rts-app .minimap{bottom:227px;right:24px;width:166px}.rts-app .minimap canvas{width:146px;height:88px}.rts-app .minimap>div{font-size:6px;gap:6px}.player-dashboard{position:absolute;bottom:21px;left:24px;right:24px;z-index:6;background:linear-gradient(120deg,#1c3540f5,#142d36f5);border:1px solid #d1d3b43b;border-radius:10px;box-shadow:0 10px 50px #05182070;padding:14px 19px 10px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.dashboard-top{display:flex;gap:14px;align-items:center}.captain-mark{font-size:31px;padding:2px 8px}.captain-name{min-width:170px}.captain-name>b{font:22px Georgia,serif;display:block}.captain-name small{font-size:9px;color:#99b2a8;display:block;margin-top:5px}.population-meter{flex:1;max-width:580px;margin:0 15px 0 20px}.population-meter>div:first-child{display:flex;align-items:center;gap:16px}.population-meter span{font-size:8px;letter-spacing:1.3px;color:#8aa7a4}.population-meter b{font-size:21px;color:#d8e8d5;font-weight:500}.population-meter b small{font-size:11px;color:#86a79e}.population-meter em{font-style:normal;font-size:10px;color:#a7b4a3;margin-left:auto}.population-meter .bar{height:7px;margin-top:6px;background:#092935;border:1px solid #758e8833}.population-meter .bar i{background:linear-gradient(90deg,#598d98,#84b8b2)}.treasury{margin-left:auto;display:flex;align-items:center;gap:9px;color:#edc776;border:1px solid #d9b16970;padding:8px 13px;border-radius:5px}.treasury>span{font-size:24px}.treasury b{font-size:24px;font-weight:500}.treasury small{font-size:8px;letter-spacing:1px}.resource-dashboard{display:flex;align-items:stretch;gap:0;margin-top:12px;border-block:1px solid #c2d1b51a;padding-block:9px}.stock{flex:1;display:flex;gap:11px;align-items:center;padding:0 18px;border-right:1px solid #c2d1b51a}.stock:first-child{padding-left:6px}.stock>span{font-size:26px}.stock small{display:block;font-size:7px;letter-spacing:1.2px;color:#91a9a3}.stock b{display:block;font-size:18px;font-weight:500;margin-top:3px;font-variant-numeric:tabular-nums}.stock em{font-size:9px;font-style:normal;margin-left:auto}.node-shortcut{padding-inline:21px;display:grid;grid-template-columns:30px auto;column-gap:7px;text-align:left;align-items:center;color:#e4cc96}.node-shortcut>span{font-size:26px;grid-row:span 2}.node-shortcut b{font-size:11px;font-weight:500}.node-shortcut small{font-size:8px;color:#a3b59d}.fleet-toolbar{display:flex;align-items:center;gap:9px;margin-top:9px}.toolbar-label{font-size:7px;letter-spacing:1.3px;color:#789799}.fleet-chips{display:flex;gap:6px;flex:1;overflow-x:auto;scrollbar-width:thin}.fleet-chips button{display:flex;align-items:center;gap:7px;border:1px solid #aec6ac25;border-radius:4px;font-size:10px;padding:5px 9px;white-space:nowrap;background:#bcd3bc05}.fleet-chips button.selected{border-color:#e2c28366;background:#d5bd8713}.fleet-chips i{font-size:9px;font-style:normal;font-weight:700}.fleet-chips small{font-size:8px;color:#92aaa1}.fleet-toolbar>button{border:1px solid #cab9864a;border-radius:4px;font-size:9px;padding:7px 10px;color:#e0c591;white-space:nowrap}.resource-legend{display:flex;gap:16px;font-size:7px;color:#719497;margin-top:8px}.resource-legend b{font-weight:400;color:#dcc082}.rts-log{position:absolute;left:28px;bottom:242px;font-size:9px;color:#bacbbb;pointer-events:none;max-width:600px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.radial-menu{position:absolute;width:300px;height:300px;transform:translate(-50%,-50%);z-index:15;filter:drop-shadow(0 10px 25px #091e2a88)}.radial-menu>svg{width:300px;height:300px;position:absolute;top:0;right:0;bottom:0;left:0}.radial-menu path{fill:#27424cef;stroke:#b9c8a747;stroke-width:1;transition:fill .1s}.radial-menu path.hovered{fill:#6d7556}.radial-menu path.unavailable{fill:#2a3942bb;stroke:#adc1ab1a}.radial-slot{position:absolute;width:86px;height:72px;transform:translate(-50%,-50%);display:grid;place-items:center}.radial-slot button{padding:3px;width:100%;height:100%;color:#e8dbb4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.radial-slot button>span{font-size:25px;line-height:1.1}.radial-slot b{font-size:9px;font-weight:500;line-height:1.2;text-align:center;max-width:80px}.radial-slot button:disabled{opacity:.28;cursor:not-allowed}.radial-center{position:absolute;left:96px;top:96px;width:108px;height:108px;border-radius:50%;background:#102e39;border:1px solid #d2c08c88;padding:12px;display:flex;flex-direction:column;align-items:center;justify-content:center}.radial-center strong{font:16px Georgia,serif;line-height:1.2;color:#ecd9ab}.radial-center small{font-size:7px;color:#91aaa5;margin-top:6px}.radial-explanation{position:absolute;top:306px;left:0;right:0;min-height:46px;background:#152e39f7;border:1px solid #b0c1a63a;border-radius:5px;text-align:center;padding:9px 13px;pointer-events:none}.radial-explanation b{font-size:8px;letter-spacing:1px;color:#e0c896;display:block}.radial-explanation span{font-size:9px;line-height:1.5;color:#9cb4ab;display:block;margin-top:4px}.route-builder,.map-instruction,.fighting-label{position:absolute;top:107px;left:50%;transform:translate(-50%);z-index:7;background:#15313bea;border:1px solid #d0bb7e65;border-radius:6px;display:flex;align-items:center;gap:13px;padding:11px 15px;box-shadow:0 5px 20px #0b28383b}.route-builder{max-width:calc(100vw - 320px);flex-wrap:wrap}.route-builder>div{flex:1;min-width:260px}.route-builder b,.map-instruction>b,.fighting-label>b{font-size:9px;letter-spacing:1px;color:#e2c58a}.route-builder>div>span{display:block;font-size:10px;color:#aebfac;margin-top:6px}.route-builder ol{display:flex;gap:10px;list-style:none;margin:0;padding:0;flex-basis:100%;flex-wrap:wrap;order:2}.route-builder li{border:1px solid #bbc5a735;border-radius:4px;padding:7px 10px}.route-builder li b{font-size:10px;letter-spacing:0}.route-builder li small{font-size:9px;color:#9bb7ab;display:block;margin-top:5px}.route-builder>button,.map-instruction button,.fighting-label button{font-size:9px;color:#e2c58a;padding:5px;white-space:nowrap}.route-builder label{display:flex;align-items:center;gap:5px;font-size:9px;color:#afbead}.route-builder input{accent-color:#d6b26c}.map-instruction span,.fighting-label span{font-size:9px;color:#a0b9ad;white-space:nowrap}.fighting-label{top:100px}.active-circuit{position:absolute;bottom:316px;left:26px;font-size:9px;color:#d1c798;max-width:calc(100vw - 290px);background:#17353bab;border-radius:3px;padding:8px 11px;pointer-events:none}.active-circuit span{display:block;color:#91b0a9;font-size:8px;margin-top:5px}.rts-help{position:absolute;top:100px;right:24px;width:370px;padding:25px;background:#18343ef5;border:1px solid #ccb68266;border-radius:7px;z-index:20;box-shadow:0 10px 35px #09202977}.rts-help>button{float:right;font-size:20px;color:#bfceb9}.rts-help h2{font-size:28px;margin-bottom:14px}.rts-help p{font-size:11px;color:#bacabe;line-height:1.8;margin-top:13px}.rts-help b{color:#e2c68c}.rts-help small{display:block;color:#789a99;font-size:9px;line-height:1.6;margin-top:18px}.rts-app .toast{top:100px}.rts-app .end-match{z-index:25}@media(max-width:1200px){.hover-bar{max-width:calc(100vw - 410px);gap:10px;padding:10px 13px}.hover-bar.quiet{min-width:440px}.hover-bar.quiet p{font-size:8px}.rts-brand>div{font-size:13px}.rts-brand>span{font-size:29px}.hover-market-strip{gap:8px}.hover-market-strip span{font-size:8px}.stock{padding-inline:11px}.stock>span{font-size:22px}.node-shortcut{padding-inline:13px}.population-meter{margin-inline:7px}.population-meter span{font-size:7px;letter-spacing:0}.captain-name{min-width:150px}.hover-stats{gap:9px}.hover-identity{min-width:110px}.hover-identity b{font-size:17px}.resource-legend{gap:10px}.fleet-chips small{display:none}}@media(max-height:800px){.player-dashboard{bottom:12px;padding:10px 16px 8px}.population-meter b{font-size:18px}.resource-dashboard{margin-top:8px;padding-block:7px}.stock b{font-size:16px}.captain-name>b{font-size:19px}.treasury b{font-size:20px}.rts-log{bottom:217px}.rts-wind{bottom:248px}.rts-app .minimap{bottom:204px}.rts-app .map-zoom{bottom:334px}}.end-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#061820aa;display:grid;place-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.rts-app .end-backdrop .end-match{position:static;transform:none;width:min(520px,calc(100vw - 32px));box-shadow:0 24px 100px #0009}.end-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.audio-panel{position:absolute;right:20px;top:62px;width:min(330px,calc(100vw - 40px));z-index:35;background:#122e37f5;border:1px solid #cfb37588;border-radius:10px;padding:22px;box-shadow:0 15px 60px #0006}.audio-panel header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.audio-panel h3{font:26px Georgia;color:#ecdbb5}.audio-panel label{display:block;margin:16px 0}.audio-panel label span{display:flex;justify-content:space-between;margin-bottom:8px}.audio-panel input[type=range]{width:100%;accent-color:#d5b578}.audio-panel .audio-mute{display:flex;gap:10px;align-items:center}.audio-panel p{font-size:12px;line-height:1.6;color:#a8beb8}.diplomacy-panel{position:absolute;left:18px;top:80px;z-index:12;display:grid;gap:8px;max-width:280px;pointer-events:none}.diplomacy-panel section,.betrayal-notice{pointer-events:auto;background:#17343eef;border:1px solid #a0b78588;border-radius:8px;padding:12px;display:grid;gap:7px;box-shadow:0 5px 20px #0003}.diplomacy-panel section.expiring{border-color:#f0bc62}.diplomacy-panel span,.diplomacy-panel small{color:#b8cec5;font-size:12px}.diplomacy-panel button{padding:7px 10px;border:1px solid #ddbc7877;border-radius:4px;margin-right:5px;background:#304d4a}.diplomacy-panel b{color:#f0bc62;font-size:12px}.betrayal-notice{border-color:#dc755e;color:#ffab8a}.radial-menu,.radial-menu>svg{width:400px;height:400px}.radial-slot{width:82px;height:66px}.radial-slot b{font-size:11px;line-height:1.15;max-width:80px;overflow-wrap:anywhere}.radial-slot button{gap:3px}.radial-slot button>span{font-size:23px}.radial-center{left:142px;top:142px;width:116px;height:116px;padding:13px}.radial-center strong{font-size:12px;overflow-wrap:anywhere}.radial-center small{font-size:9px}.radial-explanation{top:405px}@media(max-width:440px){.radial-menu{scale:.8;transform-origin:0 0;left:50%!important;top:45%!important}}.world-experience .radial-center{border-radius:50%;background:#102e39;border:1px solid #d2c08c88}.world-experience .radial-slot button{background:transparent;border:0}.world-experience .radial-center:hover{background:#294550}.world-experience .radial-slot button:hover,.world-experience .radial-slot button:focus,.world-experience .radial-slot button:active{background:transparent;border-color:transparent;box-shadow:none}.radial-menu.inverted{filter:invert(1) drop-shadow(0 10px 25px #091e2a88)}.rts-app .compact-dashboard{left:50%;right:auto;bottom:14px;transform:translate(-50%);width:min(1060px,calc(100vw - 32px));padding:10px 14px;border-radius:12px;box-shadow:0 8px 35px #061f2877;background:#142e37f5}.resource-bar{display:flex;align-items:center;gap:0;min-height:48px;border-bottom:1px solid #aac4b526;padding-bottom:8px}.player-dot{width:5px;height:26px;border-radius:3px;margin-right:8px;flex-shrink:0}.compact-stock{position:relative;display:grid;grid-template-columns:26px auto;grid-template-rows:22px 15px;align-items:center;column-gap:8px;padding:0 13px;flex:1;border-right:1px solid #adc4b21b;color:#e6d5a0;min-width:94px}.compact-stock>svg{grid-row:span 2}.compact-stock>b{font-size:18px;font-weight:600;color:#eceddb;font-variant-numeric:tabular-nums}.compact-stock>small{font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap}.compact-stock:first-of-type{max-width:112px}.compact-stock:last-child{border:0}.compact-population{display:grid;grid-template-columns:25px auto;gap:0 7px;padding:0 13px;border-right:1px solid #adc4b21b;min-width:134px;color:#a7c6bd}.compact-population svg{grid-row:span 2}.compact-population b{font-size:17px;color:#dce5d8}.compact-population b small{font-size:11px;font-weight:400;opacity:.6}.compact-population em{font-size:10px;font-style:normal}.build-bar{display:flex;gap:6px;align-items:center;padding-top:9px}.build-hotkey{width:47px;height:45px;position:relative;display:grid;place-items:center;border:0;border-radius:6px;color:#bbcab6;flex-shrink:0}.node-icon{display:grid;place-items:center;border:1px solid #a9bea966;border-radius:50%;width:33px;height:33px;background:#27454b}.build-hotkey kbd{position:absolute;top:-2px;left:0;font:9px ui-monospace,monospace;color:#adc2b6}.build-hotkey small{position:absolute;bottom:0;right:1px;font:9px sans-serif;background:#1a343b;border-radius:5px;padding:1px 3px}.build-hotkey:hover .node-icon,.build-hotkey.active .node-icon{color:#ffdfa0;border-color:#ecc37e;background:#5e674e}.build-hotkey.active{background:#c9ad6216}.build-bar .fleet-chips{justify-content:flex-end;min-width:40px;margin-left:12px}.build-bar .fleet-chips button{font-size:10px;padding:7px}.fleet-action{width:31px;height:31px;flex-shrink:0;font-size:20px;border-radius:5px;color:#cbb783!important}.fleet-action.active{background:#d7ba6822!important;border:1px solid #d7ba6877!important}.construction-clock{display:flex;align-items:center;gap:3px;font-size:10px;color:#c8b383;white-space:nowrap}.stock-changes{position:absolute;bottom:calc(100% + 7px);left:25px;display:flex;flex-direction:column-reverse;gap:2px;pointer-events:none}.stock-changes>span{font-size:12px;font-weight:600;white-space:nowrap;padding:3px 6px;border-radius:4px;background:#152e35ed;animation:resource-rise 2.5s ease-out forwards}.stock-gain{animation:gain-flash 1.5s ease-out}.stock-loss{animation:loss-flash 1.5s ease-out}.positive{color:#98dfb0!important}.negative{color:#ed9482!important}@keyframes resource-rise{0%{opacity:0;transform:translateY(8px)}15%,75%{opacity:1}to{opacity:0;transform:translateY(-12px)}}@keyframes gain-flash{0%,20%{background:#68b9804d}to{background:transparent}}@keyframes loss-flash{0%,20%{background:#d879624d}to{background:transparent}}.rts-app .minimap{bottom:148px;width:175px;opacity:.8}.rts-app .minimap canvas{width:100%;height:auto}.rts-app .map-zoom{bottom:265px}.rts-wind{bottom:155px;left:25px;display:flex;align-items:center;gap:12px;font-size:11px}.rts-wind>span{font-size:26px}.rts-wind>b{font-size:12px;font-weight:500;color:#c1d1c1}.sail-gauge{height:32px;width:9px;border:1px solid #bfcfb866;position:relative;margin-left:3px}.sail-gauge>i{position:absolute;bottom:0;left:0;right:0;background:#d4c594}.sail-gauge>small{position:absolute;left:15px;bottom:6px;white-space:nowrap;font-size:11px}.rts-session{top:16px!important;right:20px!important;gap:8px!important}.rts-session button{font-size:17px!important;width:31px;height:31px;padding:0!important}.rts-session .live-dot{margin-right:3px}.hover-bar{top:14px;min-height:48px;padding:9px 14px;max-width:calc(100vw - 300px);border-radius:7px}.hover-identity b{font-size:17px}.hover-identity small,.hover-stats span{font-size:9px}.hover-market-strip>span{align-items:center;gap:5px}.hover-market-strip b{font-size:12px}.route-builder{top:82px;max-width:720px;padding:10px 14px;gap:10px}.route-builder>div:first-child{width:auto}.route-builder>div:first-child b{font-size:11px}.route-builder ol{margin:0}.route-builder li{padding:6px 9px}.route-builder:has(ol:empty){min-height:40px}.cancel-mode{position:absolute;top:85px;left:50%;font-size:20px;background:#213b43;padding:4px 12px}.world-canvas.placing{cursor:none!important}.rts-app .toast{top:80px}.radial-explanation:has(span:empty){display:none}.rts-help{z-index:30;right:20px;top:60px;left:auto;width:480px;max-width:calc(100vw - 40px);max-height:calc(100vh - 210px);overflow-y:auto}.rts-help h2{font-size:20px}.rts-help p{font-size:12px;line-height:1.6}.rts-help h3{font-size:13px}.trade-ledger{list-style:none;padding:0;font-size:11px;line-height:1.8}@media(max-width:1100px){.compact-stock{padding:0 7px;min-width:80px;column-gap:4px}.compact-stock>b{font-size:16px}.compact-population{padding:0 7px;min-width:116px}.build-hotkey{width:41px}.build-bar .fleet-chips{margin-left:3px}.build-bar .fleet-chips button{font-size:9px;max-width:82px;overflow:hidden}.rts-app .compact-dashboard{padding:8px 10px}}.button-tooltip{position:fixed;z-index:1000;pointer-events:none;background:#14232bf5;border:1px solid #829aab;border-radius:8px;box-shadow:0 5px 20px #0007;padding:10px 13px;max-width:320px;color:#f0f4ec;font-size:12px;line-height:1.5;text-align:center}.ship-orders{border-bottom:1px solid #60777c60;padding:2px 0 10px;margin-bottom:7px}.ship-orders header{display:flex;align-items:center;gap:12px;font-size:12px;margin-bottom:8px}.ship-orders header span,.quote-note{color:#a7bdc5}.ship-orders header small{margin-left:auto;display:flex;align-items:center;gap:5px}.ship-orders p{font-size:12px;margin:5px 0}.route-stop-details{display:flex;gap:7px;margin:0;padding:0;list-style:none;overflow-x:auto;max-height:120px}.route-stop-details li{flex:1;min-width:170px;background:#142d36;border:1px solid #52727d66;border-radius:7px;padding:8px;font-size:11px}.route-stop-details li.current-stop{border-color:#edc578;background:#354039}.route-stop-details li>b{display:block;margin-bottom:5px;color:#ece0c4}.route-stop-details li span{display:flex;align-items:center;gap:4px;white-space:nowrap;line-height:1.7}.route-stop-details em{font-style:normal;margin-left:auto;color:#c4dfd1;padding-left:7px}.quote-note{display:block;font-size:10px;margin-top:6px}.rts-wind{bottom:calc(var(--hud-height, 124px) + 31px)}.rts-app .minimap{bottom:calc(var(--hud-height, 124px) + 24px)}.rts-app .map-zoom{bottom:calc(var(--hud-height, 124px) + 141px)}.cargo-meters{display:flex;gap:22px;font-size:10px;color:#a7bdc5;padding-top:8px}.cargo-meters b{color:#e6e4ca;font-weight:500;padding-left:5px}.route-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:8px 0;font-size:11px}.route-controls button,.route-editor button,.route-editor select{background:#1c3d47;border:1px solid #567078;border-radius:4px;color:#f3e8cc;padding:5px 8px;font:inherit}.route-controls button:disabled,.route-editor button:disabled{opacity:.4}.route-editor{max-height:240px;overflow:auto;padding:8px;border:1px solid #bba56a66;border-radius:6px}.route-edit-row{display:flex;align-items:center;gap:6px;margin:4px 0}.route-edit-row select{min-width:0;flex:1}.route-stop-details small{font-size:10px;opacity:.8}.fleet-alert{display:block;width:100%;text-align:left;background:#644a283d;border:0;border-left:2px solid #edb65d;color:#f2ca8a;font-size:11px;line-height:1.4;font-family:inherit;padding:5px 8px;margin-bottom:4px}.trade-ledger-panel{position:fixed;right:20px;top:60px;z-index:35;width:min(360px,90vw);max-height:55vh;overflow:auto;padding:16px;border:1px solid #66817c;border-radius:10px;background:#142e37f5;box-shadow:0 8px 30px #001a2480;font-size:12px}.trade-ledger-panel header{display:flex;align-items:center;justify-content:space-between}.trade-ledger-panel button{color:#f3e4bb;background:transparent;border:0;font-size:20px}.trade-ledger-panel ul{padding:0;list-style:none;line-height:1.8}.economy-panel{position:absolute;z-index:35;top:80px;left:50%;transform:translate(-50%);width:min(850px,94vw);max-height:72vh;overflow:auto;background:#112e37f5;border:1px solid #ad9561;border-radius:12px;padding:22px;color:#f3e8ce;box-shadow:0 12px 60px #0009}.economy-panel header{display:flex;justify-content:space-between;align-items:center}.economy-panel h2{margin:0 0 15px;font:24px Georgia,serif}.economy-panel table{width:100%;border-collapse:collapse;margin:18px 0}.economy-panel td,.economy-panel th{text-align:left;border-bottom:1px solid #ffffff18;padding:10px 6px}.economy-panel td small,.commission-grid small{display:block;color:#b8ccc8}.economy-panel input{width:75px}.economy-panel select,.economy-panel input,.route-editor select{background:#203e47;color:#f4e9d0;border:1px solid #617879;border-radius:4px;padding:6px}.economy-panel button{padding:7px 10px}.commission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.commission-grid button{text-align:left}.siege-banner{position:absolute;top:90px;left:50%;transform:translate(-50%);background:#522d24ee;border:1px solid #e3a458;padding:12px 24px;border-radius:8px;z-index:15;text-align:center}.siege-banner progress{display:block;width:100%;margin-top:7px;accent-color:#ecb959}.route-modal{max-height:72vh}.route-modal .ship-orders{border:0}.route-editor{max-height:35vh;overflow:auto}.route-edit-row{flex-wrap:wrap}.fixed-economy-label{font-size:11px;color:#b9c9bb;padding:4px 0}.compact-dashboard .resource-bar{gap:8px}.economy-panel button{border:1px solid #68808466;border-radius:5px;background:#213f48;margin:2px}.economy-panel button:hover:not(:disabled){border-color:#e4bb6a;background:#31505a}.economy-panel button:disabled{opacity:.55}.economy-panel>p{margin:12px 0}.economy-panel>header button{font-size:20px;width:32px}.fixed-economy-label{padding-bottom:12px}.economy-panel tbody td:first-child{white-space:nowrap}:root{font-family:DM Sans,system-ui,sans-serif;color:#eae9d9;background:#112d36;font-synthesis:none;font-size:13px;--gold: #e4bd78;--muted: #879c9e;--border: #d3dfca19;--panel: #152e34}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{opacity:.4;cursor:not-allowed}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--gold)}button:hover{filter:brightness(1.13)}a{color:inherit;text-decoration:none}h1,h2,h3,h4,p{margin:0}h2{font-family:Libre Caslon Display,Georgia,serif;font-size:32px;font-weight:400}svg{flex-shrink:0;vertical-align:middle}small{font-size:11px}i.live-dot,i.danger-dot,.live-dot,.danger-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#9fbda4;margin-right:7px;vertical-align:middle;flex-shrink:0}.danger-dot{background:#dc8771!important}.muted{color:var(--muted)}.positive{color:#b9cda0!important}.negative{color:#c9a38c!important}.eyebrow{font-size:9px;letter-spacing:1.9px;color:#a8b7ad;font-weight:600}.app{width:100vw;height:100vh;min-height:620px;overflow:hidden;position:relative}.topbar{height:82px;border-bottom:1px solid var(--border);position:absolute;top:0;left:0;right:0;display:flex;align-items:center;background:#142e34;z-index:5;padding:0 25px;gap:24px}.brand{display:flex;align-items:center;gap:12px;color:#e6c991;width:263px;flex-shrink:0}.brand>span{font-family:Georgia,serif;font-size:19px;letter-spacing:2.5px}.brand small{font-family:DM Sans,sans-serif;font-size:7px;letter-spacing:3.2px;display:block;color:#929f90;margin-top:7px}.match-title{border-left:1px solid var(--border);padding-left:27px;line-height:1.8}.match-title>span{font-size:10px;letter-spacing:2px}.match-title small{display:block;color:#9dadab;font-size:10px}.divider{padding:0 13px;opacity:.4}.top-stats{margin-left:auto;display:flex;align-items:center;gap:29px}.top-stats>span{display:grid;grid-template-columns:19px auto;gap:0 9px;align-items:center}.top-stats svg{color:var(--gold);grid-row:span 2}.top-stats b{font-weight:500;font-size:17px;font-variant-numeric:tabular-nums}.top-stats small{color:#819594;font-size:8px;letter-spacing:1.6px;margin-top:3px}.captain{display:flex;align-items:center;gap:11px;border-left:1px solid var(--border);padding-left:24px;text-align:left;line-height:1.8;font-size:11px}.captain small{display:block;font-size:10px}.captain>svg{color:#96a8a4}.avatar{width:35px;height:35px;border:1px solid;border-radius:50%;display:grid;place-items:center}.icon-button{color:#9daea6;padding:7px}.rail{position:absolute;top:82px;left:0;bottom:0;width:76px;background:#122b32;border-right:1px solid var(--border);z-index:4;display:flex;flex-direction:column;align-items:center;padding-top:22px;gap:8px}.rail>button{position:relative;width:75px;height:70px;color:#819b9c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px}.rail button svg{width:21px;stroke-width:1.4}.rail button span{font-size:8px;letter-spacing:1.2px}.rail>button.active{color:var(--gold);background:#d3c38b08}.rail>button.active:before{content:"";position:absolute;left:0;top:12px;height:45px;width:2px;background:var(--gold)}.rail-bottom{margin-top:auto;padding-bottom:22px;color:#718d91}.chart{position:absolute;top:82px;left:76px;right:312px;bottom:0;overflow:hidden;padding:0}.world-canvas{position:absolute;width:100%;height:100%;cursor:grab;touch-action:none}.world-canvas:active{cursor:grabbing}.world-canvas.target-mode{cursor:crosshair}.chart-caption{position:absolute;left:29px;top:31px;pointer-events:none}.chart-caption .eyebrow{color:#b4c2b4;font-size:8px;letter-spacing:2px}.chart-caption h2{font-size:37px;line-height:1.6;color:#eee8cf}.chart-caption p{font-size:11px;color:#9fb6b5}.chart-tools{position:absolute;right:25px;top:31px;display:flex;gap:7px}.chart-tools button{background:#102d3599;border:1px solid #cbdbc326;border-radius:4px;padding:9px 11px;display:flex;align-items:center;gap:7px;font-size:10px;color:#a4b9b4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chart-tools button.enabled{color:#dfc48d}.sidebar{position:absolute;right:0;top:82px;bottom:0;width:312px;background:linear-gradient(145deg,#19363b,#142d34);border-left:1px solid var(--border);display:flex;flex-direction:column;overflow:auto;z-index:4}.sidebar-tabs{display:flex;height:57px;border-bottom:1px solid var(--border);padding:0 22px;flex-shrink:0;gap:22px}.sidebar-tabs button{padding:0;font-size:11px;color:#8fa3a3;border-bottom:2px solid transparent;white-space:nowrap}.sidebar-tabs button.active{color:#e9d4a1;border-bottom-color:#d4b475}.sidebar-tabs button span{font-size:9px;margin-left:3px;background:#ffffff0b;padding:1px 4px}.sidebar section{margin:0 23px;padding:23px 0;border-bottom:1px solid var(--border)}.section-kicker{display:flex;align-items:center;justify-content:space-between;color:#d5b978;font-size:8px;letter-spacing:1.7px;margin-bottom:10px}.port-panel h2{font-size:34px}.port-panel>p{font-size:10px;color:var(--muted);margin-top:7px}.port-status{font-size:9px;margin-top:21px;color:#a6b9ac;display:flex;align-items:center}.port-status span{margin-left:auto;color:#718c90;font-size:9px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:7px}.section-heading h3{font-size:12px;font-weight:550;letter-spacing:.1px}.section-heading>span{font-size:7px;letter-spacing:1px;border:1px solid #93b69b40;color:#9ab59f;padding:3px 5px;border-radius:2px}.section-heading>svg{color:#819b9c}.section-note{font-size:10px;color:var(--muted);line-height:1.7}.market-panel>.section-note{margin-bottom:16px}.market-row{display:flex;align-items:center;gap:11px;padding:8px 0}.good-icon{display:grid;place-items:center;width:28px;height:29px;border:1px solid var(--border);border-radius:4px;font-size:18px;background:#ced4b307}.market-row>span:nth-child(2){font-size:11px;font-weight:500}.market-row small{display:block;font-size:9px;color:#80999b;margin-top:3px;font-weight:400}.market-row b{margin-left:auto;font-size:11px;font-weight:500;display:flex;align-items:center;gap:5px}.text-button{display:flex;align-items:center;justify-content:space-between;padding:0;color:#dfc18b;font-size:10px}.market-panel>.text-button{margin-top:21px;width:100%}.opportunities .section-heading{margin-bottom:16px}.opportunity{display:flex;align-items:center;width:100%;text-align:left;gap:9px;margin-top:9px;padding:12px 9px;border:1px solid var(--border);border-radius:5px;background:#b8c49805}.opportunity-icon{font-size:24px;color:#d5bf8f}.opportunity>span:nth-child(2){flex:1}.opportunity b{font-size:10px;font-weight:500}.opportunity small{display:block;font-size:8px;color:#819c9d;margin-top:6px;white-space:nowrap}.opportunity small span{margin:0 3px}.opportunity strong{color:#b9cda0;font-size:11px;display:flex;align-items:center;gap:2px}.sidebar-bottom{padding:27px 23px;margin-top:auto}.sidebar-bottom .eyebrow{font-size:7px;color:#71898a}.sidebar-bottom>p{font-family:Georgia,serif;font-size:15px;line-height:1.6;color:#c5cbbb;margin-top:12px}.sidebar-bottom em{color:#90a49d;font-size:14px}.sidebar-bottom>div{border-top:1px solid var(--border);margin-top:25px;padding-top:19px;color:#6f8d90;display:flex;align-items:center;gap:11px}.sidebar-bottom>div>span{font-size:6px;letter-spacing:1.5px;line-height:1.8}.sidebar-bottom small{font-size:6px;letter-spacing:1.5px}.wind-card{position:absolute;left:28px;top:152px;display:flex;align-items:center;gap:12px;pointer-events:none}.wind-rose{border:1px solid #b8ccba30;border-radius:50%;width:51px;height:51px;position:relative;display:grid;place-items:center;color:#d7cfaa}.wind-rose:after{content:"";position:absolute;top:6px;right:6px;bottom:6px;left:6px;border-radius:50%;border:1px dashed #b8ccba29}.wind-rose>span{position:absolute;top:-5px;background:#204852;color:#c4cdb5;font-size:7px;padding:0 4px}.wind-rose svg{width:24px;stroke-width:1}.wind-card .eyebrow{font-size:7px;letter-spacing:1.5px;color:#8faeac}.wind-card strong{display:block;font-size:12px;font-weight:450;margin:6px 0;color:#c3cbbb}.wind-card strong span{color:#b9c9be;margin-left:8px;font-size:10px}.wind-card small{font-size:9px;color:#87a7a8}.map-zoom{position:absolute;right:24px;bottom:213px;display:flex;flex-direction:column;background:#13323bea;border:1px solid #b8ccba29;border-radius:5px;width:34px;align-items:center}.map-zoom button{height:31px;width:100%;font-size:20px;color:#bac7b8}.map-zoom span{font-size:8px;color:#859f9f;border-block:1px solid var(--border);padding:7px 0;width:100%;text-align:center}.minimap{position:absolute;bottom:49px;right:24px;width:196px;background:#15323aed;border:1px solid #b8ccba30;border-radius:5px;padding:9px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.minimap>div{display:flex;justify-content:space-between;color:#abb7a6;font-size:7px;letter-spacing:1.1px;margin-bottom:7px}.minimap canvas{display:block;width:176px;height:106px;cursor:crosshair}.minimap footer{font-size:7px;color:#8ca5a4;margin-top:7px;display:flex;align-items:center;gap:5px}.minimap i{width:4px;height:4px;border-radius:50%;background:var(--gold);margin-left:4px}.minimap .rival-dot{background:#78b8c1;margin-left:13px}.chart-footer{position:absolute;bottom:0;left:0;right:0;height:30px;border-top:1px solid #d3dfca0b;background:#112d3680;display:flex;align-items:center;justify-content:space-between;padding:0 21px;color:#8aa3a3;font-size:8px;gap:20px}.chart-footer b{padding:0 7px;color:#668b92}.ship-panel{position:absolute;bottom:52px;left:104px;width:480px;z-index:3;background:linear-gradient(120deg,#1a363ded,#152d34f5);border:1px solid #bfcaa033;border-radius:7px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 15px 35px #04151c44;padding:17px 19px 16px}.ship-identity{display:flex;gap:13px;align-items:center;position:relative}.ship-illustration{width:64px;height:50px;display:grid;place-items:center;background:radial-gradient(ellipse,#dec08814,transparent)}.ship-identity .eyebrow{font-size:7px;letter-spacing:1.5px;color:#a0b1a8}.ship-identity h2{font-size:26px;margin:3px 0 6px}.ship-identity h2>span{font:9px DM Sans,sans-serif;color:#a1b2ad;display:inline-block;margin-left:12px;border:1px solid var(--border);padding:3px 5px;vertical-align:middle;border-radius:3px}.ship-identity small{font-size:9px;color:#93aea5}.close-ship{position:absolute;right:0;top:0;color:#819b9c}.ship-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;padding:18px 0 15px;margin-top:9px;border-bottom:1px solid var(--border);border-top:1px solid var(--border)}.ship-metrics>div>span{font-size:7px;color:#809a9d;letter-spacing:1.2px}.ship-metrics b{display:block;font-size:13px;font-weight:500;margin:7px 0 5px}.ship-metrics b small{font-size:9px;color:#92aaa8}.ship-metrics small{font-size:8px}.bar{height:3px;background:#769b9b20;border-radius:3px;overflow:hidden;margin-top:9px}.bar i{height:100%;display:block;background:var(--gold);border-radius:3px}.ship-metrics .bar{width:70px}.ship-actions{display:flex;gap:7px;margin-top:15px}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:34px;border-radius:4px;font-size:10px;white-space:nowrap;padding:9px 11px;border:1px solid transparent;transition:background .15s}.button.primary{background:#dfbd7b;color:#243936;border-color:#ebcb90;font-weight:600}.button.secondary{border-color:#bbccb326;color:#c1cebf;background:#aec6b006}.button.secondary:hover{background:#aec6b017}.full{width:100%;margin-top:15px}.ship-actions>.primary{margin-left:auto}.manual-panel{border-color:#e4bd786b}.manual-panel .ship-identity .eyebrow{color:var(--gold)}.sea-log{position:absolute;left:28px;bottom:306px;max-width:440px;pointer-events:none;font-size:9px;color:#b6c6bc;line-height:1.8}.sea-log>div{display:flex;gap:9px;align-items:center;text-shadow:0 1px 5px #12303a;padding:3px 0}.sea-log>div>span{color:#709394;font-size:8px;min-width:26px}.invite-strip{position:absolute;bottom:31px;left:calc(50% - 230px);transform:translate(-50%);display:flex;align-items:center;gap:9px;z-index:3;color:#a4b9b2;font-size:8px}.invite-strip button{color:#e3c68c;display:flex;gap:3px;align-items:center;font-size:8px}.invite-strip>svg{width:12px}.hover-market{position:absolute;width:210px;padding:17px;background:#142f37f5;border:1px solid #becba436;border-radius:5px;pointer-events:none;box-shadow:0 10px 35px #0a202844;z-index:7}.hover-market h4{font-family:Georgia,serif;font-size:18px;font-weight:400;margin-bottom:7px}.hover-market p{font-size:8px;color:#90aaa4;margin-bottom:10px}.hover-market .market-row{padding:5px 0}.hover-market .market-row small{display:none}.hover-market .good-icon{width:21px;height:22px;font-size:15px}.mode-banner,.helm-banner{position:absolute;top:100px;left:50%;transform:translate(-50%);background:#17353bec;border:1px solid #dbbf7b60;border-radius:5px;display:flex;align-items:center;gap:12px;padding:12px 15px;z-index:5;font-size:11px;color:#e1c58e;white-space:nowrap;box-shadow:0 5px 20px #0a202840}.mode-banner>button{margin-left:10px;display:flex}.helm-banner{top:23px;font-size:10px}.helm-banner>span{font-size:9px;color:#a9bdb7}.helm-banner button{font-size:9px;border-left:1px solid var(--border);padding-left:12px}.helm-banner button span{font-size:7px;color:#789797;margin-left:5px}.selection-box{position:absolute;border:1px solid #e5c382;background:#e5c38215;pointer-events:none}.fleet-panel,.industry-panel{border-bottom:0!important}.small-icon{color:var(--gold);display:flex}.fleet-row{display:flex;align-items:center;gap:13px;padding:15px 11px;width:100%;text-align:left;border:1px solid var(--border);border-radius:5px;margin-top:14px}.fleet-row.selected{background:#dec48709;border-color:#d3b77955}.fleet-row>svg:first-child{width:27px;stroke-width:1.2}.fleet-row>span{flex:1}.fleet-row b,.structure-row b{font-size:12px;font-weight:500}.fleet-row small,.structure-row small{display:block;color:#8ea8a5;font-size:9px;margin-top:6px}.fleet-row>svg:last-child{color:#839f9d}.fleet-group{padding-top:20px}.fleet-group button{margin-top:14px}.structure-row{display:flex;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid var(--border)}.structure-row>svg{color:#c1b17f}.structure-row>span{flex:1}.structure-row button{color:var(--gold);font-size:10px;display:flex;gap:4px}.empty-state{text-align:center;padding:38px 14px;color:#91aaa4}.empty-state>svg{color:#8fa08a;stroke-width:1}.empty-state h4{font-family:Georgia,serif;font-size:19px;font-weight:400;color:#d4d7c0;margin:20px 0 12px}.empty-state p{font-size:11px;line-height:1.7;margin-bottom:18px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#081d29a8;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:20;display:flex;align-items:center;justify-content:center;padding:30px}.modal{width:460px;max-height:92vh;overflow:auto;background:linear-gradient(145deg,#213e42,#162e35);border:1px solid #d4c89b42;padding:34px;border-radius:9px;box-shadow:0 25px 100px #00121f99;position:relative}.wide-modal{width:520px}.modal-close{position:absolute;top:18px;right:18px;color:#9fb3a9}.modal>.eyebrow{font-size:8px;color:#d6bd82}.modal h2{font-size:36px;margin:13px 0 10px}.modal>p{color:#9db2ad;font-size:11px;line-height:1.8;margin:10px 0 25px}.modal label{display:block;font-size:8px;letter-spacing:1.5px;color:#a0b5ad;margin-top:20px}.modal select{display:block;width:100%;margin-top:9px;background:#122c33;color:#e0e3d1;border:1px solid #c3cead30;padding:11px 12px;border-radius:4px;letter-spacing:0;font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.route-estimate{display:flex;align-items:center;gap:12px;background:#c2c78808;border:1px solid #c2c78820;padding:17px 13px;border-radius:5px;margin-top:22px;color:#b6c89f}.route-estimate>span{font-size:11px;flex:1}.route-estimate small{display:block;font-size:9px;color:#839e99;margin-top:6px}.route-estimate b{font-size:19px;font-weight:450}.modal .checkbox{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:0;margin:20px 0}.checkbox input{accent-color:#dfbd7b}.modal>.button.primary{min-height:41px}.build-option{display:flex;align-items:center;gap:13px;width:100%;text-align:left;border:1px solid var(--border);border-radius:5px;padding:15px;margin-top:10px;background:#abc2af05}.build-option>svg{color:#bfbc94;stroke-width:1.3}.build-option>span{flex:1}.build-option b{font-size:12px;font-weight:500}.build-option small{display:block;font-size:9px;line-height:1.6;color:#8da7a2;margin-top:5px}.build-option strong{font-size:11px;font-weight:500;display:flex;align-items:center;gap:5px;color:#dec087}.construction{display:flex;flex-wrap:wrap;justify-content:space-between;padding-top:20px;font-size:11px;color:#bfcea7}.construction .bar{width:100%}.orders-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.modal h3{font-size:12px;font-weight:500;margin-top:20px}.upgrade-list .build-option{padding:11px 13px}.handbook{padding-left:20px;color:#9fb6ad;font-size:11px;line-height:1.8}.handbook li{padding-left:7px;margin-top:15px}.handbook b{color:#e1dfc5;font-weight:500}.help-controls{font-size:10px;background:#0c263355;padding:16px;line-height:1.9;border-radius:4px;color:#c6c6a9;margin-top:22px}.toast{position:fixed;top:100px;left:50%;transform:translate(-50%);padding:14px 16px;background:#2e403f;border:1px solid #d4ba7a90;border-radius:5px;box-shadow:0 5px 30px #061e2977;z-index:40;display:flex;gap:20px;font-size:12px}.toast button{color:#b8c5b5}.end-match{position:fixed;top:35%;left:50%;transform:translate(-50%,-20%);z-index:15;background:#1b343cec;padding:40px;text-align:center;border:1px solid #d4ba7a90;border-radius:8px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.end-match>svg{color:var(--gold)}.end-match h2{margin:20px 0}.end-match p{color:#aabdb3;margin-bottom:24px}.debug{position:absolute;top:220px;left:25px;background:#071d2ad9;border:1px solid #71969740;padding:13px;font:10px monospace;color:#b6d1b5;line-height:1.8}.loading{height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#dfc48a;gap:22px;background:radial-gradient(ellipse at center,#21434a,#102c38)}.loading>svg{animation:spin 12s linear infinite;stroke-width:1}.loading h1{font-family:Libre Caslon Display,Georgia,serif;font-size:54px;font-weight:400;text-align:center}.loading h1 span{display:block;font:8px DM Sans,sans-serif;letter-spacing:4px;margin-top:15px;color:#8fabaa}.loading p{font-size:12px;color:#b5c6b5}.loading small{font-size:9px;color:#6e9395}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1600px){.sidebar{width:340px}.chart{right:340px}.sidebar section{margin-inline:27px}.ship-panel{width:515px}.brand{width:280px}.topbar{padding-inline:30px}.sidebar-tabs{gap:30px}.chart-caption{top:38px}.chart-caption h2{font-size:43px}.wind-card{top:176px}}@media(max-width:1150px){.brand{width:225px}.topbar{gap:14px;padding-inline:18px}.match-title{padding-left:18px}.top-stats{gap:14px}.captain{padding-left:14px}.captain>span:nth-child(2){display:none}.sidebar{width:275px}.chart{right:275px}.sidebar section{margin-inline:19px}.sidebar-tabs{padding-inline:19px;gap:18px}.ship-panel{width:420px;left:94px;padding:15px}.ship-actions{gap:5px}.button{padding:8px;font-size:9px}.chart-tools{top:139px;right:16px;flex-direction:column}.chart-caption h2{font-size:31px}.minimap{width:157px;right:16px}.minimap canvas{width:137px;height:85px}.map-zoom{right:16px;bottom:194px}.chart-footer>span:last-child{display:none}.invite-strip{display:none}.opportunity{padding:10px 6px;gap:6px}.opportunity b{font-size:9px}.opportunity small{font-size:7px}.sea-log{max-width:370px}.helm-banner>span{display:none}.top-stats small{font-size:7px}}@media(max-height:820px){.sidebar-bottom{display:none}.sidebar section{padding-block:18px}.market-row{padding:6px 0}.ship-panel{padding-top:12px;padding-bottom:12px}.ship-metrics{padding-block:12px}.ship-actions{margin-top:12px}.sea-log{bottom:282px}.chart-caption{top:24px}.wind-card{top:142px}}.invite-url{display:block;width:100%;margin-top:9px;padding:11px 12px;border:1px solid #c3cead30;border-radius:4px;background:#122c33;color:#e0e3d1;font-size:11px}