.modal.onboarding{--tut-accent: var(--cyan);width:min(640px,calc(100vw - 24px));border-color:#00f0ff73;box-shadow:var(--shadow),0 0 36px #00f0ff2e}.modal.onboarding::backdrop{background:#05070ed9}.onboarding h2{margin:0 0 6px;font-size:clamp(19px,5vw,24px)}.onb-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin:10px 0 16px;padding:0;list-style:none}.onb-steps li{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--muted);font-size:11px;font-weight:700;text-align:center}.onb-n{display:grid;place-items:center;width:30px;height:30px;border:1px solid var(--line);border-radius:50%;background:var(--panel-solid);font:800 13px var(--display)}.onb-steps .now{color:var(--text)}.onb-steps .now .onb-n{border-color:var(--cyan);color:var(--cyan);box-shadow:0 0 12px #00f0ff73}.onb-steps .done .onb-n{border-color:var(--green);background:#00ff6624;color:var(--green)}[data-theme=light] .onb-steps .done .onb-n{color:#00a040}.onb-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.onb-lead{margin:0 0 12px;color:var(--muted)}.onb-err{margin:8px 0 0;color:var(--pink);font-weight:700}.onb-err:empty{display:none}.btn.onb-go{width:100%;margin-top:14px;min-height:52px;font:900 15px var(--display);letter-spacing:.04em}.onb-form small{font-size:12px}.onb-form .avatars{margin-top:6px}.onb-form p.muted{display:flex;align-items:center;gap:6px;margin:6px 0 0}.onb-alt{margin:12px 0 0;color:var(--muted);font-size:13px;text-align:center}.onb-eco{display:grid;gap:10px;margin:0;padding:0;list-style:none}.onb-eco>li{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:start;gap:12px;padding:12px;border:1px solid color-mix(in srgb,var(--cc) 40%,var(--line));border-radius:14px}.onb-eco>li>.ico{color:var(--cc)}.onb-eco b{font-family:var(--display);color:var(--cc)}.onb-eco p{margin:2px 0 0;color:var(--muted);font-size:13px}.onb-tac{--cc: #ffb700}[data-theme=light] .onb-tac{--cc: #a07000}.onb-tacs{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none}.onb-tacs li{display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:700}.onb-tacs .ico{color:var(--cc)}.onb-faction>p{margin:0 0 8px}.onb-done{text-align:center}.onb-done>.ico{color:var(--gold)}.onb-reward{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:8px 0 0;padding:0;list-style:none}.onb-reward li{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--gold);border-radius:14px;background:#ffd84d14;font-weight:800}.onb-reward li>.ico{color:#ffb700}@media(prefers-reduced-motion:no-preference){html:not(.eco):not(.reduce-motion) .onb-done>.ico{animation:result-pop .6s cubic-bezier(.2,1.6,.4,1)}}@media(max-width:420px){.modal.onboarding{padding:16px 14px}.onb-steps li{font-size:10px}}