/* Freestanding painted vessels replace the old rectangular atlas tiles everywhere. */
body[data-ui-theme] .ship-illustration{display:block;object-fit:contain;background:none;border:0;mix-blend-mode:normal;opacity:1;filter:drop-shadow(0 2px 1px #33221130)}
body[data-ui-theme] #workspace .island-detail .ship-token .ship-illustration{background:none;mix-blend-mode:normal;object-fit:contain}
body[data-ui-theme] .shipyard-list{display:grid;gap:10px}
body[data-ui-theme] #workspace .shipyard-row{display:grid;grid-template-columns:128px minmax(180px,1fr) minmax(320px,480px);align-items:center;gap:14px;padding:12px 16px;min-width:0;min-height:124px;color:#2d2117;background:linear-gradient(#f4e7ccef,#f4e7ccef),url('/art/interface/ledger-paper.webp') center/600px;border:1px solid #aa8046;box-shadow:inset 0 0 0 1px #fffae6,0 3px 6px #00131c44}
body[data-ui-theme] .shipyard-art{width:128px;height:100px;max-width:100%;margin:0}
body[data-ui-theme] .shipyard-identity,body[data-ui-theme] .shipyard-order{min-width:0}
body[data-ui-theme] .shipyard-title{display:flex;align-items:center;flex-wrap:wrap;gap:5px 14px}
body[data-ui-theme] #workspace .shipyard-title h3{font-size:20px;line-height:1.3;margin:0;color:#2d2117}
body[data-ui-theme] .shipyard-stock{font-size:12px;color:#59432e;white-space:nowrap}
body[data-ui-theme] .shipyard-stock strong{color:#2d2117;font-size:15px}
body[data-ui-theme] .shipyard-stats{display:flex;flex-wrap:wrap;gap:8px 20px;margin:8px 0 0}
body[data-ui-theme] .shipyard-stats>div{display:flex;align-items:baseline;gap:6px}
body[data-ui-theme] .shipyard-stats dt{font-size:12px;line-height:1.4;color:#59432e}
body[data-ui-theme] .shipyard-stats dd{margin:0;font-size:15px;font-weight:700;color:#2d2117}
body[data-ui-theme] #workspace .shipyard-prerequisite{display:block;min-height:30px;padding:3px 0;font-size:13px;color:#593612;text-decoration:underline;text-underline-offset:3px}
body[data-ui-theme] .shipyard-links{display:flex;align-items:center;flex-wrap:wrap;gap:4px 14px;margin-top:5px}
body[data-ui-theme] .shipyard-description{margin:0}
body[data-ui-theme] .shipyard-description[open]{flex-basis:100%}
body[data-ui-theme] .shipyard-description summary{width:max-content;max-width:100%;cursor:pointer;font-size:12px;line-height:1.6;color:#593612}
body[data-ui-theme] #workspace .shipyard-description p{color:#2d2117;font-size:14px;line-height:1.5;margin:5px 0 0;max-width:48ch}
body[data-ui-theme] #workspace .shipyard-cost .costs{margin:0 0 7px;font-size:14px;line-height:1.4;gap:8px 14px;color:#2d2117}
body[data-ui-theme] .shipyard-cost .costs img{width:22px;height:22px}
body[data-ui-theme] .shipyard-order form{display:grid;grid-template-columns:auto 64px minmax(85px,1fr) minmax(140px,auto);align-items:center;gap:8px;margin:0}
:root body[data-ui-theme] #workspace .shipyard-order label{font-size:13px;color:#59432e;margin:0}
:root body[data-ui-theme] #workspace .shipyard-order input{width:64px;min-height:40px;margin:0;padding:7px 8px;font-size:15px}
body[data-ui-theme] #workspace .shipyard-order .duration{color:#59432e;font-size:13px;line-height:1.4;text-align:center;white-space:normal}
:root body[data-ui-theme] #workspace .shipyard-order button{min-height:40px;margin:0;padding:7px 12px;font-size:14px;line-height:1.4;white-space:nowrap}
@media(min-width:951px) and (max-width:1350px){
 body[data-ui-theme] #workspace .shipyard-row{grid-template-columns:100px minmax(150px,1fr) minmax(260px,320px);gap:12px;padding:10px 12px}
 body[data-ui-theme] .shipyard-art{width:100px;height:92px}
 body[data-ui-theme] .shipyard-title{display:block}
 body[data-ui-theme] #workspace .shipyard-title h3{font-size:18px}
 body[data-ui-theme] .shipyard-stats{gap:3px 12px;margin-top:6px}
 body[data-ui-theme] .shipyard-stats>div{gap:5px}
 body[data-ui-theme] .shipyard-order form{grid-template-columns:auto 64px minmax(80px,1fr);gap:5px 8px}
 body[data-ui-theme] #workspace .shipyard-order button{grid-column:1/-1}
}
@media(min-width:951px) and (max-width:1100px){
 body[data-ui-theme] #workspace .shipyard-row{grid-template-columns:90px minmax(0,1fr) 260px}
 body[data-ui-theme] .shipyard-art{width:90px}
}
@media(max-width:950px){
 body[data-ui-theme] #workspace .shipyard-row{grid-template-columns:92px minmax(0,1fr);align-items:start;gap:10px 12px;padding:14px;min-height:0}
 body[data-ui-theme] .shipyard-art{width:92px;height:88px;margin-top:4px}
 body[data-ui-theme] .shipyard-title{display:block}
 body[data-ui-theme] #workspace .shipyard-title h3{font-size:21px;line-height:1.3;overflow-wrap:anywhere}
 body[data-ui-theme] .shipyard-stock{display:block;font-size:14px;line-height:1.6;margin-top:3px}
 body[data-ui-theme] .shipyard-stock strong{font-size:17px}
 body[data-ui-theme] .shipyard-stats{gap:4px 12px;margin-top:7px}
 body[data-ui-theme] .shipyard-stats>div{gap:5px}
 body[data-ui-theme] .shipyard-stats dt{font-size:14px}
 body[data-ui-theme] .shipyard-stats dd{font-size:16px}
 body[data-ui-theme] .shipyard-order{grid-column:1/-1}
 body[data-ui-theme] #workspace .shipyard-cost .costs{font-size:16px;gap:8px 16px;margin-bottom:10px}
 body[data-ui-theme] .shipyard-cost .costs img{width:26px;height:26px}
 body[data-ui-theme] .shipyard-order form{grid-template-columns:auto 76px minmax(0,1fr);gap:8px}
 :root body[data-ui-theme] #workspace .shipyard-order label{font-size:16px}
 :root body[data-ui-theme] #workspace .shipyard-order input{width:76px;min-height:48px;font-size:18px}
 body[data-ui-theme] #workspace .shipyard-order .duration{font-size:16px}
 :root body[data-ui-theme] #workspace .shipyard-order button{grid-column:1/-1;width:100%;min-height:48px;font-size:16px}
 body[data-ui-theme] #workspace .shipyard-prerequisite{min-height:44px;font-size:14px}
 body[data-ui-theme] .shipyard-description summary{font-size:14px;min-height:44px;line-height:2}
 body[data-ui-theme] #workspace .shipyard-description p{font-size:16px}
}