/* YELLO v15: only the Ambient effects. Player/card/layout belong to universe.v15.css. */
:root{--cine-a:#ed4e76;--cine-b:#32a4cd;--cine-c:#fbe28b;--cine-ink:color-mix(in srgb,var(--cine-a) 45%,#18282f);--cine-line-a:color-mix(in srgb,var(--cine-a) 72%,#143640);--cine-line-b:color-mix(in srgb,var(--cine-b) 74%,#183042)}
.world{position:fixed;inset:0;overflow:hidden;z-index:0;pointer-events:none;isolation:isolate;background:color-mix(in srgb,var(--cine-b) 43%,#fff2d7)}
.world-wash{position:absolute;inset:0;z-index:0;opacity:1;background:radial-gradient(ellipse at var(--wash-x,22%) var(--wash-y,24%),color-mix(in srgb,var(--cine-a) 78%,#fff3df),transparent 68%),radial-gradient(ellipse at 88% 79%,color-mix(in srgb,var(--cine-b) 80%,#edffd8),transparent 64%),linear-gradient(128deg,color-mix(in srgb,var(--cine-c) 61%,#fff0cc),color-mix(in srgb,var(--cine-b) 42%,#f4e8ff) 62%,color-mix(in srgb,var(--cine-a) 44%,#ffeacd));transition:background .45s}
.ambient-gl{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;opacity:0;pointer-events:none;mix-blend-mode:screen;filter:saturate(1.25);transition:opacity .5s}
.ambient-gl.is-ready{opacity:.84}
.cinematic-stage{position:fixed;inset:0;z-index:1;overflow:hidden;contain:layout paint style;pointer-events:none!important}
.cinematic-stage *{pointer-events:none!important}
body[data-layout=journey] .world,body[data-layout=journey] .cinematic-stage{display:none!important}
body[data-layout=ambient] .world,body[data-layout=ambient] .cinematic-stage{display:block}
.cine-atmosphere{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:0;contain:layout style;transition:opacity .35s}
.cine-beams path{fill:none;stroke:var(--cine-line-b);vector-effect:non-scaling-stroke;stroke-linecap:round}
.cine-beams path:nth-child(2n){stroke:var(--cine-line-a)}
.cine-beams path:nth-child(3){stroke:var(--cine-ink)}
.cine-orbs .orb-edge{fill:none;stroke:var(--cine-line-b);stroke-width:1.2;opacity:.8;vector-effect:non-scaling-stroke}
.cine-orbs .orb-glint{fill:none;stroke:#fffbec;stroke-width:2;stroke-linecap:round;opacity:.94;vector-effect:non-scaling-stroke}
.cine-sparks circle{fill:var(--cine-ink)}
.cine-sparks circle:nth-child(3n){fill:var(--cine-line-a)}
.cine-sparks circle:nth-child(3n+1){fill:#ffffe8}
.cine-frame{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:1}
.cine-frame path{fill:none!important;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.cine-frame .frame-halo{stroke-width:11;opacity:.14}
.cine-frame .frame-base{stroke-width:1;opacity:.2}
.cine-frame .frame-main{stroke-width:2.3;opacity:.8}
.cine-frame .frame-tracer{stroke-width:3.5;opacity:.95}
.cine-frame .frame-echo{stroke-width:1;opacity:.25}
.cine-frame .frame-counter{stroke-width:1.6;opacity:.65}
.cine-motifs{position:absolute;inset:0;width:100%;height:100%;z-index:0;overflow:visible}
.cine-motifs path{fill:none;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.cine-motifs .motif-soft{stroke:var(--cine-line-a);stroke-width:14;opacity:.11}
.cine-motifs .motif-edge{stroke:var(--cine-line-b);stroke-width:1.6;opacity:.9}
.cine-motifs .motif-counter{stroke:var(--cine-ink);stroke-width:.9;opacity:.57}
.cine-motifs .motif-ribbon{stroke:var(--cine-line-a);stroke-width:4;opacity:.32}
.cine-motifs .motif-secondary{stroke:var(--cine-line-b);stroke-width:1;opacity:.28}
.cine-typography{position:absolute;inset:0;overflow:hidden;z-index:0;contain:layout paint style}
.cine-title{position:absolute;left:50%;top:50%;margin:0;white-space:nowrap;line-height:.84;font-family:var(--display,Impact,'Arial Black',Arial,sans-serif);font-weight:900;font-stretch:condensed;letter-spacing:-.055em;text-transform:uppercase;transform-origin:50% 50%;color:var(--cine-ink);opacity:0;user-select:none;will-change:transform,opacity;backface-visibility:hidden}
.cine-title.outline{color:transparent;-webkit-text-stroke:1.4px var(--cine-ink)}
.cine-title.slice-top{clip-path:inset(0 0 48% 0)}
.cine-title.slice-bottom{clip-path:inset(52% 0 0 0)}
.cine-title.letter-flight{display:flex;gap:0;letter-spacing:-.055em}
.cine-title.letter-flight span{display:inline-block;white-space:pre;transform-origin:center}
body[data-renderer=fallback] .cine-beams path{stroke-width:3}
body[data-fx-level=quiet] .cine-frame .frame-halo{opacity:.07}
body[data-fx-level=max] .cine-frame .frame-halo{stroke-width:16;opacity:.2}
body[data-cine-quality=eco] .frame-halo,body[data-cine-quality=eco] .frame-echo{display:none}
body[data-motion=off] .cine-typography,body[data-cine-still=true] .cine-typography{visibility:hidden}
body[data-motion=off] .cine-sparks,body[data-cine-still=true] .cine-sparks{display:none}
body[data-motion=off] .cine-atmosphere,body[data-cine-still=true] .cine-atmosphere{transition:none}
@media(max-width:650px){.cine-frame .frame-main{stroke-width:1.5}.cine-title.outline{-webkit-text-stroke:1px var(--cine-ink)}}
@media(prefers-reduced-motion:reduce){.cine-atmosphere,.ambient-gl,.world-wash{transition:none!important}.cine-typography,.cine-sparks{display:none!important}.cine-title{will-change:auto}}