/* Art direction A "Tinta y latón" over the colony scene and its dialogs */
@font-face { font-family: 'KC Stencil'; src: url('../../fonts/art-big-shoulders-stencil-display.woff2') format('woff2'); font-weight: 100 1000; font-display: swap; }
@font-face { font-family: 'KC Text'; src: url('../../fonts/art-alegreya-sans-400.woff2') format('woff2'); font-weight: 100 450; font-display: swap; }
@font-face { font-family: 'KC Text'; src: url('../../fonts/art-alegreya-sans-500.woff2') format('woff2'); font-weight: 451 599; font-display: swap; }
@font-face { font-family: 'KC Text'; src: url('../../fonts/art-alegreya-sans-700.woff2') format('woff2'); font-weight: 600 1000; font-display: swap; }

.lw-command-scene, .lw-command-dialog {
  --k-ink: #0E131B; --k-hull: #1F2A36; --k-amber: #E8A54B; --k-parch: #EFE3C8; --k-teal: #5FC9BE; --k-dim: #c9bea3;
  --lw-ivory: #EFE3C8; --lw-gold: #E8A54B; --lw-cyan: #5FC9BE; --lw-ink: #EFE3C8; --lw-muted: #c9bea3; --lw-border: #0E131B;
  font-family: 'KC Text', 'Exo 2', sans-serif;
}
.lw-command-scene *, .lw-command-dialog * { font-family: 'KC Text', 'Exo 2', sans-serif; }

/* Display type: stencil caps */
.lw-colony-heading h1, .lw-inhabited-card .lw-proposal-speaker strong, .lw-command-dialog .lw-panel-header h2, .lw-command-dialog h2, .lw-command-dialog h3,
.lw-hud-metric b, .lw-hud-metric strong, .lw-proposal-pager .lw-proposal-position, .lw-dock-button span, .lw-inhabited-card .lw-scene-action, .lw-scene-tile strong, .lw-command-dialog .lw-panel-actions .lw-button {
  font-family: 'KC Stencil', 'Orbitron', sans-serif !important; letter-spacing: .05em; text-transform: uppercase; font-weight: 800 !important;
}
.lw-colony-heading h1 { color: var(--k-parch); text-shadow: 0 2px 0 var(--k-ink); }
.lw-colony-heading .lw-coordinate { color: var(--k-dim); font-size: 13px; }
.lw-inhabited-card .lw-proposal-speaker strong { color: var(--k-parch); text-shadow: 0 2px 0 var(--k-ink); }
.lw-inhabited-card .lw-proposal-speaker span { color: var(--k-teal); font-weight: 700; }
.lw-inhabited-card .lw-proposal-copy h2 { color: var(--k-amber); font-weight: 700; }
.lw-inhabited-card .lw-proposal-summary { color: var(--k-parch); }

/* Resource strip: a riveted plate with stencil numbers */
.lw-economy-hud { background: linear-gradient(180deg, #2a3746, #1F2A36) !important; border: 2px solid var(--k-ink) !important; border-radius: 3px; box-shadow: inset 0 1px 0 rgba(239,227,200,.16), 0 3px 0 var(--k-ink) !important; }
.lw-hud-metric span, .lw-hud-metric small { color: var(--k-dim) !important; font-size: 13px !important; }
.lw-hud-metric b, .lw-hud-metric strong { color: var(--k-parch); font-size: 19px !important; }
.lw-hud-metric.is-deficit strong, .lw-hud-metric.is-deficit b { color: var(--k-amber); text-decoration: underline 2px; text-underline-offset: 3px; }
.lw-hud-metric img { object-fit: contain; }
.lw-hud-more { border: 2px solid var(--k-ink) !important; border-radius: 3px !important; background: var(--k-parch); color: var(--k-ink); box-shadow: 0 2px 0 var(--k-ink); }
.lw-hud-more strong { color: var(--k-ink) !important; }

/* Tiles and dialogue card */
.lw-scene-tile > span:not(.lw-character) { background: linear-gradient(180deg, transparent, rgba(14,19,27,.92) 45%) !important; }
.lw-scene-tile small { color: var(--k-dim) !important; font-size: 13px !important; }
.lw-scene-tile strong { color: var(--k-parch); font-size: 16px !important; }
.lw-inhabited-card .lw-proposal-copy::after { background: linear-gradient(90deg, rgba(14,19,27,0), rgba(14,19,27,.88) 22%, rgba(14,19,27,.94)) !important; border-radius: 0 !important; }
.lw-proposal-pager .lw-page-button { background: var(--k-hull) !important; border: 2px solid var(--k-ink) !important; color: var(--k-amber) !important; box-shadow: 0 3px 0 var(--k-ink); }
.lw-proposal-pager .lw-proposal-position { background: var(--k-hull) !important; border: 2px solid var(--k-ink); color: var(--k-parch) !important; }

/* Primary action: solid amber plate with ink letters */
.lw-inhabited-card .lw-scene-action { color: var(--k-parch) !important; font-size: 18px !important; }
.lw-scene-action.lw-button-primary { color: var(--k-ink) !important; }
.lw-scene-action.lw-button-primary::before { border-image: none !important; border: 2px solid var(--k-ink); background: var(--k-amber); box-shadow: inset 0 2px 0 rgba(255,240,205,.55), inset 0 -4px 0 rgba(120,70,10,.35), 0 5px 0 var(--k-ink); }
.lw-scene-action.lw-button-primary::after { display: none; }
.lw-scene-action:active { transform: translateY(4px) !important; }

/* Dock */
.lw-dock-button span { color: var(--k-parch) !important; font-size: 14px !important; }
.lw-instrument { mask-image: none !important; -webkit-mask-image: none !important; }

/* Dialogs */
.lw-command-dialog { background: #18212b !important; }
.lw-command-dialog .lw-panel-header h2 { color: var(--k-parch) !important; }
.lw-command-dialog .lw-page-heading { color: var(--k-teal) !important; }
.lw-command-dialog .lw-panel-footer { background: rgba(14,19,27,.6) !important; }
.lw-command-dialog .lw-panel-actions .lw-button { border: 2px solid var(--k-ink) !important; border-radius: 3px !important; background: var(--k-hull) !important; box-shadow: inset 0 1px 0 rgba(239,227,200,.16), 0 3px 0 var(--k-ink) !important; color: var(--k-parch) !important; }
.lw-command-dialog .lw-panel-actions .lw-button-primary { background: var(--k-amber) !important; color: var(--k-ink) !important; }
.lw-command-dialog p, .lw-command-dialog li { color: var(--k-parch); }
.lw-command-dialog .lw-eyebrow { color: var(--k-amber); font-size: 12px; }

/* The flagship return button sits over the colony scene */
#kc-commander-back { border-radius: 3px !important; border: 2px solid #0E131B !important; background: #E8A54B !important; color: #0E131B !important; box-shadow: inset 0 2px 0 rgba(255,240,205,.55), inset 0 -4px 0 rgba(120,70,10,.35), 0 4px 0 #0E131B !important; font-family: 'KC Stencil', 'Orbitron', sans-serif !important; font-size: 18px !important; font-weight: 800 !important; letter-spacing: .1em !important; min-height: 44px; }
#kc-commander-back svg { fill: #0E131B !important; stroke: #0E131B !important; }

/* Transmissions and milestone cards in ink and brass */
.planet-milestone-overlay:not(.km-reveal) .planet-milestone-box { border-radius: 3px; border: 3px solid #0E131B; background: linear-gradient(180deg, #24303d, #18212b); box-shadow: inset 0 1px 0 rgba(239,227,200,.14), 0 6px 0 #0E131B, 0 30px 60px rgba(0,0,0,.6); font-family: 'KC Text', 'Exo 2', sans-serif; }
.planet-milestone-overlay:not(.km-reveal) .planet-milestone-kicker { font-family: 'KC Stencil', 'Orbitron', sans-serif; font-size: 15px; font-weight: 800; letter-spacing: .14em; color: #E8A54B; border-bottom: 2px solid #0E131B; }
.planet-milestone-overlay:not(.km-reveal) .planet-milestone-title { font-family: 'KC Stencil', 'Orbitron', sans-serif; font-weight: 800; text-transform: uppercase; letter-spacing: .05em; font-size: 26px; color: #EFE3C8; text-shadow: 0 2px 0 #0E131B; }
.planet-milestone-overlay:not(.km-reveal) .planet-milestone-coords { font-family: 'KC Text', sans-serif; color: #c9bea3; letter-spacing: .08em; font-size: 13px; }
.planet-milestone-overlay:not(.km-reveal) .planet-milestone-feed { border-radius: 2px; border: 3px solid #0E131B; box-shadow: 0 3px 0 #0E131B; }
.planet-milestone-overlay:not(.km-reveal) .planet-milestone-tier-new, .planet-milestone-overlay:not(.km-reveal) .planet-milestone-arrow { color: #E8A54B; text-shadow: 0 1px 0 #0E131B; }
.planet-milestone-overlay:not(.km-reveal) .planet-milestone-caption { font-family: 'KC Text', sans-serif; font-size: 16px; color: #EFE3C8; }
.planet-milestone-overlay:not(.km-reveal) .planet-milestone-btn { border-radius: 3px; border: 2px solid #0E131B; background: #E8A54B; color: #0E131B; box-shadow: inset 0 2px 0 rgba(255,240,205,.55), inset 0 -4px 0 rgba(120,70,10,.35), 0 4px 0 #0E131B; font-family: 'KC Stencil', 'Orbitron', sans-serif; font-size: 18px; font-weight: 800; letter-spacing: .1em; }
.planet-milestone-overlay:not(.km-reveal) .planet-milestone-btn-close { background: #1F2A36; color: #EFE3C8; box-shadow: inset 0 1px 0 rgba(239,227,200,.16), 0 4px 0 #0E131B; }