/* Depth around the original ASCII figure; the character and renderer stay intact. */
.wizard-stage{isolation:isolate;background:radial-gradient(ellipse at 53% 67%,#3b1b2d28,transparent 64%),linear-gradient(125deg,#0b0a0f,#100c13 60%,#08090d)}
.wizard-stage:before{content:'';position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(110deg,transparent 22%,#c4878a06 38%,transparent 52%);}
.wizard-stage:after{bottom:12%;left:12%;right:12%;opacity:.5}
.stage-caption,.wizard-title,.stage-bottom{z-index:5}.wizard-title{pointer-events:none}.wizard-title p{color:#b4a3ad}
.chamber-depth{position:absolute;inset:0;z-index:auto;overflow:hidden;pointer-events:none}
.chamber-depth canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.75;z-index:4}
.chamber-depth:before{content:'';position:absolute;inset:5%;background:radial-gradient(ellipse at 51% 62%,#6c294022,transparent 62%);transition:opacity 1.2s;opacity:.7}
.chamber-depth:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 65px 25px #07070b80;pointer-events:none}
.portrait-stage{z-index:2;perspective:1100px;transform:translate3d(var(--wizard-x,0px),var(--wizard-y,0px),0);transition:transform 1.2s ease-out;isolation:isolate}
.portrait-stage #wizard{position:relative;z-index:3;color:#d2c5b4;text-shadow:0 0 5px #e0bdb917,1px 2px 0 #0009;filter:drop-shadow(0 8px 10px #0009);transition:color .8s,text-shadow .8s}
.portrait-stage #wizard{mask-image:linear-gradient(#000 0 90%,transparent 100%)}
.chamber-halo{position:absolute;left:50%;top:50%;width:clamp(260px,31vw,470px);height:auto;aspect-ratio:1;transform:translate(-50%,-52%);fill:none;stroke:#a56a7b;stroke-width:.6;z-index:0;opacity:.55;filter:drop-shadow(0 0 9px #a3375125);transition:opacity 1.2s,filter 1.2s}
.chamber-halo .halo-outer{transform-origin:300px 300px;animation:orbit 130s linear infinite;stroke:#85516b}
.chamber-halo .halo-runes{transform-origin:300px 300px;animation:counter-orbit 95s linear infinite;stroke:#bd8892;stroke-width:.9}
.chamber-halo .halo-traces{stroke:#a96679;stroke-dasharray:26 110;animation:chamber-trace 12s linear infinite;opacity:.8}
.chamber-halo .halo-rays{stroke:#8f536b;opacity:.6}.chamber-halo .halo-jewels{fill:#b47282;stroke:none}
.chamber-ground{position:absolute;left:50%;bottom:6%;width:78%;height:16%;transform:translateX(-50%);z-index:0;opacity:.65;pointer-events:none}
.chamber-ground i{position:absolute;inset:4%;border-radius:50%;border:1px solid #744154;box-shadow:0 0 18px #8a29431c,inset 0 0 22px #69233c1a}
.chamber-ground i:nth-child(2){inset:16% 12%;border-style:dashed;animation:ground-light 8s ease-in-out infinite}.chamber-ground i:nth-child(3){inset:29% 23%;border-color:#a96373;opacity:.4}
.chamber-mist{position:absolute;left:-40%;right:-40%;bottom:0;height:40%;z-index:4;pointer-events:none;opacity:.35;transform:translateX(-5%);animation:chamber-mist 22s ease-in-out infinite alternate;background:radial-gradient(ellipse at 24% 70%,#b6879a15,transparent 38%),radial-gradient(ellipse at 68% 75%,#b8879e17,transparent 42%);mask-image:linear-gradient(transparent,#000 50%,transparent)}
.chamber-mist.mist-far{height:70%;bottom:4%;opacity:.25;z-index:1;animation-duration:31s;animation-direction:alternate-reverse;background:radial-gradient(ellipse at 35% 60%,#90567420,transparent 40%),radial-gradient(ellipse at 70% 65%,#ca869519,transparent 35%)}
.chamber-mist.mist-near{bottom:-6%;height:34%;animation-duration:19s;opacity:.4}
.wizard-stage .stage-bottom{padding-top:12px;border-top:1px solid #6e39432b}.stage-bottom #atmosphere-motion{font:6px/1.8 var(--mono);letter-spacing:.5px;color:#a88c9a;padding:0;border:0;white-space:nowrap}
.wizard-speaking .wizard-stage .chamber-depth:before{opacity:1;background:radial-gradient(ellipse at 51% 62%,#9f405235,transparent 65%)}
.wizard-speaking .chamber-halo{opacity:.8;filter:drop-shadow(0 0 13px #b74d6566)}
.wizard-speaking .portrait-stage{filter:none}.wizard-speaking .portrait-stage #wizard{color:#e8d0bc;text-shadow:0 0 8px #e2a6a635,0 0 24px #af525227}
.wizard-speaking .chamber-ground{opacity:.9}.wizard-speaking .chamber-ground i{border-color:#ad6473;box-shadow:0 0 25px #a73e5530}
.depth-paused .chamber-halo *,.depth-paused .chamber-mist,.depth-paused .chamber-ground i{animation-play-state:paused!important}
.depth-sleeping .chamber-halo *,.depth-sleeping .chamber-mist,.depth-sleeping .chamber-ground i{animation-play-state:paused!important}
.depth-paused .portrait-stage{transform:none}
@keyframes chamber-mist{to{transform:translateX(7%) translateY(-5%)}}
@keyframes chamber-trace{to{stroke-dashoffset:-544}}
@keyframes ground-light{50%{opacity:.4;box-shadow:0 0 30px #9c486934}}
@media(min-width:1600px){.chamber-halo{width:clamp(400px,30vw,600px)}}
@media(min-width:701px) and (max-height:800px){.portrait-stage #wizard{font-size:clamp(2.6px,min(.44vw,.38vh),5px)}.wizard-title p{max-width:170px;font-size:10px}.chamber-halo{width:clamp(260px,29vw,430px)}}
@media(max-width:1000px) and (min-width:701px){.chamber-halo{width:clamp(250px,34vw,350px)}}
@media(max-width:700px){.wizard-stage{background:radial-gradient(ellipse at 70% 50%,#4d1f3133,transparent 70%),#0b090e}.portrait-stage{transform:none!important}.chamber-halo{width:235px;max-width:none;top:50%;transform:translate(-50%,-50%);opacity:.52}.chamber-ground{width:90%;bottom:5%;height:15%}.chamber-mist{height:34%;opacity:.3}.chamber-mist.mist-far{height:70%}.chamber-mist.mist-near{height:25%;bottom:-3%}.stage-bottom #atmosphere-motion{font-size:5px}.wizard-stage .stage-bottom{padding-top:9px}.chamber-depth:after{box-shadow:inset 0 0 30px #09070d66}}
@media(prefers-reduced-motion:reduce){.chamber-halo *,.chamber-mist,.chamber-ground i{animation:none!important}.portrait-stage{transform:none!important}}