/* New account: collection scan first. 3-step tracker + highlighted Step 1/Step 2 cards; quick add tucked away. */
.onb{margin:4px 0 16px}
.onb-lead{font-size:16px;margin:0 0 10px;color:var(--ink)}
.onb-steps{list-style:none;counter-reset:onb;display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0;padding:0}
.onb-steps li{counter-increment:onb;display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;font-size:12.5px;line-height:1.25;padding:8px 4px;background:#fff;border:2px solid var(--ink);border-radius:4px;color:var(--ink);opacity:.7}
.onb-steps li::before{content:counter(onb);display:grid;place-items:center;width:26px;height:26px;font:700 16px/1 var(--px);background:var(--light);border:2px solid var(--ink);border-radius:2px}
.onb-steps li b{font:600 14px var(--px)}
.onb-steps li.on{opacity:1;background:#fffbe9;box-shadow:3px 3px 0 var(--ink)}
.onb-steps li.on::before{background:var(--gold);box-shadow:2px 2px 0 var(--gold-d)}
.card.onb-now{border:3px solid var(--ink);border-radius:6px;box-shadow:4px 4px 0 var(--ink),0 0 0 4px rgba(245,215,110,.55);position:relative;padding-top:30px}
.card.onb-next{border:2px dashed var(--ink);border-radius:6px;position:relative;padding-top:30px}
.onb-tag{position:absolute;top:-2px;left:14px;font:700 13px/1 var(--px);letter-spacing:.04em;text-transform:uppercase;color:var(--ink);background:var(--gold);border:2px solid var(--ink);border-top:0;border-radius:0 0 4px 4px;padding:5px 9px 4px}
.card.onb-next .onb-tag{background:var(--light)}
details.onb-later{padding:12px 16px}
details.onb-later>summary{cursor:pointer;font-size:15px;color:var(--ink);list-style:none}
details.onb-later>summary::before{content:'+ ';font:700 16px var(--px)}
details.onb-later[open]>summary::before{content:'- '}
details.onb-later .qadd{margin-top:12px}
/* Avatar first (onboard-avatar.js): 4-step tracker (Avatar / Record / Screenshot / Trade), done steps ticked; Step 1 avatar card; nudge for default avatars. */
.onb-steps.onb4{grid-template-columns:repeat(4,1fr);gap:5px}
.onb-steps.onb4 li{font-size:12px;padding:7px 3px}
.onb-steps li.done{opacity:1}
.onb-steps li.done::before{content:'✓';background:#9bd17a}
.onb-steps li .link{font-size:12px}
.onb-av h1{margin-bottom:6px}
.card.onb-avcard{padding-left:10px;padding-right:10px}
.onb-av-go{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:14px}
.onb-av-go .btn{flex:1 1 220px}
.onb-av-go .err{flex-basis:100%;margin:0}
.card.av-nudge{display:flex;align-items:center;gap:4px;position:relative;border:3px solid var(--ink,#1b1a2e);border-radius:6px;box-shadow:4px 4px 0 var(--ink,#1b1a2e);background:#fffbe9;padding:12px 40px 12px 12px}
.av-nudge-t b{font:700 14px/1.3 var(--px)}
.av-nudge-t p{margin:4px 0 8px;font-size:14px}
.av-nudge-t .btn{padding:8px 14px;font-size:14px}
.av-nudge-x{position:absolute;top:6px;right:6px;width:32px;height:32px;border:2px solid var(--ink,#1b1a2e);border-radius:4px;background:var(--surf,#fff);font:700 14px/1 system-ui;cursor:pointer;color:var(--on-surf,#1b1a2e)}
/* Step tracker, Auto Dark-safe: the not-yet steps were dimmed with opacity:.7 (half-transparent text over a box that browser 'Force dark pages'
   repaints dark -> washed-out labels). Same look painted with solid colours instead: each colour mixed 70% with the page (--paper), opacity 1. */
@supports (color:color-mix(in srgb,red 50%,blue)){
.onb-steps li{opacity:1;background:color-mix(in srgb,#fff 70%,var(--paper));color:color-mix(in srgb,var(--ink) 70%,var(--paper));border-color:color-mix(in srgb,var(--ink) 70%,var(--paper))}
.onb-steps li::before{background:color-mix(in srgb,var(--light) 70%,var(--paper));border-color:color-mix(in srgb,var(--ink) 70%,var(--paper))}
.onb-steps li:is(.on,.done){color:var(--ink);border-color:var(--ink)}.onb-steps li.done:not(.on){background:#fff}
.onb-steps li:is(.on,.done)::before{border-color:var(--ink)}}
/* Team Rocket: the white boxes carried the theme's near-white text (labels invisible, current step blank). Dark boxes, readable labels. */
html[data-theme=team-rocket] .onb-steps li{opacity:1;background:#1c1c1e;color:#b4b4b8;border-color:#5c5c62}
html[data-theme=team-rocket] .onb-steps li::before{background:#2a2a2e;color:#d4d4d8;border-color:#8a8a90}
html[data-theme=team-rocket] .onb-steps li.on{background:#26262a;color:#f5f5f5;border-color:#f5f5f5;box-shadow:3px 3px 0 var(--accent)}
html[data-theme=team-rocket] .onb-steps li.on::before{background:#ffffff;color:#0a0a0a;border-color:#f5f5f5;box-shadow:2px 2px 0 var(--gold-d)}
html[data-theme=team-rocket] .onb-steps li.done{background:#1c1c1e;color:#f5f5f5;border-color:#8a8a90}
html[data-theme=team-rocket] .onb-steps li.done::before{color:#0a0a0a;border-color:#f5f5f5}