/* Human-selected character scene; shared by production and isolated review. */
.wizard-scene-step{flex:0 0 auto;min-width:0;padding-top:4px}
.wizard-title{font-family:'DM Sans',sans-serif;font-size:30px;line-height:1.2;letter-spacing:-.75px;font-weight:900;color:#0f172a;margin:0 0 18px;max-width:350px}
.wizard-world{position:relative;isolation:isolate;width:min(calc(100% + 40px),max(220px,calc(var(--onboarding-viewport-height,100dvh) - var(--onboarding-bottom-inset,0px) - 320px)));aspect-ratio:1;margin-left:50%;transform:translateX(-50%);background:#073d70;overflow:hidden}
.wizard-portrait{display:block;width:100%;height:100%;object-fit:cover}
.wizard-orb-field{position:absolute;inset:0;z-index:1}
.wizard-orb{position:absolute;margin:0;aspect-ratio:1;translate:-50% -50%;animation:wizard-arrive .85s cubic-bezier(.16,.8,.22,1) var(--arrival-delay) both}
.wizard-orb-float{width:100%;height:100%;animation:wizard-drift 5.8s ease-in-out var(--drift-delay) infinite}
.wizard-orb-glass{position:relative;width:100%;height:100%;overflow:hidden;border-radius:50%;border:1.5px solid #e6f5ffaa;background:#14274a;box-shadow:inset -5px -7px 11px #020d4099,inset 3px 3px 7px #f4fbff99,0 0 17px #a3e4ff70,0 5px 14px #001b4f7a}
.wizard-orb-glass>img{display:block;width:100%;height:100%;object-fit:cover;opacity:.9}
.wizard-orb-glass:after{content:'';position:absolute;inset:0;border-radius:50%;background:radial-gradient(ellipse at 28% 16%,#ffffffb3 0%,#ffffff38 12%,transparent 32%),linear-gradient(145deg,#ffffff21,transparent 45%,#6acbff2e);box-shadow:inset -4px -6px 8px #001c6980;pointer-events:none}
.wizard-orb figcaption{position:absolute;inset:auto 1px 18%;color:white;text-align:center;z-index:1;font-size:clamp(9px,2.4vw,10px);font-weight:700;line-height:1.05;text-shadow:0 1px 4px #000,0 1px 8px #000;background:linear-gradient(transparent,#001829a1);padding:4px 2px 1px;overflow-wrap:normal}
.wizard-orb[data-held=true] .wizard-orb-glass{border-color:#fff0b8cc;box-shadow:inset -5px -7px 11px #020d4099,inset 3px 3px 7px #fff6be99,0 0 20px #ffe8a9a1,0 4px 20px #dfb83f45}
.wizard-controls{display:flex;justify-content:center;align-items:center;gap:12px;margin:12px 0 0}
.wizard-controls .discovery-control{width:36px;height:36px}
.wizard-world[data-paused=true] .wizard-orb,.wizard-world[data-paused=true] .wizard-orb-float{animation-play-state:paused}
.onboarding-shell:not(.first-intro-shell):not(.second-intro-shell):has(.wizard-scene-step) .onboarding-content{margin-inline:-20px;padding-inline:20px}
@keyframes wizard-arrive{from{opacity:0;transform:translateY(20px) scale(.2);filter:blur(3px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}
@keyframes wizard-drift{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@media(max-width:350px){.wizard-title{font-size:28px;margin-bottom:14px}.wizard-world{width:min(calc(100% + 40px),max(208px,calc(var(--onboarding-viewport-height,100dvh) - var(--onboarding-bottom-inset,0px) - 300px)))}.wizard-orb figcaption{font-size:8px}.wizard-controls{margin-top:10px}.wizard-controls .discovery-control{width:32px;height:32px}}
@media(prefers-reduced-motion:reduce){.wizard-world *{animation:none!important;transition:none!important}.wizard-controls{display:none}}