/* Custom Vision 001. All rules are isolated to Skin 31. */
#aav-app[data-vision="31"]{background:var(--bg);color:var(--fg)}
#aav-app[data-vision="31"]:before{display:none}
#aav-app[data-vision="31"] .aav-scene{height:1100px;pointer-events:none}
#aav-app[data-vision="31"] .aav-scene:after{background:linear-gradient(180deg,#03070c75 0%,#03070cbf 40%,var(--bg) 90%)}
#aav-app[data-vision="31"] .slender-scene-art{position:absolute;inset:0;background-image:var(--slender-art);background-size:cover;background-position:center 18%;opacity:.55}
#aav-app[data-vision="31"] .slender-mist{position:absolute;inset:-20%;background:radial-gradient(ellipse at 30% 25%,var(--accent),transparent 45%),radial-gradient(ellipse at 80% 45%,var(--accent),transparent 40%);opacity:.12;animation:slender-drift 22s ease-in-out infinite alternate}
#aav-app[data-vision="31"] h1{max-width:850px;font-weight:400;letter-spacing:.075em}
#aav-app[data-vision="31"] .aav-unit{background:#03070cba;border-color:color-mix(in srgb,var(--accent) 60%,transparent);box-shadow:inset 0 0 30px #0005}
#aav-app[data-vision="31"] .slender-toolbar{margin:0 auto 30px;max-width:820px}
#aav-app[data-vision="31"] .slender-toolbar>div{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:12px 0}
#aav-app[data-vision="31"] .slender-toolbar small{font:12px/1.5 system-ui,sans-serif;color:#c2cbd4}
#aav-app[data-vision="31"] .slender-toolbar button[aria-pressed="true"]{background:var(--accent);color:#060c14}
#aav-app[data-vision="31"] .slender-kicker{font:10px/1.7 system-ui,sans-serif;letter-spacing:.18em;color:var(--accent)}
#aav-app[data-vision="31"] .aav-encounter{max-width:1050px;background:#060a10ed;padding:clamp(18px,3vw,36px)}
#aav-app[data-vision="31"] .slender-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:30px;margin:28px 0 38px;align-items:center}
#aav-app[data-vision="31"] .slender-feature figure{margin:0;min-width:0}
#aav-app[data-vision="31"] .slender-art{display:block;width:100%;height:auto;border:1px solid #ffffff26}
#aav-app[data-vision="31"] .slender-feature figcaption,#aav-app[data-vision="31"] .slender-credit,#aav-app[data-vision="31"] .slender-media-note{font:12px/1.7 system-ui,sans-serif;color:#bdc6d0;margin-top:12px}
#aav-app[data-vision="31"] .slender-feature h3{font:clamp(27px,4vw,46px)/1.15 Georgia,serif;margin:16px 0;color:var(--fg)}
#aav-app[data-vision="31"] .slender-player video{display:block;width:100%;max-height:500px;background:#000;margin-top:12px}
#aav-app[data-vision="31"] .slender-story{border-top:1px solid var(--accent);padding-top:28px}
#aav-app[data-vision="31"] .slender-story h3{font:28px/1.3 Georgia,serif;color:var(--fg)}
#aav-app[data-vision="31"] .slender-stage:not(:empty){margin:22px 0;padding:24px;background:#ffffff07;border-left:2px solid var(--accent)}
#aav-app[data-vision="31"] .slender-stage h4{color:var(--accent);font:12px/1.5 system-ui,sans-serif;letter-spacing:.13em}
#aav-app[data-vision="31"] .slender-options{display:grid;gap:10px}
#aav-app[data-vision="31"] .slender-options button{text-align:left;line-height:1.6;white-space:normal}
#aav-app[data-vision="31"] .slender-trail{font:12px/1.8 system-ui,sans-serif;color:#bcc9d5}
#aav-app[data-vision="31"] .slender-saved{font:12px/1.6 system-ui,sans-serif;color:var(--accent)}
#aav-app[data-vision="31"] button:focus-visible,#aav-app[data-vision="31"] .slender-stage:focus-visible{outline:2px solid #fff;outline-offset:4px}
#aav-app[data-vision="31"][data-slender-paused="true"] .slender-mist{animation-play-state:paused}
@keyframes slender-drift{to{transform:translate(7%,3%) scale(1.06);opacity:.22}}
@media(max-width:640px){#aav-app[data-vision="31"] .slender-feature{grid-template-columns:1fr;gap:22px}#aav-app[data-vision="31"] .slender-feature figure{max-width:380px;margin:auto}#aav-app[data-vision="31"] .slender-toolbar button{padding:12px 10px;font-size:10px}#aav-app[data-vision="31"] .slender-stage:not(:empty){padding:16px}}
@media(prefers-reduced-motion:reduce){#aav-app[data-vision="31"] .slender-mist{animation:none!important}}
/* 5.2.1: a visible stage beside the controls, above the countdown. */
#aav-app[data-vision="31"] .slender-atmosphere-window{position:relative;isolation:isolate;overflow:hidden;height:280px;max-width:820px;margin:16px auto;background:radial-gradient(ellipse at 50% 35%,#244056,#050a10 72%);border:1px solid var(--accent);border-radius:2px}
#aav-app[data-vision="31"][data-slender-mood="inferno"] .slender-atmosphere-window{background:radial-gradient(ellipse at 50% 35%,#693314,#100805 72%)}
#aav-app[data-vision="31"] .slender-halo{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 35%,var(--accent),transparent 62%);opacity:.38}
#aav-app[data-vision="31"] .slender-emerging-figure{position:absolute;z-index:2;left:50%;bottom:12px;height:250px;width:auto;max-width:none;transform:translateX(-50%);opacity:.5;filter:drop-shadow(0 0 15px var(--accent));animation:slender-emerge 12s ease-in-out infinite}
#aav-app[data-vision="31"] .slender-fog{position:absolute;z-index:3;left:-55%;top:0;width:210%;height:100%;pointer-events:none;background:radial-gradient(ellipse at 20% 65%,#d7edffb3,transparent 27%),radial-gradient(ellipse at 54% 45%,#c0defa99,transparent 28%),radial-gradient(ellipse at 85% 70%,#e4f4ffa6,transparent 30%);filter:blur(12px);opacity:.55;animation:slender-fog-sweep 8s ease-in-out infinite alternate}
#aav-app[data-vision="31"] .slender-fog-back{z-index:1;top:-20%;opacity:.6;animation-duration:11s;animation-direction:alternate-reverse}
#aav-app[data-vision="31"][data-slender-mood="inferno"] .slender-fog{background:radial-gradient(ellipse at 20% 65%,#ffd2a8b3,transparent 27%),radial-gradient(ellipse at 54% 45%,#ff9e5899,transparent 28%),radial-gradient(ellipse at 85% 70%,#ffd9a6a6,transparent 30%)}
#aav-app[data-vision="31"] .slender-atmosphere-window figcaption{position:absolute;z-index:4;bottom:0;left:0;right:0;padding:13px 8px;background:linear-gradient(transparent,#03070ce6);color:#eef3f8;font:10px/1.6 system-ui,sans-serif;letter-spacing:.22em}
#aav-app[data-vision="31"] .slender-motion-note{font:12px/1.6 system-ui,sans-serif;color:#c9d3dd;margin:12px 0}
#aav-app[data-vision="31"] .slender-motion:disabled{opacity:1;color:#b9c6d2;border-color:#657586;cursor:default;background:#111b26}
#aav-app[data-vision="31"][data-slender-paused="true"] .slender-atmosphere-window *{animation-play-state:paused!important}
@keyframes slender-emerge{0%,100%{opacity:.12;transform:translateX(-50%) scale(.9);filter:blur(3px) drop-shadow(0 0 9px var(--accent))}40%,60%{opacity:1;transform:translateX(-50%) scale(1.06);filter:blur(0) drop-shadow(0 0 20px var(--accent))}}
@keyframes slender-fog-sweep{from{transform:translateX(-12%) translateY(3%)}to{transform:translateX(15%) translateY(-5%)}}
@media(max-width:520px){#aav-app[data-vision="31"] .slender-atmosphere-window{height:240px}#aav-app[data-vision="31"] .slender-emerging-figure{height:215px}}
@media(prefers-reduced-motion:reduce){#aav-app[data-vision="31"] .slender-atmosphere-window *{animation:none!important}#aav-app[data-vision="31"] .slender-emerging-figure{opacity:.85;filter:drop-shadow(0 0 15px var(--accent))}#aav-app[data-vision="31"] .slender-fog{opacity:.35}}