.film-showcase{position:relative;width:100%;min-width:0;isolation:isolate;color:#f8f6f0;font-family:inherit}
.film-showcase__stage{position:relative;aspect-ratio:16/9;width:100%;overflow:hidden;border-radius:20px;background:#11110f}
.film-showcase__poster,.film-showcase__video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:center;border:0;background:#11110f}
.film-showcase__poster{z-index:1;pointer-events:none}
.film-showcase__video{visibility:hidden;z-index:0;pointer-events:none}
.film-showcase__video.is-active{visibility:visible;z-index:2}
.film-showcase.is-poster .film-showcase__poster{z-index:3}
.film-showcase.is-poster .film-showcase__video{visibility:hidden}
.film-showcase__loading{position:absolute;z-index:4;bottom:18px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);padding:10px 14px;border-radius:10px;background:#121310e8;color:#fff;font-size:16px;font-weight:550;line-height:1.45;text-align:center}
.film-showcase:not(.is-loading) .film-showcase__loading{display:none}
.film-showcase__gesture{display:none;position:absolute;z-index:4;bottom:18px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);color:#f8f6f0;font:inherit;font-size:16px;line-height:1.45;text-align:center;text-shadow:0 1px 5px #000;pointer-events:none}
.film-showcase.is-blocked .film-showcase__gesture{display:block}
.film-showcase.is-blocked .film-showcase__stage{cursor:pointer;touch-action:manipulation}
.film-showcase__stage:focus-visible{outline:3px solid #ffb386;outline-offset:4px}
.film-showcase__controls{--film-control-size:108px;position:absolute;z-index:8;inset:auto 16px 18px;display:flex;align-items:center;justify-content:center;gap:12px;width:auto;max-width:none;margin:0;padding:0;box-sizing:border-box;pointer-events:none}
.film-showcase__button{position:relative;isolation:isolate;appearance:none;display:grid;grid-template-rows:26px 36px;align-content:center;align-items:center;justify-items:center;justify-content:center;gap:4px;flex:0 0 var(--film-control-size);width:var(--film-control-size);height:var(--film-control-size);min-width:var(--film-control-size);min-height:var(--film-control-size);aspect-ratio:1;box-sizing:border-box;padding:15px 8px;border:0;border-radius:50%;background:conic-gradient(from 220deg,#33393e 0deg,#f4f5ee 48deg,#8a9298 86deg,#d6dbdc 116deg,#454c53 182deg,#a0a8af 244deg,#edece5 286deg,#555e66 330deg,#33393e 360deg);box-shadow:0 1px 0 #fff9 inset,0 -1px 1px #000c inset,0 3px 4px #000c,0 12px 24px #0007;color:#f5f6f5;font:inherit;font-size:16px;font-weight:700;line-height:1.15;letter-spacing:-.025em;text-align:center;cursor:pointer;white-space:normal;touch-action:manipulation;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:box-shadow .16s ease}
.film-showcase__button::before{content:"";position:absolute;z-index:-1;inset:6px;border-radius:50%;border:1px solid #020405;background:radial-gradient(ellipse at 42% 0%,#5d62644d,transparent 58%),linear-gradient(155deg,#282c2e,#0c0e10 48%,#171b1e);box-shadow:0 1px 2px #fff5 inset,0 -2px 4px #000 inset,0 0 0 1px #e4e6e65c}
.film-showcase__button::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid transparent;border-top-color:#ffb47d;border-right-color:#e95c36;opacity:0;pointer-events:none}
.film-showcase__button svg{display:block;width:25px;height:25px;flex:none;stroke-width:1.55;filter:drop-shadow(0 1px 1px #000)}
.film-showcase__button span{display:block;max-width:82px;position:relative;text-shadow:0 1px 2px #000b;font-size:16px;line-height:1.15;white-space:normal;overflow-wrap:normal}
.film-showcase__button:hover{box-shadow:0 1px 0 #fff inset,0 -1px 1px #000c inset,0 3px 4px #000c,0 14px 26px #0009,0 0 0 2px #ffffff24;transform:none}
.film-showcase__button:active{box-shadow:0 1px 2px #000 inset,0 0 0 1px #aeb6bc,0 4px 12px #000a;transform:scale(.96)}
.film-showcase__button[aria-pressed=true]{color:#fff;box-shadow:0 1px 0 #fff9 inset,0 -1px 1px #000c inset,0 3px 4px #000c,0 10px 24px #0008,0 0 0 2px #f3935c80}
.film-showcase__button[aria-pressed=true]::before{background:radial-gradient(ellipse at 45% 0%,#b3734266,transparent 62%),linear-gradient(155deg,#3b2b23,#171412 60%,#221914)}
.film-showcase__button[data-film=engine]::before{background:radial-gradient(ellipse at 40% 0%,#fa7b6c80,transparent 60%),linear-gradient(155deg,#9e2029,#591017 62%,#85121d);box-shadow:0 1px 2px #ffa49670 inset,0 -3px 5px #260305 inset,0 0 0 1px #e4e6e65c}
.film-showcase__button[data-film=engine][aria-pressed=true]::before{background:radial-gradient(ellipse at 40% 0%,#ffb58e88,transparent 60%),linear-gradient(155deg,#c33832,#8e1722 65%,#ae2028)}
.film-showcase__button[data-film=engine] span{transform:translateY(-9px);letter-spacing:-.035em}
.film-showcase__button:focus-visible{outline:3px solid #ffb386;outline-offset:6px}
.film-showcase__button:disabled{cursor:default;opacity:.55;transform:none}
.film-showcase.is-igniting .film-showcase__button[data-film=engine]::after{animation:film-ignition-arc .72s cubic-bezier(.2,.6,.25,1) both}
.film-showcase__stage::after{content:"";position:absolute;z-index:3;inset:0;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 58% 75%,#ffad5626,transparent 60%)}
.film-showcase.is-igniting .film-showcase__stage::after{animation:film-scene-ignition .72s ease-out both}
@keyframes film-ignition-arc{0%{opacity:0;transform:rotate(-120deg)}18%{opacity:1}75%{opacity:.9}100%{opacity:0;transform:rotate(155deg)}}
@keyframes film-scene-ignition{0%,100%{opacity:0}35%{opacity:1}}
.film-showcase__progress{display:none!important}
.film-showcase__progress::-webkit-progress-bar{background:#3a3a34}.film-showcase__progress::-webkit-progress-value{background:#f38445}.film-showcase__progress::-moz-progress-bar{background:#f38445}
.film-showcase__status{position:absolute;clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}
.is-x5-cinematic :is(.announcement,.header,.footer,.ra-chat,.skip-link){display:none!important}
.is-x5-cinematic #main{min-height:100dvh;padding:0;background:#10110f}
.x5-cinematic{width:100%;box-sizing:border-box;padding:18px 20px 20px;margin:0 auto}
.x5-cinematic__back{display:inline-flex;align-items:center;min-height:48px;margin-bottom:10px;font-size:18px;color:#f8f6ef;text-decoration:none}
.x5-cinematic__back:hover{color:#ff9b61}
.x5-cinematic .film-showcase{max-width:calc((100dvh - 188px)*16/9);margin:auto}
@media(max-width:760px){.film-showcase__stage{border-radius:14px}.film-showcase__controls{--film-control-size:clamp(86px,24vw,98px);gap:8px;inset:auto 8px 12px}.film-showcase__button{grid-template-rows:22px 36px;padding:12px 5px;gap:3px;font-size:16px}.film-showcase__button svg{width:22px;height:22px}.film-showcase__button span{max-width:78px}.film-showcase__loading,.film-showcase__gesture{bottom:12px}.x5-cinematic{padding:12px 12px 24px}.x5-cinematic .film-showcase{max-width:100%}.x5-cinematic__back{font-size:16px}}
@media(prefers-reduced-motion:reduce){.film-showcase__button{transition:none!important}.film-showcase__button:hover,.film-showcase__button:active{transform:none}.film-showcase.is-igniting .film-showcase__button::after,.film-showcase.is-igniting .film-showcase__stage::after{animation:none!important;opacity:0}}
/* Exact circles remain54px+ targets despite generic site button defaults. */
body .film-showcase__button{width:var(--film-control-size);height:var(--film-control-size);min-height:var(--film-control-size)!important;border-radius:50%;flex:0 0 var(--film-control-size)}