/* R9 V22: isolated cinematic viewport and premium frame. V21 assets/animations preserved. */
@media (min-width:701px){
 #r9-cinema{height:calc(100svh - var(--r9-v22-header-height, 92px))!important;min-height:440px!important;max-height:none!important;grid-template-rows:minmax(0,1fr) auto!important;align-content:stretch!important;}
 #r9-cinema>.r9-left,#r9-cinema>.r9-right{min-height:0!important;height:100%!important;}
 #r9-cinema>.r9-left{grid-column:1;grid-row:1;}
 #r9-cinema>.r9-right{grid-column:2;grid-row:1;}
 #r9-cinema>.r9-filmstrip{grid-column:1/-1;grid-row:2;min-height:0;}
 #r9-cinema .r9-filmstrip button{height:clamp(54px,9svh,96px)!important;}
}
#r9-cinema .r9-character{isolation:isolate;}
#r9-cinema .r9-character::before{border:5px solid rgba(179,129,54,.9)!important;box-shadow:inset 0 0 0 1px rgba(255,227,156,.83),inset 0 0 0 8px rgba(28,15,3,.42),inset 0 0 0 10px rgba(209,166,83,.52),inset 0 0 18px rgba(255,203,98,.17),0 0 12px rgba(210,151,55,.17)!important;}
#r9-cinema .r9-character::after{border-width:5px!important;filter:drop-shadow(0 0 9px rgba(255,202,91,.75))!important;}
/* Transparent fine gold motes at frame edges, never over the character. */
#r9-cinema .r9-character{background-image:radial-gradient(circle at 3% 17%,rgba(255,209,112,.38) 0 1px,transparent 2px),radial-gradient(circle at 97% 72%,rgba(255,225,154,.31) 0 1px,transparent 2px),radial-gradient(circle at 92% 12%,rgba(235,181,81,.32) 0 1px,transparent 2px),radial-gradient(circle at 5% 83%,rgba(239,185,87,.29) 0 1px,transparent 2px),radial-gradient(ellipse 65% 69% at 48% 43%,rgba(31,105,67,.55) 0%,rgba(10,57,37,.34) 48%,rgba(1,17,12,.66) 100%)!important;background-color:#041b13!important;}
@media(max-width:700px){#r9-cinema{height:auto!important;}#r9-cinema .r9-character::before{border-width:3px!important;}#r9-cinema .r9-character::after{border-width:3px!important;}}
@media(prefers-reduced-motion:reduce){#r9-cinema .r9-character::after{animation:none!important;opacity:0!important;}}