.kc-exploration { --exp-accent: #76e8ff; --exp-warm: #ffd36a; }
.kc-exploration .kc-arcade-frame { background: #02070b; }
.kc-exploration .kc-arcade-stage { background: #01040a; overflow: hidden; }
.kc-exploration .kc-arcade-canvas { cursor: crosshair; touch-action: none; }
.kc-exp-world-name {
  min-width: 0;
  max-width: 34%;
  overflow: hidden;
  color: var(--exp-warm);
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.kc-exp-hud {
  position: absolute;
  z-index: 4;
  top: 9px;
  left: 9px;
  right: 9px;
  display: flex;
  align-items: center;
  gap: 5px;
  pointer-events: none;
  color: #e3f9ff;
  font: 700 10px/1 Orbitron, monospace;
  letter-spacing: .04em;
  text-shadow: 0 1px 4px #000;
}
.kc-exp-meter {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  min-height: 25px;
  padding: 0 6px;
  border: 1px solid color-mix(in srgb, var(--exp-accent) 42%, transparent);
  background: rgba(3, 13, 22, .88);
  clip-path: polygon(5px 0, 100% 0, 100% calc(100% - 5px), calc(100% - 5px) 100%, 0 100%, 0 5px);
}
.kc-exp-meter b { color: var(--exp-accent); }
.kc-exp-finds b { color: var(--exp-warm); }
.kc-exp-hull b { color: #c9adff; }
.kc-exp-mult b { color: #aef3c9; }
.kc-exp-objective {
  position: absolute;
  z-index: 5;
  top: 43px;
  left: 50%;
  transform: translateX(-50%);
  padding: 5px 9px;
  border: 1px solid color-mix(in srgb, var(--exp-accent) 34%, transparent);
  background: rgba(3, 13, 22, .86);
  color: #b7d7df;
  font: 700 9px/1.15 Orbitron, monospace;
  letter-spacing: .055em;
  text-transform: uppercase;
  white-space: nowrap;
  pointer-events: none;
}
.kc-exp-touch-hint,
.kc-exp-toast {
  position: absolute;
  z-index: 7;
  left: 50%;
  max-width: calc(100% - 28px);
  transform: translateX(-50%);
  border: 1px solid color-mix(in srgb, var(--exp-accent) 46%, transparent);
  background: rgba(3, 13, 22, .93);
  color: #d8f7ff;
  font: 700 9px/1.25 Orbitron, monospace;
  text-align: center;
  text-transform: uppercase;
  letter-spacing: .055em;
  pointer-events: none;
}
.kc-exp-touch-hint { bottom: max(16px, env(safe-area-inset-bottom)); padding: 6px 10px; white-space: normal; }
.kc-exp-toast { bottom: 54px; padding: 7px 12px; }
.kc-exp-touch-hint[hidden], .kc-exp-toast[hidden] { display: none; }
.kc-exp-toast[data-kind="find"] { border-color: var(--exp-warm); color: #fff0bd; box-shadow: 0 0 16px color-mix(in srgb, var(--exp-warm) 24%, transparent); }
.kc-exp-toast[data-kind="bad"] { border-color: #ff8c6f; color: #ffc0af; }
.kc-exp-msg { background: radial-gradient(circle at 50% 36%, rgba(14, 35, 47, .94), rgba(2, 8, 14, .985) 66%); }
.kc-exploration .kc-arcade-msg-title { color: var(--exp-accent); text-shadow: 0 0 14px color-mix(in srgb, var(--exp-accent) 42%, transparent); }
.kc-exploration.kc-arcade--crt-off .kc-arcade-crt { display: none; }
.kc-exp-brief {
  display: grid;
  width: min(360px, 92vw);
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
}
.kc-exp-brief span {
  min-width: 0;
  padding: 8px 4px;
  border: 1px solid color-mix(in srgb, var(--exp-accent) 25%, transparent);
  color: #a9c8d1;
  font-size: 10px;
  line-height: 1.2;
  text-align: center;
}
.kc-exp-brief span b { display: block; margin-bottom: 5px; color: var(--exp-accent); font: 700 16px/1 Orbitron, monospace; }
.kc-exp-summary {
  display: grid;
  width: min(350px, 90vw);
  grid-template-columns: repeat(2, 1fr);
  gap: 5px;
}
.kc-exp-summary span {
  min-width: 0;
  padding: 8px 4px;
  border: 1px solid color-mix(in srgb, var(--exp-accent) 25%, transparent);
  color: #a9c8d1;
  font: 700 9px/1.2 Orbitron, monospace;
  letter-spacing: .04em;
  text-align: center;
  text-transform: uppercase;
}
.kc-exp-summary span b { display: block; margin-bottom: 4px; color: var(--exp-accent); font-size: 15px; }
.kc-exp-summary .kc-sim-rank-marks { font-size: 15px; letter-spacing: 3px; padding-left: 3px; }
.kc-exp-summary .kc-sim-rank-marks b { display: inline-block; margin-bottom: 0; }
.kc-exp-abort-reason { padding: 7px 11px; border: 1px solid rgba(255, 140, 111, .52); color: #ffc0af; font: 700 10px/1.25 Orbitron, monospace; text-transform: uppercase; }
.kc-exp-bonus-report { width: min(350px, 90vw); max-height: 170px; overflow: auto; border: 1px solid color-mix(in srgb, var(--exp-warm) 34%, transparent); background: rgba(11, 18, 21, .76); }
.kc-exp-bonus-report.is-lost { border-color: rgba(255, 140, 111, .45); opacity: .76; }
.kc-exp-bonus-report-title { padding: 6px 8px; border-bottom: 1px solid color-mix(in srgb, var(--exp-warm) 22%, transparent); color: var(--exp-warm); font: 700 9px/1 Orbitron, monospace; text-transform: uppercase; letter-spacing: .05em; }
.kc-exp-bonus-report.is-lost .kc-exp-bonus-report-title { color: #ffad97; }
.kc-exp-bonus-row { display: grid; grid-template-columns: 28px 1fr; gap: 5px; align-items: center; padding: 6px 8px; text-align: left; }
.kc-exp-bonus-row + .kc-exp-bonus-row { border-top: 1px solid rgba(130, 177, 189, .13); }
.kc-exp-bonus-row > b { color: var(--exp-warm); font: 700 15px/1 Orbitron, monospace; text-align: center; }
.kc-exp-bonus-row span { color: #d8f7ff; font-size: 11px; font-weight: 700; }
.kc-exp-bonus-row small { display: block; margin-top: 2px; color: #90b1ba; font-size: 9px; font-weight: 400; }
.kc-exp-bonus-report.is-lost .kc-exp-bonus-row { text-decoration: line-through; }
.kc-exp-bonus-empty { display: block; padding: 10px 8px; color: #7899a3; font-size: 10px; text-align: center; }

/* Stronger CRT identity for the probe console only */
.kc-exploration .kc-arcade-crt {
  background:
    radial-gradient(ellipse at center, rgba(0, 0, 0, 0) 46%, rgba(0, 0, 0, 0.52) 100%),
    repeating-linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 0 1px, rgba(0, 0, 0, 0.1) 1px 3px);
}

@media (min-width: 700px) {
  .kc-exploration .kc-arcade-frame { width: min(94vw, 1120px); height: min(90vh, 700px); border: 1px solid color-mix(in srgb, var(--exp-accent) 34%, transparent); box-shadow: 0 0 54px rgba(0, 0, 0, .8); }
  .kc-exp-hud { font-size: 11px; }
}
@media (max-width: 480px) {
  .kc-exp-world-name { display: none; }
  .kc-exp-hud { top: 7px; left: 6px; right: 6px; gap: 3px; font-size: 9px; }
  .kc-exp-meter { min-height: 23px; padding: 0 5px; gap: 3px; }
  .kc-exp-meter b { font-size: 8px; }
  .kc-exp-objective { top: 38px; font-size: 8px; }
}
@media (prefers-reduced-motion: reduce) {
  .kc-exploration .kc-arcade-crt { display: none; }
}