/* The selected Cards welcome: one preferred path, two optional connections. */
#wizard { position:fixed; inset:0; width:100%; height:100%; max-width:none; max-height:none; margin:0; padding:40px 24px; border:0; box-sizing:border-box; color:var(--text); background:var(--bg); overflow:auto; }
#wizard[hidden], #wizard:not([open]), #wizard [hidden] { display:none !important; }
#wizard::backdrop { background:var(--bg); }
#wizard .wizard-box { width:min(1060px,100%); min-height:100%; margin:auto; display:flex; flex-direction:column; justify-content:center; align-items:center; }
.wizard-heading { text-align:center; margin-bottom:36px; }
.wizard-heading img { display:block; width:86px; height:86px; border-radius:20px; margin:0 auto 22px; }
#wizard h2 { margin:0 0 16px; font:600 clamp(28px,3vw,40px)/1.15 system-ui,sans-serif; letter-spacing:-1.3px; }
#wizard p { line-height:1.7; }
#wizard .wizard-heading p { margin:0; font-size:14px; }
#wizard-choices { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; width:100%; }
#wizard .wizard-card { display:flex; flex-direction:column; align-items:flex-start; gap:14px; padding:28px; border:1px solid var(--line); border-radius:14px; background:var(--panel); color:var(--text); text-align:left; cursor:pointer; font:inherit; transition:background .15s,border-color .15s; }
#wizard .wizard-card:hover { background:var(--panel2); border-color:var(--accent); }
#wizard .wizard-card.featured { background:var(--panel2); border-color:var(--accent); }
.wizard-card-icon { font-size:26px; line-height:1; color:var(--accent); }
.wizard-card-top { display:flex; justify-content:space-between; align-items:center; width:100%; margin-bottom:25px; }
.wizard-badge { font-size:9px; letter-spacing:1.2px; padding:5px 8px; border:1px solid var(--line); border-radius:20px; }
.wizard-card-tag { font-size:9px; letter-spacing:1px; color:var(--muted); margin-top:6px; }
#wizard .wizard-card strong { font-size:20px; font-weight:600; letter-spacing:-.4px; }
#wizard .wizard-card > span:not(.wizard-card-icon,.wizard-card-top,.wizard-card-tag,.wizard-card-action) { color:var(--muted); font-size:13px; line-height:1.7; }
#wizard .wizard-card-action { display:flex; justify-content:space-between; gap:12px; width:100%; border-top:1px solid var(--line); margin-top:auto; padding-top:20px; font-size:12px; }
#wizard .wizard-dismiss, #wizard .wizard-back { background:none; color:var(--muted); border:0; padding:14px; min-height:44px; cursor:pointer; font:inherit; font-size:12px; }
#wizard .wizard-dismiss { margin-top:22px; }
#wizard :is(button,input,select):focus-visible { outline:2px solid var(--accent); outline-offset:4px; }
#wizard-setup { width:min(540px,100%); }
#wizard .wizard-back { padding-left:0; }
#wizard h3 { font-size:26px; margin:8px 0 24px; }
#wizard label { display:block; font-size:13px; margin:16px 0 10px; }
#wizard input, #wizard select { width:100%; min-width:0; min-height:48px; box-sizing:border-box; padding:12px; background:var(--panel); color:var(--text); border:1px solid var(--line); border-radius:8px; font:inherit; }
#wizard .wizard-search { display:flex; align-items:stretch; gap:8px; }
#wizard .wizard-search input { flex:1; }
#wizard .wizard-search button { flex:none; min-height:48px; padding:12px 18px; border-radius:8px; }
#wizard .primary { background:var(--accent); color:var(--bg); border:1px solid var(--accent); }
#wizard .place-hit { display:block; width:100%; min-height:48px; text-align:left; padding:14px; margin-top:8px; }
#wizard :is(#wiz-station-intro,#wiz-target,#wiz-tempest-fields p,#wiz-first) { font-size:13px; }
#wizard-progress { margin-top:20px; padding:14px; border:1px solid var(--line); border-radius:10px; }
@media(max-width:700px) {
  #wizard { padding:28px 20px; }
  #wizard .wizard-box { justify-content:flex-start; }
  .wizard-heading { margin-bottom:26px; }
  .wizard-heading img { width:72px; height:72px; margin-bottom:20px; }
  #wizard-choices { grid-template-columns:1fr; gap:12px; }
  #wizard .wizard-card { padding:22px; gap:12px; }
  .wizard-card-top { margin-bottom:0; }
  .wizard-card-tag { margin-top:0; }
  #wizard .wizard-search { flex-direction:column; }
  #wizard br { display:none; }
}
@media(prefers-reduced-motion:reduce) { #wizard .wizard-card { transition:none; } }

#wizard-title:focus { outline:none; }