/* Channel: a live creative backdrop with quiet editorial controls. */
#ecosystem-channel{position:relative;isolation:isolate;background:radial-gradient(ellipse at 95% 5%,#76537035,transparent 55%),#29232f!important;color:#f3e7ed!important;border:1px solid #b59cbd55!important;border-radius:8px 55px 8px 50px!important;padding:24px!important;box-shadow:0 12px 35px #33243d12}
#ecosystem-channel .branch-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 15px!important;gap:25px}#ecosystem-channel .branch-heading .eyebrow{color:#bea4d1!important;font-size:8px!important;white-space:nowrap}#ecosystem-channel .branch-heading>p:last-child{color:#c3b6c9!important;font-size:11px!important;line-height:1.65!important;border-left:1px solid #a98cb144;max-width:490px;padding-left:22px;text-align:right}#ecosystem-channel .channel-scene-selector{display:flex;gap:18px;padding:0 0 14px;flex-wrap:wrap}#ecosystem-channel .channel-scene-selector button{background:none;border:0;border-bottom:1px solid transparent;padding:5px 0;color:#a89aaf;font-size:12px;transition:color .25s,border-color .25s}#ecosystem-channel .channel-scene-selector button[aria-pressed=true]{color:#ead0f2;border-color:#b991cc}#ecosystem-channel .channel-scene-selector button:hover{color:#fff4e5}#ecosystem-channel .channel-scenes{height:clamp(220px,34svh,330px)!important;border-radius:38px 6px 35px 6px!important;border:1px solid #c2a9c42b;box-shadow:0 10px 25px #08051022}#ecosystem-channel .channel-scenes:after{background:linear-gradient(90deg,#161323c4 0%,#18132650 48%,transparent 85%)}#ecosystem-channel .channel-scenes .branch-scene{transition:opacity .8s ease,clip-path .8s ease!important}#ecosystem-channel .channel-screen-title{font-size:clamp(31px,3.2vw,46px)!important;left:5%!important;top:20%!important;color:#fff3e0!important}#ecosystem-channel .channel-screen-title em{color:#d5b2e4!important}#ecosystem-channel .branch-scene figcaption{color:#e0d1df!important;opacity:.5;font-size:7px!important;left:5%!important}#ecosystem-channel .channel-worlds-heading{padding:15px 0 12px!important;align-items:end;gap:24px}#ecosystem-channel .channel-worlds-heading .eyebrow{color:#ac8fb9!important;font-size:7px}#ecosystem-channel .channel-worlds-heading h4{color:#f1e7ed!important;font-size:22px!important;margin:5px 0!important}#ecosystem-channel .channel-worlds-heading h4 em{color:#be9acb!important;white-space:nowrap}#ecosystem-channel .channel-worlds-heading>p{color:#b6a6bb!important;font-size:10px!important;line-height:1.6}
#ecosystem-channel .character-rail.character-pair{display:grid!important;grid-template-columns:1fr 1fr;gap:15px;padding:0!important}#ecosystem-channel .character-pair .character-card{display:grid!important;grid-template-columns:59px minmax(0,1fr)!important;align-items:center;gap:16px!important;padding:10px 15px!important;border:1px solid #ba9dc42b!important;border-radius:24px 4px 24px 4px;background:#d1b2de08;min-width:0;transition:background .3s}#ecosystem-channel .character-pair .character-card:hover{background:#d1b2de16}#ecosystem-channel .character-pair .character-card>a{width:59px!important;height:105px!important;border-radius:18px 3px 18px 3px!important;overflow:hidden}#ecosystem-channel .character-card img{width:100%;height:100%;object-fit:contain!important}#ecosystem-channel .character-card h3{color:#f0dfeb!important;font-size:24px!important;line-height:1.3}#ecosystem-channel .character-card .character-branch{color:#b395c1!important;font-size:6px!important}#ecosystem-channel .character-card figcaption>p:last-child{color:#b7a6bd!important;font-size:10px!important}
@media(min-width:901px) and (max-height:700px){#ecosystem-channel{padding:18px!important}#ecosystem-channel .channel-scenes{height:210px!important}#ecosystem-channel .branch-heading{margin-bottom:10px!important}#ecosystem-channel .channel-scene-selector{padding-bottom:10px}#ecosystem-channel .channel-worlds-heading{padding:10px 0!important}#ecosystem-channel .character-pair .character-card>a{width:42px!important;height:75px!important}#ecosystem-channel .character-pair .character-card{grid-template-columns:42px minmax(0,1fr)!important;padding:8px 12px!important}}
@media(max-width:900px){#ecosystem-channel{padding:22px!important}#ecosystem-channel .branch-heading{display:block}#ecosystem-channel .branch-heading>p:last-child{text-align:left;padding-left:12px;margin-top:13px}#ecosystem-channel .branch-heading .eyebrow{white-space:normal}#ecosystem-channel .channel-scene-selector{gap:15px}#ecosystem-channel .channel-scene-selector button{font-size:11px}#ecosystem-channel .channel-scenes{height:240px!important}#ecosystem-channel .channel-screen-title{font-size:30px!important;top:22%!important}#ecosystem-channel .channel-worlds-heading{display:block!important}#ecosystem-channel .channel-worlds-heading h4{font-size:23px!important}#ecosystem-channel .character-pair .character-card{grid-template-columns:44px minmax(0,1fr)!important;gap:10px!important;padding:8px!important}#ecosystem-channel .character-pair .character-card>a{width:44px!important;height:79px!important}#ecosystem-channel .character-card h3{font-size:20px!important}#ecosystem-channel .character-card figcaption>p:last-child{font-size:9px!important}#ecosystem-channel .character-card .character-branch{display:none}}
@media(max-width:360px){#ecosystem-channel .character-rail.character-pair{grid-template-columns:1fr;gap:10px}}
#ecosystem-channel{display:block!important}#ecosystem-channel .channel-scene-selector{position:static!important;order:initial;grid-area:auto}#ecosystem-channel .channel-worlds-heading{display:flex!important}#ecosystem-channel .character-pair .character-card+.character-card{border-left:1px solid #ba9dc42b!important}@media(max-width:900px){#ecosystem-channel .channel-worlds-heading{display:block!important}}
/* Branch visibility takes priority over the interior layout rules. */
#ecosystem-iory[hidden],#ecosystem-channel[hidden]{display:none!important}
/* Character worlds become compact panoramic windows rather than empty profile cards. */
#ecosystem-channel .character-rail.character-pair{gap:16px}#ecosystem-channel .character-pair .character-card{position:relative!important;display:block!important;height:150px;padding:0!important;overflow:hidden;border:1px solid #cbb0d43d!important;border-radius:28px 6px 28px 6px!important;background:#211c29}#ecosystem-channel .character-pair .character-card>a{display:block!important;width:100%!important;height:100%!important;border-radius:0!important}#ecosystem-channel .character-card img{width:100%!important;height:100%!important;object-fit:cover!important;object-position:center 42%!important;transition:transform .8s cubic-bezier(.2,.7,.2,1)}#ecosystem-channel .character-card:hover img{transform:scale(1.035)}#ecosystem-channel .character-card:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#17101fe8);pointer-events:none}#ecosystem-channel .character-card figcaption{position:absolute;left:18px;right:18px;bottom:12px;z-index:2;pointer-events:none}#ecosystem-channel .character-card .character-branch{display:none!important}#ecosystem-channel .character-card h3{color:#fff3e8!important;font-size:25px!important;line-height:1.2!important;text-shadow:0 2px 10px #08050d88}#ecosystem-channel .character-card figcaption>p:last-child{color:#e1d4e5!important;font-size:10px!important;margin-top:5px}#ecosystem-channel .branch-heading>p:last-child{color:#ddd3e2!important}#ecosystem-channel .channel-worlds-heading>p{color:#d3c5db!important}#ecosystem-channel .channel-worlds-heading h4{color:#fff0e6!important}#ecosystem-channel .channel-worlds-heading h4 em{color:#d6b6e3!important}
@media(min-width:901px) and (max-height:700px){#ecosystem-channel .character-pair .character-card{height:108px!important;padding:0!important}#ecosystem-channel .character-pair .character-card>a{width:100%!important;height:100%!important}#ecosystem-channel .character-card figcaption{left:14px;bottom:9px}#ecosystem-channel .character-card h3{font-size:22px!important}#ecosystem-channel .channel-scenes{height:190px!important}}
@media(max-width:900px){#ecosystem-channel .character-pair .character-card{height:155px!important;padding:0!important}#ecosystem-channel .character-pair .character-card>a{width:100%!important;height:100%!important}#ecosystem-channel .character-card figcaption{left:12px;right:10px;bottom:10px}#ecosystem-channel .character-card h3{font-size:22px!important}#ecosystem-channel .character-card figcaption>p:last-child{font-size:9px!important}}@media(max-width:600px){#ecosystem-channel .character-rail.character-pair{grid-template-columns:1fr!important;gap:12px}#ecosystem-channel .character-pair .character-card{height:175px!important}}@media(prefers-reduced-motion:reduce){#ecosystem-channel .character-card img{transition:none}#ecosystem-channel .character-card:hover img{transform:none}}
/* Keep each complete gesture visible; the atmospheric backdrop fills the wide card. */
#ecosystem-channel .character-pair .character-card{isolation:isolate}#ecosystem-channel .character-card:before{content:'';position:absolute;inset:-12px;z-index:-1;background:center/cover no-repeat;filter:blur(12px);opacity:.2}#ecosystem-channel .character-card:first-child:before{background-image:url('/home/characters/mira-world-v1.webp')}#ecosystem-channel .character-card:last-child:before{background-image:url('/home/characters/boss-world-v1.webp')}#ecosystem-channel .character-card img{width:62%!important;height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important}#ecosystem-channel .character-card:after{inset:0;background:linear-gradient(90deg,transparent 35%,#211728bb 62%,#211728df);pointer-events:none}#ecosystem-channel .character-card figcaption{left:61%!important;right:14px!important;bottom:auto!important;top:50%;transform:translateY(-50%)}#ecosystem-channel .character-card h3{font-size:24px!important}@media(max-width:600px){#ecosystem-channel .character-card figcaption{left:61%!important;right:10px!important}#ecosystem-channel .character-card h3{font-size:22px!important}}
/* Each character occupies one continuous, softly lit scene. */
#ecosystem-channel .character-pair .character-card{border-radius:38px 14px 38px 14px!important;background:radial-gradient(ellipse at 70% 50%,#75516a33,transparent 80%),#251e2e;border-color:#bda1ca4d!important;box-shadow:inset 0 1px 0 #e1c8ec14,0 5px 15px #110a1815}#ecosystem-channel .character-card img{width:66%!important;mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 76%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 7%,#000 76%,transparent 100%);border-radius:28px!important}#ecosystem-channel .character-card:before{inset:0;opacity:.3;filter:blur(20px);border-radius:inherit}#ecosystem-channel .character-card:after{background:linear-gradient(90deg,transparent 35%,#2b203145 56%,#2b203180 100%);border-radius:inherit}#ecosystem-channel .character-card figcaption{left:62%!important}#ecosystem-channel .character-card figcaption:before{content:'';display:block;width:26px;height:1px;background:linear-gradient(90deg,#d7afbfaa,transparent);margin-bottom:10px}#ecosystem-channel .character-card:first-child{background-color:#2a2336}#ecosystem-channel .character-card:last-child{background-color:#322030}#ecosystem-channel .character-rail.character-pair{gap:12px}@media(max-width:600px){#ecosystem-channel .character-pair .character-card{border-radius:32px 12px 32px 12px!important}#ecosystem-channel .character-card img{border-radius:24px!important}}
#ecosystem-channel .channel-worlds-heading>p{max-width:310px!important;flex:0 1 310px;text-wrap:balance;line-height:1.7!important}@media(min-width:1100px){#ecosystem-channel .channel-worlds-heading>p{max-width:none!important;flex:0 0 auto;white-space:nowrap}}@media(max-width:900px){#ecosystem-channel .channel-worlds-heading>p{max-width:100%!important;white-space:normal;text-wrap:pretty}}
#ecosystem-channel .channel-scenes .branch-scene:first-of-type img{object-position:65% 50%!important}
#ecosystem-channel .channel-scenes .branch-scene:first-of-type img{object-position:65% 22%!important}@media(prefers-reduced-motion:reduce){#ecosystem-channel .channel-scenes .branch-scene{transition:none!important}}
/* Opposing character compositions, without mirroring the artwork. */
#ecosystem-channel .character-card:last-child img{margin-left:auto;mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 93%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 24%,#000 93%,transparent 100%)}#ecosystem-channel .character-card:last-child:after{background:linear-gradient(90deg,#322030cc 0%,#32203066 43%,transparent 68%)}#ecosystem-channel .character-card:last-child figcaption{left:7%!important;right:62%!important}#ecosystem-channel .character-card:last-child figcaption:before{background:linear-gradient(90deg,#d7afbfaa,transparent)}