:root{--overlay-bg:#00000080;--hud-bg:#160c07eb;--hud-color:#f0c878;--hud-color-sea:#4ab6e5;--hud-color-sea-content:#b5e3f7;--hud-border:#8b6a50;--hud-card-bg:linear-gradient(180deg,#351f14f2 0%,#1f120cf2 100%);--hud-card-border:#5a3e28;--hud-muted:#dbb76f;--hud-title-font:"Uncial Antiqua",Georgia,"Times New Roman",serif;--hud-font:"Baskervville",Georgia,"Times New Roman",serif;--hud-title-size:1.65em;--hud-size:1em;--hud-padding:1rem;--hud-border-radius:5px;user-select:none}.modal:not(.hidden){display:flex;position:fixed;background-color:var(--overlay-bg);z-index:1000;justify-content:center;align-items: center;width:100%;height:100%;top:0;left:0}#hud{position:absolute;z-index:1001;background:var(--hud-card-bg);border:1px solid var(--hud-card-border);color:var(--hud-color);font-family:var(--hud-font);font-size:var(--hud-size);border:1px solid var(--hud-border);backdrop-filter:blur(10px);display:flex;user-select:none;transform-origin:50% 0;overflow:hidden;border-radius:14px;flex-direction:column;justify-content:center;align-items:stretch;gap:.95rem;padding:1rem 4rem;transition:opacity .32s,transform .42s cubic-bezier(.2,.75,.2,1),filter .32s;top:14px;left:50%;transform:translate(-50%);box-shadow:0 18px 38px #110600a6,inset 0 1px #ffe4b614}#hud.is-modal-hidden{opacity:0;pointer-events:none;filter:blur(10px);transform:translate(-50%)translateY(-46px)rotateX(-90deg)scale(.9)}body.intro-active #hud,body.intro-active .modal:not(.hidden){opacity:0;pointer-events:none;visibility:hidden}#hud>.title{font-size:var(--hud-title-size);font-family:var(--hud-title-font);text-align:center;text-shadow:0 2px 14px #00000059;margin:0;line-height:1.1}#hud>.row{display:flex;text-align:center;flex-direction:row;justify-content:stretch;align-items:stretch;gap:.8rem;width:100%}#hud .hud-section{flex-direction:column;flex:1 1 0;justify-content:center;gap:.18rem;width:100%;min-width:0}#hud .hud-section.hud-section-time{width:200px}#hud .hud-section *{transition:color .5s}#hud .hud-info-title{color:var(--hud-muted);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:600;line-height:1.15}#hud .hud-info-title{font-family:var(--hud-title-font);letter-spacing:.03em;text-transform:none;font-size:1.2rem}#hud .hud-info-value{color:#f7e0b5;margin:0;font-size:1.1rem;font-weight:700;line-height:1.2}#hud .hud-info-value.on-sea{color:var(--hud-color-sea-content)}#hud .hud-info-title.on-sea{color:var(--hud-color-sea)}@media (max-width:760px){#hud{gap:.72rem;width:calc(100vw - 18px);padding:.85rem .8rem .9rem;top:10px}#hud:before{letter-spacing:.16em;font-size:.66rem}#hud>.title{font-size:1.35rem}#hud>.row{display:grid;grid-template-columns:1fr;gap:.55rem}#hud .hud-section{padding:.7rem .8rem}#hud .hub-info-city.hud-info-title{font-size:1.12rem}#hud .hud-info-value{font-size:.94rem}}.modal-window{color:var(--hud-color);font-family:var(--hud-font);display:flex;overflow:hidden;user-select:none;background:#1a0f08;border:2px solid #8b6a50;border-radius:8px;flex-direction:column;width:clamp(300px,70vw,1200px);height:70vh;box-shadow:0 8px 32px #150b00b3}.modal-sticky-header{position:relative;flex-shrink:0;padding:1.5rem 2rem 0}.modal-title{font-family:var(--hud-title-font);text-align:center;font-size:1.8em}.modal-summary{display:flex;justify-content:center;gap:.6rem;width:100%;margin:0 1rem 0 0}.modal-summary-card{color:#f7e0b5;text-align:center;padding:.45rem .7rem;font-size:1.2em;line-height:1.25}.modal-close-x{position:absolute;display:inline-flex;color:#e8c78e;cursor:pointer;background:linear-gradient(#3a2418 0%,#261508 100%);border:1px solid #7a5a43;border-radius:0 6px 0 10px;justify-content:center;align-items: center;width:2.3rem;height:2.3rem;padding:0;transition:transform .15s,color .2s,border-color .2s,background .2s;font-size:1.35em;font-weight:700;line-height:1;top:.4rem;right:.4rem;box-shadow:inset 0 1px #ffdeac1f}.modal-close-x:hover{color:#fff2cf;background:linear-gradient(#5a3520 0%,#3a1f10 100%);border-color:#ba9265;transform:translate(-1px,1px)}.modal-body{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#5a3e28 #1a0f08;flex:1;padding:0 2rem 1.5rem}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:#1a0f08}.modal-body::-webkit-scrollbar-thumb{background:#5a3e28;border-radius:3px}.modal-body::-webkit-scrollbar-thumb:hover{background:#8b6a50}.modal-tabs{display:flex;border-bottom:2px solid #5a3e28;justify-content:center;align-items: center;gap:.5rem;margin-bottom:0;padding-bottom:.25rem}.modal-tab{color:#a88a6e;cursor:pointer;font-family:var(--hud-font);outline:none;background:0 0;border:none;border-bottom:3px solid #0000;padding:.4rem .9rem;transition:color .2s,border-color .2s;font-size:1.05em}.modal-tab:hover{color:var(--hud-color)}.modal-tab.active{color:var(--hud-color);border-bottom-color:var(--hud-color)}.modal-panel{margin-bottom:1rem;padding-top:1rem}.modal-panel.hidden{display:none}.modal-panel p{margin:.35rem 0}.modal-panel strong{color:#ffe0b2}.city-population-card{display:flex;background:linear-gradient(#351f14f2 0%,#1f120cf2 100%);border:1px solid #5a3e28;border-radius:12px;flex-direction:column;justify-content:center;align-items: center;gap:.2rem;margin-bottom:1rem;padding:.9rem 1rem}.city-population-label{color:#c9a87c;letter-spacing:.16em;text-transform:uppercase;font-size:.74rem;font-weight:600}.city-population-value{color:#f7e0b5;font-size:1.25rem;line-height:1.2}.city-market-section{background:#1a0f08d9;border:1px solid #4a2d1c;border-radius:12px;padding:.8rem}.city-market-title{color:#f0c878;font-family:var(--hud-title-font);text-align:center;margin:0 0 .75rem;font-size:1rem}.city-market-table{border-collapse:collapse;width:100%}.city-market-table th{color:#c9a87c;text-align:left;letter-spacing:.04em;border-bottom:1px solid #5a3e28;padding:.4rem .5rem;font-size:.82rem;font-weight:600}.city-market-table td{vertical-align:middle;border-bottom:1px solid #3a2418;padding:.45rem .5rem}.city-market-good-cell{display:flex;align-items: center;gap:.65rem}.city-market-good-body{min-width:0}.city-market-good-name{display:block;color:#f7e0b5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.95rem}.city-market-icon{object-fit:contain;flex-shrink:0;width:38px;height:38px}.city-market-value{display:inline-block;color:#f0c878;text-align:right;min-width:2.8rem;font-size:.92rem;font-weight:700}.city-market-value-demand{color:#de9c84}.production-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.8rem}.production-card{display:flex;background:linear-gradient(#2b1a10eb 0%,#180e09f5 100%);border:1px solid #5a3e28;border-radius:12px;align-items: center;gap:.8rem;padding:.8rem;box-shadow:inset 0 1px #ffe4b60d}.production-card-icon{object-fit:contain;flex-shrink:0;width:48px;height:48px}.production-card-content{display:flex;flex-direction:column;gap:.45rem;min-width:0}.production-card-name{color:#f7e0b5;margin:0;font-size:1rem}.production-card-meta{display:flex;flex-wrap:wrap;gap:.35rem}.production-card-chip{display:inline-flex;color:#f0c878;white-space:nowrap;background:#1a0f08d1;border:1px solid #4e3321;border-radius:999px;align-items: center;min-height:1.6rem;padding:.18rem .5rem;font-size:.78rem}.production-card-chip-muted{color:#c9a87c}.production-empty-state{color:#b99569;text-align:center;padding:1rem 0}.production-table,.trade-table{border-collapse:collapse;width:100%;font-size:.92em}.production-table th,.trade-table th{text-align:left;color:#c9a87c;border-bottom:1px solid #5a3e28;padding:.3rem .4rem;font-weight:600}.production-table td,.trade-table td{border-bottom:1px solid #3a2418;padding:.3rem .4rem}.trade-info-row{display:flex;color:#e1bf86;justify-content:center;align-items: center;gap:.7rem;margin-bottom:.6rem;font-size:.95em}.trade-info-divider,.trade-route-divider{color:#8b6a50}.trade-selector-row{display:flex;justify-content:space-between;align-items: center;gap:.8rem;width:100%;padding:0 .5rem 1rem}.trade-endpoint-control{display:flex;justify-content:center;min-width:0}.trade-route-summary{display:inline-flex;color:#c9a87c;white-space:nowrap;background:#1e120be6;border:1px solid #5a3e28;border-radius:999px;justify-content:center;align-items: center;gap:.45rem;min-height:2.6rem;padding:0 .9rem;font-size:.82em}.custom-select{position:relative}.custom-select-trigger{display:flex;color:var(--hud-color);cursor:pointer;font-family:var(--hud-font);text-align:left;background:linear-gradient(#352117 0%,#23140d 100%);border:1px solid #6b4f3a;border-radius:10px;justify-content:space-between;align-items: center;gap:.75rem;width:200px;min-height:2.7rem;padding:.6rem .85rem;font-size:.96em}.custom-select.is-open .custom-select-trigger,.custom-select-trigger:hover{background:linear-gradient(#41291b 0%,#2b180f 100%);border-color:#b18b60}.custom-select-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-caret{color:#cba36e;font-size:.85em}.custom-select-menu{position:absolute;z-index:5;display:flex;background:#190f0a;border:1px solid #6b4f3a;border-radius:10px;flex-direction:column;gap:.2rem;width:200px;padding:.35rem;top:calc(100% + .35rem);left:0;box-shadow:0 14px 30px #00000059}.custom-select-menu.hidden{display:none}.custom-select-option{color:#c9a87c;cursor:pointer;font-family:var(--hud-font);text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;padding:.55rem .7rem;font-size:.94em}.custom-select-option:hover,.custom-select-option.is-active{color:#f0c878;background:#332014;border-color:#6b4f3a}.inventory-toggle{display:flex;gap:.5rem;margin-bottom:.6rem}.toggle-btn{color:#a88a6e;cursor:pointer;font-family:var(--hud-font);background:#2c1a0e;border:1px solid #6b4f3a;border-radius:4px;padding:.3rem .8rem;transition:background .2s,color .2s}.toggle-btn.active,.toggle-btn:hover{color:var(--hud-color);background:#5a3e28}.transfer-section{display:flex;background:#261508;border-radius:4px;flex-wrap:wrap;align-items: center;gap:.4rem;margin-bottom:.8rem;padding:.5rem}.transfer-label{margin-right:.2rem;font-weight:600}.transfer-select,.transfer-qty,.trade-qty{color:var(--hud-color);font-family:var(--hud-font);background:#1a0f08;border:1px solid #6b4f3a;border-radius:3px;padding:.25rem .4rem}.transfer-qty,.trade-qty{width:50px}.transfer-select{max-width:160px}.transfer-btn,.trade-btn{color:var(--hud-color);cursor:pointer;font-family:var(--hud-font);background:#3d2616;border:1px solid #6b4f3a;border-radius:3px;padding:.25rem .6rem;transition:background .15s}.transfer-btn:hover,.trade-btn:hover{background:#5a3e28}.buy-btn{border-color:#4a7a4a}.sell-btn{border-color:#7a4a4a}.trade-row{display:flex;border-bottom:1px solid #3a2418;align-items: center;gap:.5rem;padding:.35rem 0}.trade-row-header{color:#c9a87c;border-bottom:1px solid #5a3e28;padding-bottom:.3rem;font-size:.85em;font-weight:600}.trade-row-header .trade-row-supply,.trade-row-header .trade-row-held{display:none}.trade-row-header .trade-row-icon{visibility:hidden}.trade-row-icon{object-fit:contain;flex-shrink:0;width:40px;height:40px}.trade-row-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;width:80px;font-size:.88em}.trade-row-supply,.trade-row-held{text-align:center;color:#c9a87c;flex-shrink:0;width:42px;font-size:1em}.trade-slider-wrap{position:relative;display:flex;flex:1;align-items: center;min-width:180px}.trade-header-labels{display:flex;justify-content:space-between;width:100%;font-size:.92em}.sell-label{color:#c97a7a}.buy-label{color:#7ac97a}.trade-slider{position:relative;cursor:pointer;width:100%;height:3.6rem}.trade-slider-lane{position:absolute;background:linear-gradient(90deg,#25140d 0%,#342117 50%,#25140d 100%);border:1px solid #4b311f;border-radius:999px;height:14px;top:50%;left:0;right:0;transform:translateY(-50%);box-shadow:inset 0 1px 3px #00000073}.trade-slider-rail{position:absolute;opacity:.65;border-radius:999px;top:1px;bottom:1px}.trade-slider-rail-sell{background:linear-gradient(90deg,#5a2d2d 0%,#8c4949 100%);left:1px;right:50%}.trade-slider-rail-buy{background:linear-gradient(90deg,#2f5a31 0%,#69a86c 100%);left:50%;right:1px}.trade-slider-rail.is-disabled{opacity:.15;filter:grayscale(1)}.trade-slider-center{position:absolute;background:#f0c878;width:2px;height:18px;top:-3px;left:50%;transform:translate(-50%);box-shadow:0 0 10px #f0c87859}.trade-slider-fill{position:absolute;background:#f0c878e6;border-radius:999px;height:8px;top:2px;box-shadow:0 0 10px #f0c87840}.trade-slider-handle{position:absolute;display:flex;color:var(--hud-color);cursor:pointer;font-family:var(--hud-font);text-align:left;cursor:grab;z-index:2;background:linear-gradient(#352117 0%,#23140d 100%);border:1px solid #6b4f3a;border-radius:10px;flex-direction:column;justify-content:center;align-items: center;gap:.08rem;width:5rem;min-height:3rem;padding:.25rem .35rem;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 18px #00000047,inset 0 1px #fff8debf}.trade-slider.is-dragging .trade-slider-handle{cursor:grabbing}.trade-slider-handle-amount{text-align:center;font-size:1em;font-weight:700;line-height:1}.trade-slider-handle-price{opacity:.88;font-family:Times New Roman,serif;font-size:1.1em;line-height:1.1}.trade-slider.is-buy .trade-slider-handle-amount,.trade-slider.is-sell .trade-slider-handle-amount{font-size:1.2em;font-weight:700;line-height:1}.trade-slider.is-sell .trade-slider-handle{color:#ee948a;background:linear-gradient(#351717 0%,#230d0d 100%);border-color:#7b3d37}.trade-slider.is-buy .trade-slider-handle{color:#a7f2a8;background:linear-gradient(#17351b 0%,#0d2310 100%);border-color:#3b6a31}@media (max-width:820px){.modal-summary{grid-template-columns:1fr;margin-right:2.7rem}.trade-selector-row{grid-template-columns:1fr}.trade-route-summary{order:3}.trade-row{gap:.35rem}.trade-row-name{width:64px}.trade-row-supply,.trade-row-held{width:38px;font-size:.78em}.trade-slider-handle{width:4.25rem;min-height:2.7rem}}.tutorial-panel{position:absolute;z-index:1001;background:var(--hud-card-bg);border:1px solid var(--hud-border);color:var(--hud-color);font-family:var(--hud-font);font-size:var(--hud-size);backdrop-filter:blur(10px);user-select:none;border-radius:14px;width:340px;padding:1.1rem 1.4rem 1rem;transition:opacity .32s,transform .32s;bottom:72px;left:14px;box-shadow:0 18px 38px #110600a6,inset 0 1px #ffe4b614}.tutorial-panel.hidden{opacity:0;pointer-events:none;transform:translateY(12px)}body.intro-active .tutorial-panel,body.intro-active .hud-action-pill{opacity:0;pointer-events:none;visibility:hidden}.tutorial-header{display:flex;justify-content:space-between;align-items: center;margin-bottom:.55rem}.tutorial-step-label{color:var(--hud-muted);letter-spacing:.1em;text-transform:uppercase;font-size:.78rem;font-weight:600}.tutorial-title{font-family:var(--hud-title-font);margin:0 0 .45rem;font-size:1.25rem;line-height:1.2}.tutorial-body{color:#f7e0b5;margin:0 0 .85rem;font-size:.95rem;line-height:1.55}.tutorial-body kbd{display:inline-block;border:1px solid var(--hud-border);color:var(--hud-color);background:#00000073;border-radius:4px;margin:0 .12em;padding:.1em .42em;font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.82em;line-height:1.3;box-shadow:0 1px #8b6a5059}.tutorial-dot{display:inline-block;vertical-align:middle;border-radius:50%;width:10px;height:10px;margin:0 2px}.tutorial-dot-blue{background:#628be9;box-shadow:0 0 6px #628be9}.tutorial-dot-red{background:#dc3c3c;box-shadow:0 0 6px #dc3c3c}.tutorial-footer{display:flex;justify-content:space-between;align-items: center;gap:.5rem}.tutorial-back-btn{color:#a88a6e;cursor:pointer;font-family:var(--hud-font);background:0 0;border:1px solid #5a3e28;border-radius:6px;padding:.35rem .7rem;transition:background .2s,color .2s,border-color .2s;font-size:.88rem}.tutorial-back-btn:hover:not(:disabled){color:var(--hud-color);background:#5a3e2840;border-color:#8b6a50}.tutorial-back-btn:disabled{opacity:.3;cursor:default}.tutorial-skip-btn,.tutorial-next-btn{color:#e8c78e;cursor:pointer;font-family:var(--hud-font);background:linear-gradient(#3a2418 0%,#261508 100%);border:1px solid #7a5a43;border-radius:6px;padding:.35rem .85rem;transition:background .2s,color .2s,border-color .2s;font-size:.88rem;box-shadow:inset 0 1px #ffdeac1f}.tutorial-skip-btn:hover,.tutorial-next-btn:hover{color:#fff2cf;background:linear-gradient(#5a3520 0%,#3a1f10 100%);border-color:#ba9265}.tutorial-skip-btn{box-shadow:none;color:#a88a6e;background:0 0;border:none;padding:.35rem .5rem;font-size:.82rem}.tutorial-skip-btn:hover{color:var(--hud-color);background:0 0;border:none}.hud-action-pill{position:absolute;z-index:1001;display:inline-flex;border:1px solid var(--hud-border);background:var(--hud-card-bg);backdrop-filter:blur(10px);overflow:hidden;user-select:none;border-radius:999px;align-items:stretch;transition:border-color .2s;bottom:14px;left:14px;box-shadow:0 4px 16px #11060080,inset 0 1px #ffe4b614}.hud-action-pill:hover{border-color:#ba9265}.tutorial-help-btn,.tutorial-fullscreen-btn{display:inline-flex;color:var(--hud-color);font-family:var(--hud-title-font);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items: center;width:55px;height:45px;transition:background .2s,color .15s,width .3s,opacity .3s,font-size .2s;font-size:1.35rem}.tutorial-help-btn:hover,.tutorial-fullscreen-btn:hover{color:#fff2cf;background:#5a3e2859}.tutorial-fullscreen-btn{border-right:1px solid var(--hud-border);transition:background .2s,color .15s,border-color .2s;font-size:1rem}.hud-action-pill:has(.tutorial-help-btn.hidden) .tutorial-fullscreen-btn{border-right:none}.tutorial-help-btn.hidden{opacity:0;pointer-events:none;overflow:hidden;width:0;font-size:0}@media (max-width:760px){.tutorial-panel{width:calc(100vw - 28px);bottom:68px;left:10px}.hud-action-pill{bottom:10px;left:10px}}.ship-panel{position:absolute;z-index:1001;display:flex;background:var(--hud-card-bg);border:1px solid var(--hud-border);backdrop-filter:blur(10px);color:var(--hud-color);font-family:var(--hud-font);border-radius:14px;flex-direction:column;gap:.8rem;min-width:300px;max-width:360px;padding:.95rem 1rem;transition:opacity .2s,transform .2s;bottom:16px;right:16px;box-shadow:0 18px 38px #110600a6,inset 0 1px #ffe4b614}#hud.is-modal-hidden~.ship-panel{opacity:0;pointer-events:none;transform:translate(150px)translateY(50px)scale(.9)skew(-4deg,6deg)}body.intro-active .ship-panel{opacity:0;pointer-events:none;transform:translateY(12px)}.ship-panel-header{display:flex;justify-content:space-between;align-items: flex-start;gap:.8rem}.ship-panel-heading,.ship-panel-meta{display:flex;flex-direction:column;gap:.18rem}.ship-panel-kicker{color:var(--hud-muted);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:600}.ship-panel-name{font-family:var(--hud-title-font);color:#f7e0b5;margin:0;font-size:1.1rem;line-height:1.2}.ship-panel-type{color:var(--hud-muted);text-align:right;margin:0;font-size:.78rem}.ship-panel-port{color:#f7e0b5;text-align:right;margin:0;font-size:.95rem}.ship-panel-port.on-sea{color:var(--hud-color-sea)}.ship-panel-cargo-card{display:flex;border:1px solid var(--hud-card-border);background:#20120c6b;border-radius:10px;flex-direction:column;gap:.45rem;padding:.7rem .8rem}.ship-panel-cargo-row{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.ship-panel-cargo-label{color:var(--hud-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:600}.ship-panel-cargo{color:#f7e0b5;margin:0;font-size:.94rem}.ship-panel-cargo-meter{overflow:hidden;border:1px solid var(--hud-card-border);display:none;background:#080706b3;border-radius:999px;width:100%;height:8px}.ship-panel-cargo-fill{border-radius:inherit;background:linear-gradient(90deg,#8b6a50 0%,#4f2914 100%);width:0;height:100%;transition:width .24s}.ship-panel-manifest-header{display:flex;justify-content:space-between;align-items:baseline;gap:1rem}.ship-panel-manifest-title,.ship-panel-inventory-count,.ship-panel-empty{margin:0}.ship-panel-manifest-title{font-family:var(--hud-title-font);color:#f7e0b5;font-size:.95rem}.ship-panel-inventory-count{color:var(--hud-muted);font-size:.78rem}.ship-panel-inventory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.ship-panel-item{display:flex;border:1px solid var(--hud-card-border);background:var(--hud-card-bg);border-radius:10px;flex-direction:column;align-items: center;gap:.3rem;width:100%;min-width:0;min-height:102px;padding:.55rem .5rem}.ship-panel-item-icon-wrap{display:flex;justify-content:center;align-items: center;width:45px;height:45px}.ship-panel-item img{image-rendering:pixelated;width:100%;height:100%}.ship-panel-item-name{color:#f7e0b5;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;overflow:hidden;-webkit-box-orient:vertical;font-size:.78rem;line-height:1.2}.ship-panel-item-qty{color:var(--hud-muted);font-size:.72rem}.ship-panel-empty{border:1px dashed var(--hud-card-border);color:var(--hud-muted);text-align:center;border-radius:10px;padding:.85rem;font-size:.82rem}.shipyard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem}.shipyard-card{background:var(--hud-card-bg);border:1px solid var(--hud-card-border);border-radius:var(--hud-border-radius);padding:.75rem}.shipyard-card-name{font-family:var(--hud-title-font);color:var(--hud-color);margin:0 0 .35rem;font-size:1.05em}.shipyard-card-stats{color:var(--hud-muted);margin:0 0 .5rem;font-size:.82em;line-height:1.5}.shipyard-card-material-cost{color:#f7e0b5;margin:0 0 .6rem;font-size:.8em}.shipyard-order-btn{display:block;border:1px solid var(--hud-card-border);border-radius:var(--hud-border-radius);color:var(--hud-color);font-family:var(--hud-font);cursor:pointer;background:#503214b3;width:100%;padding:.4rem .5rem;transition:background .15s;font-size:.85em}.shipyard-order-btn:hover:not(:disabled){background:#78461ed9}.shipyard-order-btn:disabled{opacity:.45;cursor:not-allowed}.shipyard-mat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.35rem;margin:0 0 .6rem}.shipyard-mat-item{display:flex;flex-direction:row;align-items: center;gap:.35rem}.shipyard-mat-item.shipyard-mat-ok{background:#7dce820f;border-color:#7dce824d}.shipyard-mat-item.shipyard-mat-short{background:#e070500f;border-color:#e070504d}.shipyard-mat-icon{object-fit:contain;image-rendering:pixelated;flex-shrink:0;width:30px;height:30px}.shipyard-mat-qty{color:var(--hud-muted);font-size:.75em;line-height:1.3}.shipyard-mat-ok .shipyard-mat-qty{color:#7dce82}.shipyard-mat-short .shipyard-mat-qty{color:#e07050}.shipyard-active-card{background:var(--hud-card-bg);border:1px solid var(--hud-card-border);border-radius:var(--hud-border-radius);padding:.85rem}.shipyard-active-header{display:flex;justify-content:space-between;align-items: center;gap:.5rem;margin-bottom:.65rem}.shipyard-active-title{font-family:var(--hud-title-font);color:var(--hud-color);margin:0;font-size:1em}.shipyard-active-badge{color:#f7e0b5;white-space:nowrap;background:#ffc8501f;border:1px solid #ffc85040;border-radius:20px;flex-shrink:0;padding:.2rem .55rem;font-size:.7em}.shipyard-active-section-label{text-transform:uppercase;letter-spacing:.06em;color:var(--hud-muted);margin:0 0 .4rem;font-size:.7em}.shipyard-active-build{margin-top:.75rem}.shipyard-active-time{display:flex;color:var(--hud-muted);justify-content:space-between;margin-bottom:.35rem;font-size:.76em}.shipyard-progress-bar{overflow:hidden;background:#ffffff1a;border-radius:4px;height:8px}.shipyard-progress-fill{background:linear-gradient(90deg,#f7c864cc,#f79632e6);border-radius:4px;height:100%;transition:width .3s}@media (max-width:760px){.ship-panel{gap:.7rem;min-width:min(320px,100vw - 20px);max-width:min(360px,100vw - 20px);padding:.8rem;bottom:10px;right:10px}.ship-panel-header{gap:.7rem}.ship-panel-name{font-size:1.05em}.ship-panel-item{min-height:94px;padding:.5rem .45rem}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{overflow:hidden;color:#f0c878;background:#060f1e;width:100%;height:100%;font-family:Baskervville,Georgia,Times New Roman,Times,serif;font-size:1em}.screen{position:absolute;width:100%;height:100%;inset:0}.flex{display:flex;justify-content:center;align-items: center}.hidden{display:none}#world-map{display:block;width:100%;height:100%}#intro,#loading-screen{overflow:hidden;background:radial-gradient(circle at 50% 18%,#f0c8782e 0%,#f0c87800 34%),linear-gradient(#0a08072e 0%,#0a08078f 100%),url(./background-w46mrj3m.webp) 50%/cover no-repeat;flex-direction:column}#intro:before,#loading-screen:before{content:"";position:absolute;pointer-events:none;background:linear-gradient(90deg,#0907069e 0%,#0907061e 28%,#0907062e 72%,#0907069c 100%),linear-gradient(#09070685 0%,#09070613 22%,#09070646 100%);inset:0}#intro:after,#loading-screen:after{content:"";position:absolute;pointer-events:none;border:1px solid #f0c8782e;border-radius:18px;inset:16px;box-shadow:inset 0 0 0 1px #ffe2b108}.start-content{position:relative;z-index:1;display:flex;text-align:center;flex-direction:column;align-items: center;gap:12px;width:min(760px,100vw - 40px);padding:2rem 2rem 2.3rem}.start-actions{display:flex;flex-direction:column;align-items:stretch;gap:.85rem;width:min(100%,420px)}.start-content:before{content:"Guild Charter";color:#c9a87ce6;letter-spacing:.28em;text-transform:uppercase;animation:fade-up 1s ease-out both;animation-delay:.9s;margin-bottom:.25rem;font-size:.75rem;font-weight:700}.loading-content:before{content:"Harbor Ledger"}@keyframes fade-up{0%{opacity:0;transform:translateY(-20px)scale(1.1)}20%{opacity:0}to{opacity:1;transform:translateY(0)}}@keyframes fade-down{0%{opacity:0;transform:translateY(35px)scale(.8)}20%{opacity:0}to{opacity:1;transform:translateY(0)}}.start-title{display:flex;position:relative;animation:fade-up 1.4s ease-out both;animation-delay:.2s;justify-content:center;align-items:baseline;gap:14px;width:100%;padding-bottom:1.35rem;line-height:1}.start-title:after{content:"";position:absolute;background:linear-gradient(90deg,#f0c87800 0%,#f0c878b3 50%,#f0c87800 100%);width:min(240px,65%);height:1px;bottom:0;left:50%;transform:translate(-50%)}.title-main{letter-spacing:.12em;color:#e9ce85;text-shadow:0 0 5px #baa05a72,0 0 25px #3f18009c;animation:fade-up 1.4s ease-out both;animation-delay:.3s;margin-bottom:0;font-family:Uncial Antiqua,Georgia,Times New Roman,serif;font-size:clamp(3.1rem,8vw,5.4rem);font-style:normal;font-weight:400}.start-era{letter-spacing:.18em;animation:fade-down 1.4s ease-out both;animation-delay:.3s;text-transform:uppercase;color:#e7c996e6;max-width:34rem;font-size:.96rem;line-height:1.45}.hanse-launch{letter-spacing:.24em;text-transform:uppercase;color:#f0c878;cursor:pointer;font-optical-sizing:auto;animation:fade-down 1.25s ease-out both;animation-delay:1.4s;text-decoration:none;background:linear-gradient(#503218eb 0%,#2f190bfa 100%);border:1px solid #ba9265f2;border-radius:.75rem;min-width:min(100%,360px);margin-top:0;padding:1.05rem 2.6rem;transition:transform .2s,background .25s,box-shadow .25s,border-color .25s;font-family:Baskervville,Georgia,Times New Roman,Times,serif;font-size:1.08rem;font-weight:700;box-shadow:0 14px 26px #00000047,inset 0 1px #ffecc424}.hanse-launch-secondary{color:#f0c878eb;background:linear-gradient(#351f14e0 0%,#1e1009f0 100%)}.hanse-launch[disabled]{opacity:.65;cursor:wait;transform:none}.loading-status{letter-spacing:.08em;color:#f3d7ab;text-align:center;margin-top:1rem;font-size:1.12rem}.loading-progress{letter-spacing:.18em;text-transform:uppercase;color:#e7c996d1;text-align:center;font-size:.92rem}.hanse-launch:hover{background:linear-gradient(#623d1efa 0%,#3b1f0e 100%);border-color:#e4b883f2;transform:translateY(-2px);box-shadow:0 18px 32px #00000057,0 0 22px #3b1d0361}.hanse-launch:active{background:linear-gradient(#4d2d14fa 0%,#2d160a 100%);transform:translateY(1px)}@media (max-width:760px){#intro:after,#loading-screen:after{border-radius:12px;inset:10px}.start-content{gap:.7rem;width:calc(100vw - 24px);padding:1.25rem 1rem 1.4rem}.start-content:before{letter-spacing:.22em;font-size:.68rem}.start-title{padding-bottom:.95rem}.start-era{letter-spacing:.12em;font-size:.8rem}.hanse-launch{letter-spacing:.18em;width:100%;padding:.95rem 1.2rem;font-size:.94rem}.start-actions{width:100%}}#intro-seq{animation:intro-bg-zoom 40s ease-in forwards;overflow:hidden;z-index:100;user-select:none;background-image:radial-gradient(circle at 50% 18%,#f0c8782e 0%,#f0c87800 34%),linear-gradient(#0a08072e 0%,#0a08078f 100%),url(./intro_background-55cgnaas.webp);background-position:50%,50%,50%;background-repeat:no-repeat,no-repeat,no-repeat;background-size:auto,auto,105%;flex-direction:column}@keyframes intro-bg-zoom{0%{background-size:auto,auto,115%}to{background-size:auto,auto,170%}}#intro-seq:before{content:"";position:absolute;pointer-events:none;background:linear-gradient(90deg,#0907069e 0%,#0907061e 28%,#0907062e 72%,#0907069c 100%),linear-gradient(#09070685 0%,#09070613 22%,#09070646 100%);inset:0}#intro-seq:after{content:"";position:absolute;pointer-events:none;border:1px solid #f0c8782e;border-radius:18px;inset:16px}.intro-captions-container{position:relative;z-index:1;display:flex;border-radius:18px;flex-direction:column;justify-content:center;align-items: center;gap:.5em;width:min(900px,100vw - 40px);min-height:3.5em;padding:2rem 2rem 2.3rem}.intro-caption{text-align:center;letter-spacing:.03em;color:#f3d7ab;text-shadow:0 0 8px #5c3d1547,0 0 24px #150b055c;opacity:0;white-space:pre-line;max-width:800px;padding:0 2rem;font-family:Georgia,Times New Roman,serif;font-size:2em;line-height:1.75}.intro-skip{position:absolute;z-index:1;color:#f7e3bcc7;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:linear-gradient(#351f14e0 0%,#1e1009f0 100%);border:1px solid #3e271ce0;border-radius:.75rem;padding:8px 18px;transition:color .2s,border-color .2s,background .2s,box-shadow .2s;font-family:Baskervville,Georgia,Times New Roman,Times,serif;font-size:.72rem;font-weight:700;top:24px;right:32px;box-shadow:0 12px 24px #00000038,inset 0 1px #ffecc414}.intro-skip:hover{color:#f0c878;background:linear-gradient(#482a1af0 0%,#27150cfa 100%);border-color:#e4b883cc;box-shadow:0 16px 28px #00000042,0 0 22px #3b1d0333}@media (max-width:760px){#intro-seq:after{border-radius:12px;inset:10px}.intro-captions-container{width:calc(100vw - 24px);padding:1.25rem 1rem 1.4rem}.intro-caption{padding:0;font-size:clamp(1.2rem,5.8vw,1.6rem)}.intro-skip{letter-spacing:.14em;padding:7px 14px;font-size:.66rem;top:18px;right:18px}}