.sky-icon{display:inline-block;width:24px;height:24px;object-fit:contain;vertical-align:middle;flex:none}
.header-meta{flex-direction:row;align-items:center;gap:8px}
.header{padding-bottom:10px}
.ui-card-wrap .ui-button.playing-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:98px;height:114px;padding:7px 4px 4px;background:#fff4dd;color:#18263d;border:2px solid var(--sky-color,#e5bc74);border-radius:8px;opacity:1}
.ui-card-wrap .playing-card::before{height:4px;background:var(--sky-color,#e5bc74)}
.sky-card-art{width:62px;height:62px;object-fit:contain;flex:none}
.sky-card-name{font:750 12px/1.15 Inter,system-ui,sans-serif;white-space:normal;text-align:center;overflow-wrap:anywhere}
.stages{gap:9px;flex-wrap:nowrap;justify-content:space-between}
.ui-badge.city{display:flex;flex-direction:column;gap:6px;flex:1 1 0;min-width:0;padding:0;border:0;background:transparent;color:#e6f5ef;overflow:visible}
.ui-badge.city.active,.ui-badge.city.empty{background:transparent;color:#e6f5ef}
.sky-city-face{position:relative;display:block;width:100%;aspect-ratio:16/9;isolation:isolate}
.sky-city-scene{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%;border:2px solid var(--sky-color,#ecc47e)}
.sky-city-value{position:absolute;left:9%;top:10%;font:800 clamp(14px,1.7vw,23px)/1 Georgia,serif;color:#fff2c7;text-shadow:-1px -1px 0 #172132,1px -1px 0 #172132,-1px 1px 0 #172132,1px 1px 0 #172132,0 2px 2px #0009;pointer-events:none}
.sky-city-count{font-size:12px;font-variant-numeric:tabular-nums;white-space:nowrap}
.current-city .sky-city-scene{outline:3px solid #ffe39d;outline-offset:2px}
.city.empty .sky-city-scene{filter:saturate(.35);opacity:.72}
.sky-airship-marker{position:absolute;right:-4%;bottom:-8%;width:45%;height:65%;object-fit:contain;filter:drop-shadow(0 1px 1px #10273b);pointer-events:none}
.sky-destination-marker{position:absolute;right:4%;bottom:3%;width:18%;height:30%;object-fit:contain;pointer-events:none}
.hazards .ui-badge{display:inline-flex;align-items:center;gap:8px;padding:9px 13px;border-color:var(--sky-color)}
.hazards .sky-icon{width:32px;height:32px}
.sky-die-name{font-size:15px}
.player-seat .seat{display:flex;align-items:center;gap:6px;font-size:12px}
.seats{display:grid;grid-template-columns:repeat(var(--sky-seat-columns),minmax(0,1fr));gap:10px}
.player-seat{min-width:0}
.sky-seat-label{min-width:0;overflow-wrap:anywhere}
.player-seat .seat .sky-icon{width:22px;height:22px}
@media(min-width:1500px){.seats{grid-template-columns:repeat(var(--sky-seat-count),minmax(0,1fr))}}
.sky-seat-counts{display:flex;align-items:center;gap:4px;flex-wrap:wrap;font-size:12px;line-height:1.35}
.sky-seat-counts .sky-icon{width:19px;height:19px}
.treasure{align-items:center;gap:6px}
.special-actions .ui-button,.controls .ui-button{display:inline-flex;align-items:center;gap:6px}
.special-actions .sky-icon,.controls .sky-icon{width:23px;height:23px}
.controls .phase-detail>.sky-icon{width:32px;height:32px;margin-right:8px}

/* The gallery documents assets; it is separate from the player-facing table. */
.sky-gallery{max-width:1450px;margin:auto;padding:24px;color:#eef4fc}
.sky-gallery h1{font-size:28px;margin:0 0 8px}
.sky-gallery p{color:#b4c5d9;line-height:1.5}
.sky-gallery-section{margin:28px 0}
.sky-gallery-section h2{font-size:19px;text-transform:capitalize}
.sky-asset-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}
.sky-asset-sample{margin:0;background:#203e51;border:1px solid #60748a;border-radius:8px;padding:14px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}
.sky-sample-art{width:128px;height:128px;object-fit:contain}
.sky-asset-sample .sky-city-face{width:190px}
.sky-asset-sample .sky-city-value{font-size:28px}
.sky-asset-sample figcaption{font-size:15px;font-weight:750}
.sky-asset-sample small{font-size:12px;line-height:1.4;color:#cad7e5}
.sky-size-checks{display:flex;align-items:center;gap:16px;margin-top:auto}