/* Reference composition stays intact inside each dialog, including on phones. */
.classic-ui .modal-panel>h2{position:static;inset:auto;min-height:50px;flex-shrink:0;margin:0;padding:10px 48px;font:17px/1.4 Georgia,serif}
.classic-ui .modal-panel .close{top:5px;right:5px;min-width:44px;min-height:44px;width:44px;height:44px;z-index:3}
.classic-ui .menu-viewport{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-color:#aa8f56 #0a0906;scrollbar-width:auto;touch-action:pan-x pan-y;flex:1;position:relative}
.classic-ui .menu-viewport:focus-visible{outline:2px solid #ffe9ad;outline-offset:-3px}
.classic-ui .menu-scroll-hint{display:none;margin:0;flex-shrink:0;color:#d9cba8;background:#12100b;border-block:1px solid #6e5e3f;padding:4px 9px;font:11px/1.4 Tahoma,Arial}
.classic-ui #shipModal,.classic-ui #arsenalModal,.classic-ui #questModal{width:min(1100px,calc(100vw - max(8px,env(safe-area-inset-left)) - max(8px,env(safe-area-inset-right))));max-width:none;max-height:calc(100dvh - max(8px,env(safe-area-inset-top)) - max(8px,env(safe-area-inset-bottom)));overflow:hidden;margin:auto}
.classic-ui .ship-management,.classic-ui .market-panel,.classic-ui .quest-panel{height:min(680px,calc(100dvh - max(8px,env(safe-area-inset-top)) - max(8px,env(safe-area-inset-bottom)) - 10px));width:100%;max-width:none;display:flex;flex-direction:column;min-height:0;padding:0;border:0}
/* Gemi: illustration / captain record / ship / performance. */
.classic-ui .ship-menu-header{min-height:48px;padding:3px 7px;gap:9px;flex-shrink:0}
.classic-ui .ship-menu-header .close{width:44px;height:44px;min-width:44px;min-height:44px}
.classic-ui .ship-menu-header h2{font:16px/1.3 Georgia,serif}
.classic-ui .ship-menu-header>span{font-size:11px}.classic-ui .ship-menu-header>div{min-width:0}.classic-ui .ship-menu-header>div>span{font-size:11px}
.classic-ui .ship-menu-nav{display:flex;flex-direction:row;min-height:48px;flex-shrink:0;margin:0;padding:2px;overflow-x:auto;overflow-y:hidden;gap:2px;grid-column:auto;grid-row:auto}
.classic-ui .ship-menu-nav button{flex:0 0 auto;min-height:44px;min-width:90px;font:12px Georgia,serif;padding:6px 9px}
.classic-ui .ship-menu-body{display:grid;grid-template-columns:180px minmax(0,1fr);grid-template-rows:minmax(440px,auto);min-width:960px;min-height:100%;gap:6px;padding:5px;flex:none}
.classic-ui .ship-menu-art{display:block;grid-column:1;grid-row:1;min-height:440px;background-position:45% center}
.classic-ui .ship-menu-content{grid-column:2;grid-row:1;overflow:visible;min-width:0;padding:0;background:#000}
.classic-ui .ship-menu-content>h3{margin:0;padding:6px;border-bottom:1px solid #927b49;font:16px/1.4 Georgia,serif;text-align:center;min-height:35px}
.classic-ui #shipPanel{padding:7px;min-width:0}
.classic-ui .ship-overview{display:grid;grid-template-columns:210px minmax(200px,1fr) 230px;gap:6px;align-items:stretch;padding:0;min-height:355px}
.classic-ui .ship-profile,.classic-ui .ship-vessel,.classic-ui .ship-performance{border:1px solid #8c784d;background:#000;padding:9px;min-width:0}
.classic-ui .ship-profile h4,.classic-ui .ship-performance h4{font:14px/1.4 Georgia,serif;text-align:center;color:#eae3d5;margin:9px 0 16px}
.classic-ui .captain-crest{width:84px;height:84px;margin:6px auto;border:2px ridge #b4a17a;background:radial-gradient(ellipse,#5b503a,#090906 80%);padding:7px}
.captain-crest svg{width:100%;height:100%;display:block}
.classic-ui .ship-values{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px 7px;padding:0;margin:8px 0;font:12px/1.5 Georgia,serif;overflow-wrap:anywhere}
.classic-ui .ship-values dt{color:#c5a36c}.classic-ui .ship-values dd{color:#eee9dc;text-align:right;max-width:115px}
.classic-ui .ship-vessel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px}
.classic-ui .ship-preview{display:block;width:210px;height:150px;max-width:100%;border:0;background:#000;object-fit:contain}
.classic-ui .ship-class-title{font:18px Georgia,serif;color:#eee9dc;text-align:center;margin:18px 0 0}
.classic-ui .ship-vessel>p{font:13px Georgia,serif;color:#c2b9a5;margin:0}
.classic-ui .ship-row{padding:12px 8px;border:1px solid #554a34;margin-bottom:5px;background:#060606}
.classic-ui .ship-menu-footer{padding:4px 7px;gap:6px;min-height:52px}
.classic-ui .ship-menu-footer button{min-height:44px;font-size:11px;padding:5px 9px;max-width:none;white-space:nowrap}
/* Market: real category filter on the left, four square picture cards per row. */
.classic-ui .market-links{display:flex;justify-content:center;gap:2px;min-height:46px;flex-shrink:0;padding:2px 50px 2px 4px;border-bottom:1px solid #887344;background:#000}
.classic-ui .market-links button{min-width:110px;min-height:44px;padding:4px 13px;border:1px solid #7b6947;background:linear-gradient(#26241c,#030303);color:#eee9dc;font:14px Georgia,serif;border-radius:0}
.classic-ui .market-links button[aria-pressed=true]{border-color:#d0b477;background:linear-gradient(#594b2b,#0b0905)}
.classic-ui .market-workspace{display:grid;grid-template-columns:130px minmax(0,1fr);gap:8px;padding:5px;min-width:900px;min-height:100%;align-items:stretch}
.classic-ui .market-sidebar{border:1px solid #8f7848;background:#000;padding:0 5px;display:flex;flex-direction:column}
.classic-ui .market-sidebar h3,.classic-ui .market-products>h3{font:16px/1.4 Georgia,serif;color:#eee9dc;text-align:center;border-block-end:1px solid #897549;margin:0;padding:5px}
.classic-ui .market-sidebar .cargo-tabs{display:flex;flex-direction:column;position:static;margin:5px 0;padding:0;border:0;gap:3px}
.classic-ui .market-sidebar .cargo-tabs button{flex:none;min-height:44px;text-align:left;font:13px/1.4 Georgia,serif;padding:5px 6px;border:1px solid transparent;background:#050505}
.classic-ui .market-sidebar .cargo-tabs button::before{content:'□';display:inline-block;margin-right:6px;color:#c3b080;font:19px Georgia,serif}
.classic-ui .market-sidebar .cargo-tabs button[aria-pressed=true]{border-color:#a68d53;background:#1d190f;color:#fff0c7}
.classic-ui .market-sidebar .cargo-tabs button[aria-pressed=true]::before{content:'☑'}
.classic-ui .market-sidebar>p{font:11px/1.5 Tahoma,Arial;color:#b8af9b;margin:auto 3px 10px}
.classic-ui .market-products{min-width:0;padding:0 3px 7px}.classic-ui .market-products .modal-lead{font:12px/1.5 Tahoma,Arial;margin:7px 0;max-width:90ch;color:#c9c1ae}
.classic-ui .market-products .quick-fold{margin:6px 0}.classic-ui .quick-fold[hidden]{display:none}
.classic-ui .market-products .cargo-grid{display:grid;grid-template-columns:repeat(4,minmax(165px,1fr));gap:8px;margin-top:8px;align-items:start}
.classic-ui .market-products .cargo-card{display:flex;flex-direction:column;gap:5px;padding:0 0 6px;background:#000;border:0;box-shadow:none;min-width:0}
.classic-ui .market-products .cargo-card header{gap:5px;display:flex;flex-direction:column;align-items:stretch}
.classic-ui .market-products .cargo-icon{display:block;width:100%;height:auto;aspect-ratio:1;border:3px ridge #a68d51;overflow:hidden}
.classic-ui .market-products .cargo-card h3{min-height:35px;font:14px/1.3 Georgia,serif;color:#eee9dc;text-align:center;margin:0;padding:0 3px}
.classic-ui .market-products .cargo-info{padding:0 4px;font:11px/1.4 Tahoma,Arial;margin:0}.classic-ui .market-products .cargo-info summary{min-height:32px;padding:7px 0;cursor:pointer}
.classic-ui .market-products .cargo-stock{padding:0 4px;margin:0;font:11px/1.5 Tahoma,Arial;color:#d8cba8;min-height:34px}
.classic-ui .market-products .cargo-card>button{min-height:44px;margin:0;font:12px/1.4 Georgia,serif;padding:5px;background:linear-gradient(#393b3b,#101718);border:1px solid #ad9564;color:#f0e8d6;white-space:normal}
.classic-ui .market-products .cargo-card.selected{border:1px solid #d2b777;padding:0 0 5px}.classic-ui .market-products .cargo-status{font-size:11px;padding:0 4px}
.classic-ui .market-footer,.classic-ui .quest-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:52px;flex-shrink:0;margin:0;padding:4px 7px;border-top:1px solid #8f7949;background:#050505;color:#d7c397;font:12px/1.4 Tahoma,Arial}
.classic-ui .market-footer button,.classic-ui .quest-footer button{min-height:44px;padding:5px 12px;border:1px solid #ad9564;background:linear-gradient(#484332,#161611);color:#eee7d8;font:12px Georgia,serif;white-space:nowrap;border-radius:0}
/* Görevler: artwork / active task and catalog / objectives and rewards. */
.classic-ui .quest-workspace{display:grid;grid-template-columns:210px 250px minmax(360px,1fr);min-width:940px;height:auto;min-height:480px;padding:5px;gap:7px}
.classic-ui .quest-art{display:block;min-height:480px;background-position:center}
.classic-ui .quest-catalog,.classic-ui .quest-details{overflow:visible;min-height:480px;padding:7px;background:#000}
.classic-ui .quest-catalog>h3,.classic-ui .quest-details>h3{font:16px/1.4 Georgia,serif;padding:6px;margin:0 0 10px;border:1px solid #8f7a49;background:linear-gradient(#25221c,#000)}
.classic-ui .quest-active{border:1px solid #827046;background:#111110;padding:12px;min-height:135px;color:#dcc28a}
.classic-ui .quest-active strong{font:15px/1.5 Georgia,serif}.classic-ui .quest-active p{font:12px/1.5 Tahoma,Arial;color:#dad1bc;margin:14px 0 0}
.classic-ui .quest-list-title{font:14px Georgia,serif;color:#e4d6b5;border-block-end:1px solid #7d6945;padding:10px 0 7px;margin:0 0 5px}
.classic-ui .quest-catalog button{min-height:70px;font:14px/1.4 Georgia,serif;padding:12px 9px}
.classic-ui .quest-details h4{font:16px/1.4 Georgia,serif;margin:18px 0;color:#eee9dc}.classic-ui .quest-details p{font:13px/1.5 Tahoma,Arial;margin:10px 0;color:#d5cebd}
.classic-ui .quest-awards{margin-top:auto;padding-top:35px}.classic-ui .quest-awards dl{font:12px/1.5 Tahoma,Arial;gap:8px}
.classic-ui .quest-footer>span{min-width:0}.classic-ui .quest-cycle{font:11px/1.5 Tahoma,Arial;margin:10px 0}
.classic-ui .market-links button:focus-visible,.classic-ui .market-sidebar button:focus-visible,.classic-ui .market-footer button:focus-visible{outline:2px solid #ffe9ad;outline-offset:-3px}
@media(max-width:1000px),(max-height:550px){.classic-ui .menu-scroll-hint{display:block}.classic-ui .ship-menu-footer small{font-size:10px}.classic-ui .ship-menu-footer p{font-size:11px}}
@media(forced-colors:active){.classic-ui .menu-viewport:focus-visible,.classic-ui .market-sidebar [aria-pressed=true]{outline:2px solid Highlight}.classic-ui .market-links button,.classic-ui .market-footer button{border-color:ButtonText}}

.classic-ui .ship-menu-footer #shipStop,.classic-ui .ship-menu-footer #shipResume{max-width:none;white-space:nowrap}
/* Equipment references: values / storage / fitted; art belongs to overview only. */
.classic-ui .ship-menu-body[data-section]:not([data-section=overview]){grid-template-columns:minmax(0,1fr);min-width:940px}
.classic-ui .ship-menu-body[data-section]:not([data-section=overview]) .ship-menu-art{display:none}
.classic-ui .ship-menu-body[data-section]:not([data-section=overview]) .ship-menu-content{grid-column:1}
.classic-ui .ship-equipment{display:grid;grid-template-columns:230px minmax(320px,1fr) minmax(300px,1fr);gap:7px;align-items:stretch;min-height:400px}
.classic-ui .ship-equipment>section{background:#000;border:1px solid #8c784d;padding:6px;min-width:0}
.classic-ui .equipment-title{margin:0 0 12px;padding:7px;border-bottom:1px solid #8c784d;font:16px Georgia,serif;color:#eee9dc;text-align:center}
.classic-ui .ship-equipment .ship-row{display:flex;flex-direction:column;align-items:stretch;padding:9px;margin-bottom:8px;border-color:#645536}
.classic-ui .ship-equipment .ship-row-info h4{font:14px Georgia,serif;color:#d8c394;margin:0 0 5px}
.classic-ui .ship-equipment .ship-row-info p{font:11px/1.5 Tahoma,Arial;margin:0}
.classic-ui .ship-item-art{display:block;width:128px;height:128px;object-fit:contain;border:2px ridge #b7a16d;background:#100e09;margin:8px auto}
.classic-ui .equipment-count{font:13px Georgia,serif;color:#e1d7be;text-align:center;margin:3px 0 9px}
.classic-ui .ship-equipment .ship-control{min-height:44px;padding:6px 9px;font-size:11px}
.classic-ui .ship-equipment .ship-quantity{font:12px Georgia,serif;display:flex;gap:6px;align-items:center}
.classic-ui .ship-equipment .ship-quantity input{min-height:44px;width:65px;font-size:16px}
.classic-ui .ship-deck-gallery{display:grid;grid-template-columns:repeat(5,minmax(160px,1fr));gap:8px;align-items:start}
.classic-ui .ship-deck-card{text-align:center;padding:0 0 9px;background:#000;border:1px solid #6a5837;min-width:0}
.classic-ui .ship-deck-card.owned{border-color:#c0a663}
.classic-ui .ship-deck-card .ship-item-art{width:100%;height:auto;aspect-ratio:1;margin:0;border:3px ridge #b7a16d}
.classic-ui .ship-deck-card h4{font:15px Georgia,serif;color:#eee9dc;margin:9px 3px}
.classic-ui .ship-deck-card p{font:11px/1.5 Tahoma,Arial;margin:5px;color:#bfb49d}
.classic-ui .ship-deck-card .deck-state{color:#dfbd6d}
.classic-ui .ship-deck-card button{min-height:44px;width:calc(100% - 10px);margin:4px 5px 0;padding:5px;font-size:11px}
.classic-ui .elite-grid{grid-template-columns:repeat(5,minmax(115px,1fr));gap:8px}
.classic-ui .elite-cell{position:relative;background:radial-gradient(ellipse at 50% 35%,#4f4938,#141b1a 85%);border:3px ridge #9e8653;padding:4px;min-height:160px}
.classic-ui .elite-cell.active{border-color:#efd887;background:radial-gradient(ellipse at 50% 35%,#686047,#18221a 85%);padding:4px}
.classic-ui .elite-cell img{height:120px;opacity:1}
.classic-ui .elite-cell:not(.unlocked)::after{content:'⚔';position:absolute;top:34px;left:0;right:0;font:42px Georgia,serif;color:#d0c4a2;text-shadow:0 2px 4px #000;pointer-events:none}
.classic-ui .elite-cell b{font:12px/1.4 Georgia,serif}.classic-ui .elite-cell small{font:10px Tahoma,Arial}
.classic-ui .elite-detail{background:#000;border-color:#8c784d}
/* Painted art overlays the vector fallback without changing the touch target. */
.classic-ui .combat-hud .symbol.painted-symbol,.classic-ui .combat-hud .utility-symbol.painted-symbol{position:relative;display:block;width:27px;height:27px;line-height:0}
.classic-ui .combat-hud .tool-art{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;z-index:1;border-radius:0}
.classic-ui .combat-hud .tool-art[hidden]{display:none}
.classic-ui .combat-hud .symbol.painted-symbol>svg,.classic-ui .combat-hud .utility-symbol.painted-symbol>svg{position:absolute;inset:0;width:100%;height:100%}
.classic-ui dialog,.classic-ui #shipModal{border:5px solid transparent;border-image:url('assets/ui/chart-frame.svg') 20 / 5px / 0 stretch}
@media(max-height:550px) and (orientation:landscape){.classic-ui .combat-hud .symbol.painted-symbol,.classic-ui .combat-hud .utility-symbol.painted-symbol{width:24px;height:24px}}
@media(max-width:1000px) and (orientation:landscape){.classic-ui .combat-hud .symbol.painted-symbol{width:20px;height:20px}.classic-ui .combat-hud .utility-symbol.painted-symbol{width:18px;height:18px}}
@media(forced-colors:active){.classic-ui dialog,.classic-ui #shipModal{border-image:none;border-color:ButtonText}}