/* Final revision: deliberately scoped to inner pages. Home remains unchanged. */
.v6-page{--page-bg:#fadfe8!important;--page-accent:#a92b72!important}
.v6-page.v5-characters{--page-bg:#ece6ff!important;--page-accent:#7041ad!important}
.v6-page.v5-dovis-world{--page-bg:#e3f3d5!important;--page-accent:#176b61!important}
.v6-page.v5-songs{--page-bg:#fff3bf!important;--page-accent:#8a4a12!important}
.v6-page.v5-watch{--page-bg:#d8f2f4!important;--page-accent:#17658a!important}
.v6-page .v5-hero{isolation:isolate;z-index:1}
.v6-page .v5-hero:after{content:'';position:absolute;bottom:-1px;left:0;width:100%;height:48px;background:var(--page-bg);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 60' preserveAspectRatio='none'%3E%3Cpath d='M0 30C170 0 310 60 510 32S790 5 1020 31s285 5 420-14V60H0Z'/%3E%3C/svg%3E") center/100% 100% no-repeat;pointer-events:none;z-index:3}
.v6-page .v5-heading{left:32%;width:40%;top:46%;z-index:2}
.v6-page .v5-heading h1{font-size:clamp(34px,3.65vw,61px);color:#fff;text-shadow:0 2px 3px #3b2856,0 0 10px #503b65b3,0 4px 22px #76566b80;line-height:1.08;letter-spacing:-.015em;margin-bottom:18px}
.v6-page .v5-heading p{font-size:clamp(17px,1.45vw,22px);line-height:1.55;color:#343153;font-weight:700;background:#ffffffc9;border-radius:20px;padding:8px 12px;width:fit-content;max-width:100%}
.v6-page.v5-watch .v5-heading{left:38%;width:43%}
.v6-page.v5-dovis-world .v5-heading{left:28%;width:45%;top:43%}
.v6-page .v5-catalog{margin-top:42px;padding-bottom:45px}
.v6-page .card-body h2,.v6-page .video-card h2{font-size:29px;line-height:1.2}
.v6-page .card-body p,.v6-page .world-card p,.v6-page .cast-card p,.v6-page .song-card p{font-size:18px;line-height:1.65}
.v6-page .card-body .eyebrow,.v6-page .video-card .eyebrow,.v6-page .song-card .eyebrow{font-size:14px;line-height:1.4;letter-spacing:.075em;font-weight:900}
.v6-page .card-body .text-link,.v6-page .video-card .text-link{font-size:17px;line-height:1.45}
.v6-page .adventure,.v6-page .video-card,.v6-page .world-card{transition:transform .3s,box-shadow .3s,filter .3s}
.v6-page .adventure:is(:hover,:focus-within),.v6-page .video-card:is(:hover,:focus-within){transform:translateY(-5px) scale(1.018);box-shadow:0 14px 30px #66508329;filter:brightness(1.025)}
.v6-page :is(a,button,audio):focus-visible{outline:3px solid #6840b1;outline-offset:5px;border-radius:10px}
.v6-page .nav-pill[aria-current=page]{background:#7543bb;color:white;box-shadow:0 4px 10px #7041ad30}
.v6-page .nav-pill:not([aria-current=page]){background:#ffffff70;color:#463368}
.v6-page .nav-pill:hover{transform:translateY(-2px);background:#e6d8ff;color:#543285}
.v6-page .nav-pill[aria-current=page]:hover{background:#6534a6;color:white}
/* Four restrained clouds occupy the gutters, behind opaque cards. */
.v6-decorations{position:absolute;inset:420px 0 100px;pointer-events:none;z-index:0;overflow:hidden}
.v6-cloud{position:absolute;width:clamp(80px,8vw,150px);height:auto;opacity:.78}
.cloud-0{left:-24px;top:9%;transform:rotate(-8deg)}.cloud-1{right:-28px;top:31%;width:125px}.cloud-2{left:-15px;top:57%;width:110px}.cloud-3{right:-24px;top:78%;transform:rotate(9deg)}
.v6-note{position:absolute;width:65px;height:auto;opacity:.75}.note-0{left:30px;top:25%;transform:rotate(-18deg)}.note-1{right:25px;top:52%;transform:rotate(15deg)}.note-2{left:40px;top:79%;width:45px}
.v6-youtube{position:absolute;width:66px;opacity:.65}.youtube-0{left:24px;top:21%;transform:rotate(-13deg)}.youtube-1{right:25px;top:66%;transform:rotate(12deg)}.v6-youtube svg{width:100%;height:auto}
/* Original opaque character files remain intact; blending lets the pastel oval show. */
.v6-page .character-portrait{position:relative;isolation:isolate;width:100%;height:265px;flex:0 0 265px;display:grid;place-items:center;margin-bottom:18px}
.v6-page .character-portrait:before{content:'';position:absolute;inset:35px 0 0;border-radius:48% 52% 45% 55%;background:color-mix(in srgb,var(--character) 22%,white);z-index:-1}
.v6-page #tobi .character-portrait:before{background:#F3DFC9}
.v6-page .cast-card .character-portrait img{position:absolute;inset:0;display:block;width:100%;height:100%;min-height:0;max-height:100%;background:transparent;object-fit:contain;margin:0;mix-blend-mode:multiply;transition:transform .4s ease}
.v6-page :is(#tobi,#lovi,#kelo) .character-portrait img{mix-blend-mode:normal}
.v6-page .character-portrait:hover img{transform:translateY(-7px) rotate(-3deg) scale(1.05)}
.v6-page .cast-card h2{font-size:33px;color:color-mix(in srgb,var(--character) 68%,#222);margin-bottom:8px}
.v6-page .cast-card .role{font-size:18px}.v6-page .cast-card{padding:22px 20px 28px}
/* Equal image frames and row heights, with zoom clipped to the frame. */
.v6-page .world-card{display:flex;flex-direction:column;min-height:100%}
.v6-page .world-image-frame{padding:0;aspect-ratio:1672/941;border:8px solid #9FD3BC;border-radius:22px;overflow:hidden;background:#9FD3BC;flex:none}
.v6-page .world-image-frame img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;transition:transform .45s,filter .45s}
.v6-page .world-card:hover .world-image-frame img{transform:scale(1.05);filter:brightness(1.04)}
.v6-page .world-card:hover{box-shadow:0 12px 30px #1b665528}
.v6-page .world-card h2{font-size:32px}.v6-page .world-card>div:not(.world-image-frame){padding:26px}
.v6-melo{position:absolute;right:-115px;top:48%;width:110px;background:var(--page-bg);pointer-events:none;z-index:0;animation:melo-float 6s ease-in-out infinite}.v6-melo img{width:100%;height:auto;mix-blend-mode:multiply}@keyframes melo-float{50%{transform:translateY(-12px) rotate(-5deg)}}
/* Real audio controls remain available. Cover buttons are also keyboard operable. */
.v6-page .song-card{padding:30px;gap:28px;margin:0}
.v6-page .song-list{gap:28px}
.v6-page .song-card h2{font-size:31px;line-height:1.2}
.v6-page .song-card .duration{font-size:15px}
.song-cover-button{position:relative;display:block;padding:0;border:0;background:#fff;border-radius:16px;overflow:hidden;width:100%;cursor:pointer}
.v6-page .song-cover-button .song-cover{display:block;width:100%;height:auto;margin:0;transition:transform .35s;max-height:none}
.song-cover-button:after{content:'';position:absolute;inset:0;background:#ffffff6b;opacity:0;transition:opacity .3s}
.cover-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.88);display:grid;place-items:center;width:62px;height:62px;border-radius:50%;background:#df7c16;color:white;z-index:1;font-size:27px;box-shadow:0 3px 18px #fff9;opacity:0;transition:opacity .3s,transform .3s}
.song-cover-button:is(:hover,:focus-visible,[aria-pressed=true]):after{opacity:1}.song-cover-button:is(:hover,:focus-visible,[aria-pressed=true]) .cover-play{opacity:1;transform:translate(-50%,-50%) scale(1)}.song-cover-button:is(:hover,:focus-visible) img{transform:scale(1.045)}
/* Slightly narrower posters, stronger labels, YouTube-style play affordance. */
.v6-page.v5-watch .v5-grid{column-gap:44px;row-gap:35px}
.v6-page .video-card{padding:22px 22px 28px;display:flex;flex-direction:column}
.v6-page .video-card .video-poster{width:88%;margin:0 auto 15px;flex:none;position:relative}
.v6-page .video-card .play{position:absolute;left:50%;top:50%;right:auto;bottom:auto;transform:translate(-50%,-50%) scale(.88);width:66px;height:48px;background:transparent;border:0;box-shadow:none;opacity:.72;transition:opacity .3s,transform .3s,filter .3s;display:block;padding:0}
.v6-page .video-card .play svg{width:100%;height:100%}
.v6-page .video-card:is(:hover,:focus-within) .play{opacity:1;transform:translate(-50%,-50%) scale(1.08);filter:drop-shadow(0 0 9px #fff9)}
.v6-page .video-card .coming{font-size:16px;padding:7px 12px;bottom:12px;left:10px}
/* Keep decorations immediately above the original footer. */
.v6-page .v5-meadow{min-height:260px;margin-top:0;background:var(--page-bg);isolation:isolate}
.v6-page .v5-corners{height:440px;min-height:0;margin-top:0}
.v6-page .v5-corners>img{width:520px;max-width:45%;max-height:100%;bottom:0}
.v6-footer-animation{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);display:grid;place-items:end center;width:320px;height:290px;pointer-events:none}
.tobi-sprite{width:290px;height:290px;background:url('/assets/images/v6/tobi-five-poses.webp') 0 0/500% 100% no-repeat;animation:tobi-pose 5.5s steps(1,end) infinite;animation-play-state:paused}
@keyframes tobi-pose{0%,100%{background-position:0 0}14%{background-position:25% 0}27%{background-position:50% 0}40%{background-position:75% 0}54%,64%{background-position:100% 0}72%{background-position:75% 0}82%{background-position:50% 0}92%{background-position:25% 0}}
.hulo-stage{mix-blend-mode:multiply}.hulo-sprite{width:165px;height:275px;background:url('/assets/images/v6/hulo-five-poses.webp') 0 0/500% 100% no-repeat;animation:hulo-pose 6s steps(1,end) infinite;animation-play-state:paused}
@keyframes hulo-pose{0%,100%{background-position:0 0}15%{background-position:25% 0}25%{background-position:75% 0}36%{background-position:25% 0}47%{background-position:75% 0}59%{background-position:50% 0}74%{background-position:0 0}85%,94%{background-position:100% 0}}
.v6-footer-animation.in-view :is(.hulo-sprite,.tobi-sprite){animation-play-state:running}
.v6-footer-animation.tab-hidden :is(.hulo-sprite,.tobi-sprite){animation-play-state:paused}
.homepage.v6-page .fro-stage{background:transparent;padding:0;min-height:0;height:260px;width:280px;bottom:15px}
.homepage.v6-page .v6-dovi{position:absolute;bottom:0;left:0;width:250px;height:205px;background:transparent;transform:scale(1.12);transform-origin:bottom left;pointer-events:none}
.v6-page .hp-footer{margin-top:0}
.v6-page .world-grid{grid-auto-rows:1fr}
@media(max-width:1250px){.v6-melo{position:relative;right:auto;top:auto;width:120px;margin:22px 0 -20px auto}.v6-note{width:45px}.v6-youtube{width:45px}.v6-cloud{opacity:.48;width:80px}}
@media(max-width:1000px){.v6-page .v5-heading h1{font-size:clamp(30px,3.8vw,40px)}.v6-page .v5-heading p{font-size:15px}.v6-page .v5-corners{height:330px}.v6-page .v5-corners>img{width:390px}.v6-page .card-body h2,.v6-page .video-card h2{font-size:27px}.v6-page .v5-grid{gap:24px}.v6-decorations{display:none}.v6-page .v5-meadow{min-height:280px}.v6-page .v5-meadow>img{position:absolute;bottom:0}.v6-page .world-card h2{font-size:29px}.v6-page.v5-watch .v5-grid{gap:25px}}
@media(max-width:700px){.v6-page .v5-heading,.v6-page.v5-watch .v5-heading,.v6-page.v5-dovis-world .v5-heading{position:relative;left:auto;top:auto;transform:none;width:auto;padding:32px 22px 30px;order:-1}.v6-page .v5-heading h1{font-size:36px;max-width:450px}.v6-page .v5-heading p{font-size:17px}.v6-page .v5-hero:after{height:24px}.v6-page .v5-catalog{margin-top:28px}.v6-page .cast-card .character-portrait{height:235px;flex-basis:235px}.v6-page .song-card{gap:20px;padding:24px}.v6-page .song-card h2{font-size:28px}.v6-page .card-body p,.v6-page .world-card p,.v6-page .cast-card p,.v6-page .song-card p{font-size:18px}.v6-page .v5-corners{height:240px;min-height:240px}.v6-page .v5-corners>img{width:280px;max-width:49%}.homepage.v6-page .v6-dovi{width:150px;height:160px;transform:scale(.8);transform-origin:bottom left}.v6-footer-animation{height:240px;width:240px;left:60%}.tobi-sprite{width:235px;height:235px}.hulo-sprite{width:135px;height:225px}.homepage.v6-page .fro-stage{width:210px;height:210px;left:60%}.v6-page .world-image-frame{border-width:6px}.v6-page .world-card>div:not(.world-image-frame){padding:22px}}
@media(max-width:500px){.v6-page .cast-card .character-portrait{height:280px;flex-basis:280px}.v6-page .video-card .video-poster{width:90%}.v6-page .video-card h2{font-size:28px}.v6-page .song-card .song-cover{margin:0}.v6-page .v5-meadow{min-height:235px}.v6-page .v5-corners{height:195px;min-height:195px}.homepage.v6-page .v6-dovi{transform:scale(.68)}.v6-footer-animation{left:62%;height:220px;width:210px}.tobi-sprite{width:210px;height:210px}.hulo-sprite{width:120px;height:200px}.v6-page .v5-heading h1{font-size:33px}}
@media(hover:none){.cover-play{opacity:.95;transform:translate(-50%,-50%);width:50px;height:50px}}
@media(prefers-reduced-motion:reduce){.v6-page *,.v6-page *:before,.v6-page *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.v6-page .tobi-sprite{background-position:75% 0}.v6-page .hulo-sprite{background-position:0 0}.v6-page .adventure:hover,.v6-page .video-card:hover,.v6-page .character-portrait:hover img,.v6-page .world-card:hover img{transform:none}}