/* Artwork layout only. Theme colors and responsive shell live in daylight.css. */
.brand-emblem{width:56px;height:56px;object-fit:contain;flex-shrink:0}
.brand .brand-mark{width:60px;height:60px;background:transparent!important;border:0!important;box-shadow:none!important}
.brand .brand-mark .brand-emblem{width:60px;height:60px}
.mobile-brand .brand-emblem{width:36px;height:36px}
.page-heading .heading-copy{flex:1;min-width:0}
.section-art{width:138px;flex:0 0 138px;display:grid;place-items:center}
.section-art img{width:118px;height:118px;object-fit:contain}
.building-sprite{display:block;background-image:url('assets/buildings-daylight-atlas.webp');background-repeat:no-repeat;background-size:300% 300%;background-position:var(--bx,0%) var(--by,0%);width:100%;height:auto;aspect-ratio:1;flex-shrink:0}
.estate-art{position:relative;display:grid;place-items:center;overflow:hidden}
.estate-art>.building-sprite{width:min(100%,205px);height:auto;aspect-ratio:1}
.estate-art>span:not(.building-sprite){position:absolute;bottom:5px;left:10px;right:10px;text-align:center;z-index:1}
.facility-illustration{display:flex;align-items:center;justify-content:space-between;border-radius:15px;margin-bottom:16px;min-height:125px;padding:0 18px;background:linear-gradient(115deg,#e6eff2,#f9f3e5)}
.facility-illustration>.building-sprite{width:148px;height:auto;aspect-ratio:1}
.facility-illustration>span:not(.building-sprite){font-size:12px;font-weight:700;letter-spacing:.1em;color:#38586b;max-width:110px;line-height:1.7}
.facility-plank .facility-illustration{background:linear-gradient(115deg,#eef2de,#fcf0d9)}
.facility-fuel .facility-illustration{background:linear-gradient(115deg,#e0f0ec,#eff8e5)}
.facility-parts .facility-illustration{background:linear-gradient(115deg,#e5e7f2,#f8efe1)}
.quick-top>.building-sprite{width:66px;height:66px}
.ship-art.ship-sprite{display:block;background-image:url('assets/ships-daylight-atlas.webp');background-repeat:no-repeat;background-size:300% 200%;background-position:var(--sx,0%) var(--sy,0%);width:100%;height:auto;aspect-ratio:1;object-fit:initial;filter:none;transform:none}
.fleet-card .ship-art.ship-sprite,.shop-image .ship-art.ship-sprite{width:100%;height:auto;aspect-ratio:1;margin:0 auto;max-width:360px}
.fleet-art-wrap{background:radial-gradient(ellipse at 50% 64%,#cee7e6 0%,#eaf3ed 48%,#fffdf7 78%);border-radius:18px;margin:14px -2px 10px;position:relative;overflow:hidden}
.fleet-card:nth-child(2) .fleet-art-wrap{background:radial-gradient(ellipse at 50% 64%,#c8eee8,#f4faf3 70%)}
.fleet-card:nth-child(3) .fleet-art-wrap{background:radial-gradient(ellipse at 50% 64%,#f1d7bd,#fff7e9 70%)}
.fleet-card:nth-child(4) .fleet-art-wrap{background:radial-gradient(ellipse at 50% 64%,#d3e4f2,#f8faf0 70%)}
.fleet-card:nth-child(5) .fleet-art-wrap{background:radial-gradient(ellipse at 50% 64%,#f7e6b7,#fffaf0 70%)}
.fleet-card:nth-child(6) .fleet-art-wrap{background:radial-gradient(ellipse at 50% 64%,#cee4ce,#f6f8ec 70%)}
.fleet-design{position:absolute;left:10px;bottom:10px;padding:6px 9px;background:#fffdf7ed;border:1px solid #d3ded8;border-radius:8px;color:#405c65;font-size:11px;font-weight:700;max-width:calc(100% - 20px)}
.fleet-ready{display:flex;align-items:center;gap:8px;color:#246541;background:#e4f1e5;border-radius:10px;padding:12px;font-size:13px;margin-top:16px}
.fleet-ready .icon{width:18px;height:18px}
.fleet-ready a{margin-left:auto;color:#0b6275;font-weight:700;text-underline-offset:3px}
.fleet-rule-note{font-size:13px;line-height:1.6;color:#526e79;margin:16px 0 26px}
.ship-art.mini-ship.ship-sprite{width:100%;height:auto;aspect-ratio:1;min-width:85px}
.dispatch-ship{width:94px;flex:0 0 94px;overflow:visible}
.ship-livery{position:absolute;top:10px;right:10px;width:16px;height:25px;background:var(--ship-tint,#58a9a2);clip-path:polygon(0 0,100% 0,100% 100%,50% 75%,0 100%);filter:drop-shadow(0 1px 1px #18384655)}
.exchange-entry{display:flex;align-items:center;gap:20px;padding:20px 24px;margin:18px 0;background:#e8f2ee;border:1px solid #ccded5;border-radius:20px}
.exchange-entry>.building-sprite{width:95px;height:95px}
.exchange-entry-copy{flex:1;min-width:0}
.exchange-entry-copy h2{font-size:21px;margin:6px 0}
.exchange-entry-copy p{color:#506a74;font-size:14px;line-height:1.6;margin:0}
.exchange-entry-actions{display:flex;flex-direction:column;gap:8px;align-items:stretch}
.exchange-filter-main{display:grid;grid-template-columns:150px minmax(150px,1fr) auto;gap:10px;align-items:end}
.exchange-filter-main .field{margin:0}
.exchange-advanced{grid-column:1/-1;border-top:1px solid #cfddd9;padding-top:10px}
.exchange-advanced summary{cursor:pointer;color:#375d6c;font-weight:700;font-size:13px;padding:3px 0}
.exchange-advanced .advanced-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:12px}
.exchange-advanced .field{margin:0}
.exchange-filter.compact-filter{display:block!important}
.return-rows{display:grid;gap:10px}
.return-row{display:grid;grid-template-columns:minmax(100px,1fr) 100px auto;align-items:end;gap:12px;padding:14px;background:#fff9ed;border:1px solid #e8dcc2;border-radius:12px}
.return-row strong{display:block;color:#314e5a}
.return-row small{display:block;font-size:12px;color:#63737a;margin-top:5px}
.return-row .field{margin:0}
.return-row .field input{width:100%}
.exchange-toolbar .btn:not(:first-child){background:#f4f7f2;color:#31586c;border:1px solid #cadbd5;box-shadow:none}
.compact-balances{padding:12px 16px!important;margin-bottom:12px!important}
.compact-balances strong{font-size:19px!important}
.compact-balances small{font-size:11px!important}
.return-help{color:#606c60;line-height:1.6;font-size:13px}
.exchange-goods-name{display:flex;align-items:center;gap:10px}
.exchange-goods-name>.icon{width:31px;height:31px;color:#356d79;padding:5px;background:#e6efeb;border-radius:9px}
@media(max-width:700px){.section-art{width:82px;flex-basis:82px}.section-art img{width:76px;height:76px}.section-art+.level-chip{display:none}.exchange-entry{padding:17px;gap:13px;flex-wrap:wrap}.exchange-entry>.building-sprite{width:80px;height:80px}.exchange-entry-actions{width:100%;flex-direction:row;flex-wrap:wrap}.exchange-entry-actions .btn{flex:1}.exchange-entry-copy h2{font-size:18px}.exchange-filter-main{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.exchange-filter-main>.field:nth-child(2){grid-row:2;grid-column:1/-1}.exchange-filter-main>.btn{grid-column:2;grid-row:1;min-height:43px}.return-row{grid-template-columns:minmax(0,1fr) 88px}.return-row>.btn{grid-column:1/-1}.section-emblem{display:none}.facility-illustration{min-height:100px}.facility-illustration>.building-sprite{width:125px}}
@media(max-width:479px){.section-art{display:none}.fleet-card .ship-art.ship-sprite{max-width:300px}.fleet-art-wrap{margin-top:12px}.dispatch-ship{width:77px;flex-basis:77px}.ship-art.mini-ship.ship-sprite{min-width:0}.exchange-entry>.building-sprite{width:65px;height:65px}.exchange-entry-copy h2{font-size:17px}.exchange-advanced .advanced-fields{gap:8px}.exchange-filter-main .field select{font-size:13px}.fleet-ready{flex-wrap:wrap}.fleet-ready a{font-size:12px}}

.fleet-ready>.text-link{margin-left:auto;padding:3px 0;color:#0b6275;font-size:12px;font-weight:700;text-decoration:underline;text-underline-offset:3px}