.wizard-intro{position:fixed;inset:0;z-index:110;pointer-events:none;isolation:isolate}
.wizard-intro.is-presenting{background:rgba(255,248,233,.15)}
.wizard-character{position:absolute;left:max(16px,env(safe-area-inset-left));bottom:max(16px,env(safe-area-inset-bottom));width:clamp(100px,13vw,174px);padding:0;border:0;background:none;pointer-events:auto;cursor:pointer;transform-origin:center;transition:transform 950ms cubic-bezier(.22,.7,.18,1);z-index:2}
.wizard-character img{display:block;width:100%;height:auto;pointer-events:none}
.wizard-advance{position:absolute;inset:0;width:100%;height:100%;border:0;background:none;cursor:pointer;pointer-events:auto;z-index:1}
.wizard-bubble{position:absolute;z-index:3;left:50%;top:21%;transform:translateX(-50%);width:min(330px,calc(100vw - 48px));padding:24px 30px 20px;background:#fff;border:2px solid #827369;border-radius:50%;box-shadow:0 5px 14px #6f514514;pointer-events:none;color:#594a42}
.wizard-bubble::after{content:"";position:absolute;bottom:-18px;left:46%;width:25px;height:32px;background:#fff;border-right:2px solid #827369;border-bottom:2px solid #827369;transform:skewY(30deg) rotate(28deg);border-bottom-right-radius:5px;clip-path:polygon(0 0,100% 0,100% 100%)}
.wizard-bubble p{margin:0;min-height:2.8em;display:grid;align-items:center;font-size:clamp(20px,2.2vw,25px);line-height:1.6;text-align:center;overflow-wrap:anywhere}
.wizard-continue{display:block;margin-top:10px;text-align:center;font-size:12px;letter-spacing:1px;color:#94877f}
@media(max-width:600px){.wizard-bubble{top:max(8%,env(safe-area-inset-top));padding:22px 22px 16px}.wizard-character{width:120px}}
@media(prefers-reduced-motion:reduce){.wizard-character{transition:none}}