:root{font-family:Arial Narrow,Arial,sans-serif;color:#f8fafc;background:radial-gradient(circle at top,rgba(14,165,233,.18),transparent 38%),linear-gradient(135deg,#020617,#111827,#1f2937);line-height:1.4;font-weight:400;color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{overflow:hidden}button{font:inherit}.player-shell,.player-state,.media-stage{width:100vw;height:100vh}.player-shell{position:relative;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#0f172a99,#020617eb),radial-gradient(circle at center,rgba(56,189,248,.18),transparent 48%)}.player-shell__chrome{position:absolute;left:24px;right:24px;bottom:24px;display:flex;justify-content:space-between;gap:16px;z-index:4;opacity:.5;pointer-events:none}.player-shell__title,.player-shell__meta{margin:0;font-size:14px;letter-spacing:.12em;text-transform:uppercase}.player-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:32px;text-align:center}.player-state--centered{background:linear-gradient(180deg,#0f172acc,#020617f2),radial-gradient(circle at center,rgba(251,146,60,.16),transparent 42%)}.player-state__eyebrow,.player-overlay__eyebrow{margin:0;color:#38bdf8;font-size:13px;letter-spacing:.22em;text-transform:uppercase}.player-state__title,.player-overlay__title{margin:0;max-width:860px;font-size:clamp(32px,4vw,72px);line-height:.95}.player-state__text,.player-overlay__text{margin:0;max-width:720px;color:#e2e8f0e0;font-size:clamp(16px,2vw,24px)}.player-state__button,.player-overlay__button{border:0;border-radius:999px;padding:14px 24px;background:linear-gradient(90deg,#38bdf8,#0ea5e9);color:#020617;font-weight:700;cursor:pointer}.player-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#020617b8;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:5}.player-overlay__panel{display:flex;flex-direction:column;gap:16px;max-width:840px;padding:clamp(24px,4vw,48px);border:1px solid rgba(148,163,184,.2);border-radius:28px;background:linear-gradient(180deg,#0f172aeb,#0f172ab8);box-shadow:0 32px 80px #0f172a73}.media-stage{position:relative;overflow:hidden;background:#000}.media-stage__layer{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition:opacity .55s ease,transform .55s ease}.media-stage__media{width:100%;height:100%;object-fit:cover;display:block;background:#000}.media-stage__layer--current{z-index:2;opacity:1;transform:translateZ(0)}.media-stage__layer--next{z-index:1}.media-stage--fade .media-stage__layer--next,.media-stage--fade.media-stage--transitioning .media-stage__layer--current{opacity:0}.media-stage--fade.media-stage--transitioning .media-stage__layer--next{opacity:1}.media-stage--slide .media-stage__layer--next{transform:translate3d(100%,0,0)}.media-stage--slide.media-stage--transitioning .media-stage__layer--current{transform:translate3d(-100%,0,0)}.media-stage--slide.media-stage--transitioning .media-stage__layer--next{transform:translateZ(0)}.media-stage--slide-up .media-stage__layer--next{transform:translate3d(0,100%,0)}.media-stage--slide-up.media-stage--transitioning .media-stage__layer--current{transform:translate3d(0,-100%,0)}.media-stage--slide-up.media-stage--transitioning .media-stage__layer--next{transform:translateZ(0)}@media(max-width:768px){.player-shell__chrome{left:16px;right:16px;bottom:16px;flex-direction:column}.player-state,.player-overlay{padding:20px}}