/* ============================================================
   CONTINUE-ADVENTURE.CSS — Shared dashboard continuity panel
   ============================================================ */

.gv-continue-adventure {
  --gv-continue-color:var(--gold,#D4A843);
  --gv-continue-surface:rgba(255,255,255,0.035);
  --gv-continue-border:rgba(255,255,255,0.12);
  --gv-continue-muted:var(--text-dim,#BAB0A1);
  --gv-continue-track:rgba(255,255,255,0.1);
  max-width:1200px;
  margin:0 auto;
  padding:var(--sp-12,3rem) var(--sp-8,2rem) var(--sp-4,1rem);
}

.gv-continue-adventure[hidden],.gv-continue-adventure [hidden] { display:none !important;}

.gv-continue-card {
  background:linear-gradient(135deg,rgba(255,255,255,0.045),var(--gv-continue-surface));
  border:1px solid var(--gv-continue-border);
  border-top:2px solid var(--gv-continue-color);
  border-radius:12px;
  box-shadow:0 14px 36px rgba(0,0,0,0.24);
  display:grid;
  gap:var(--sp-4,1rem);
  padding:clamp(1.25rem,3vw,2rem);
  transition:border-color var(--t-base,260ms) var(--ease,ease),box-shadow var(--t-base,260ms) var(--ease,ease);
}

.gv-continue-head { align-items:center;display:flex;gap:var(--sp-4,1rem);justify-content:space-between;margin-bottom:var(--sp-2,0.5rem);}
.gv-continue-head-copy { min-width:0;}

.gv-continue-eyebrow { color:var(--gv-continue-color);font-family:var(--font-ui, sans-serif);font-size:0.72rem;font-weight:700;letter-spacing:0.16em;margin:0 0 var(--sp-2,0.5rem);text-transform:uppercase;}

.gv-continue-title {
  color:var(--gold-light,#F0C96A);
  font-family:var(--font-display, sans-serif);
  font-size:clamp(1.55rem,3vw,2.15rem);
  letter-spacing:0.04em;
  line-height:1;
  margin:0;
}

.gv-continue-copy { color:var(--gv-continue-muted);font-size:0.95rem;line-height:1.5;margin:var(--sp-2,0.5rem) 0 0;max-width:34rem;}

.gv-continue-body { display:grid;gap:var(--sp-4,1rem);}

.gv-continue-guide {
  color:var(--text,#E8E0D0);
  display:inline-flex;
  font-family:var(--font-ui, sans-serif);
  font-size:clamp(1.25rem,2.5vw,1.65rem);
  font-weight:700;
  letter-spacing:0.03em;
  line-height:1.2;
  overflow-wrap:anywhere;
  text-decoration:none;
  transition:color var(--t-fast,150ms) var(--ease,ease);
}

.gv-continue-count { color:var(--gv-continue-muted);}

.gv-continue-pct {
  color:var(--gv-continue-color);
  font-size:1.05rem;
  font-weight:700;
}

.gv-continue-progress {
  background:var(--gv-continue-track);
  border-radius:999px;
  height:0.75rem;
  overflow:hidden;
}

.gv-continue-progress-bar,.gv-continue-fill {
  background:var(--gv-continue-color);
  border-radius:inherit;
  box-shadow:0 0 12px var(--gv-continue-color);
  display:block;
  height:100%;
  max-width:100%;
  min-width:0;
  transition:width var(--t-base,260ms) var(--ease,ease);
}

.gv-continue-next {
  align-items:center;
  border-top:1px solid var(--gv-continue-border);
  display:flex;
  flex-wrap:wrap;
  gap:var(--sp-2,0.5rem) var(--sp-3,0.75rem);
  padding-top:var(--sp-4,1rem);
}

.gv-continue-progress-meta { align-items:center;display:flex;gap:var(--sp-4,1rem);justify-content:space-between;}

.gv-continue-next-label {
  color:var(--gv-continue-muted);
  flex-basis:100%;
  font-family:var(--font-ui, sans-serif);
  font-size:0.72rem;
  font-weight:700;
  letter-spacing:0.16em;
  text-transform:uppercase;
}

.gv-continue-next-link,.gv-continue-link {
  color:var(--gv-continue-color);
  font-family:var(--font-ui, sans-serif);
  font-size:1rem;
  font-weight:700;
  text-decoration:underline;
  text-decoration-thickness:0.1em;
  text-underline-offset:0.18em;
  transition:color var(--t-fast,150ms) var(--ease,ease);
}

.gv-continue-guide:focus-visible,.gv-continue-link:focus-visible,.gv-continue-next-link:focus-visible {
  border-radius:4px;
  outline:3px solid var(--gold-light,#F0C96A);
  outline-offset:3px;
}

@media(hover:hover){.gv-continue-guide:hover,.gv-continue-link:hover,.gv-continue-next-link:hover{color:var(--gold-light,#F0C96A);}}

@media (max-width:700px) {
  .gv-continue-adventure { padding:var(--sp-8,2rem) var(--sp-4,1rem) var(--sp-2,0.5rem);}
  .gv-continue-card { padding:var(--sp-6,1.5rem);}
  .gv-continue-head { align-items:flex-start;flex-direction:column;}
  .gv-continue-progress-meta { align-items:flex-start;flex-direction:column;gap:var(--sp-2,0.5rem);}
  .gv-continue-next { align-items:flex-start;flex-direction:column;}
}

@media (prefers-reduced-motion: reduce) {
  .gv-continue-card,.gv-continue-guide,.gv-continue-link,.gv-continue-next-link,.gv-continue-progress-bar,.gv-continue-fill { transition:none;}
}