
.flixy-smartplay{width:100%;margin:24px 0;color:#fff;font-family:system-ui,-apple-system,Segoe UI,sans-serif}
.csp-shell{background:#0d1017;border:1px solid #242936;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.28)}
.csp-stage{position:relative;aspect-ratio:16/9;background:#05070a center/cover no-repeat;overflow:hidden}
.csp-iframe,.csp-video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000;display:none}
.csp-iframe{z-index:2}
.csp-video{z-index:2;object-fit:contain}
.csp-cinematic-loader{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#05070a;transition:.25s}
.csp-cinematic-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.csp-cinematic-loader span{width:42px;height:42px;border:3px solid #333;border-top-color:var(--flixy-accent,#e50914);border-radius:50%;animation:cspSpin .8s linear infinite}
@keyframes cspSpin{to{transform:rotate(360deg)}}
.csp-cinematic-loader strong{margin-top:12px}.csp-cinematic-loader em{font-size:12px;color:#9aa4b4;margin-top:4px}
.csp-overlay-top{position:absolute;left:0;right:0;top:0;z-index:5;padding:18px 20px;display:flex;justify-content:space-between;pointer-events:none;background:linear-gradient(rgba(0,0,0,.78),transparent)}
.csp-overlay-top button{pointer-events:auto}.csp-title{display:block}.csp-status{font-size:11px;color:#b5bdca}
.csp-close-theater{display:none;background:transparent;border:0;color:#fff;font-size:28px}
.csp-panel{padding:16px 18px;background:#10141d}
.csp-panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-weight:800}
.csp-servers{display:flex;gap:8px;flex-wrap:wrap}
.csp-server,.csp-tools button,.csp-theater{border:1px solid #303744;background:#171c26;color:#fff;border-radius:11px;padding:10px 13px;cursor:pointer}
.csp-server.active{border-color:var(--flixy-accent,#e50914);box-shadow:inset 0 0 0 1px var(--flixy-accent,#e50914)}
.csp-server strong,.csp-server span,.csp-server em{display:block}.csp-server span,.csp-server em{font-size:9px;color:#aab3c1}
.csp-tools{display:flex;gap:8px;margin-top:12px}
.csp-audio-warning{display:none;position:absolute;z-index:7;left:18px;right:18px;bottom:18px;padding:10px;border-radius:10px;background:#4a2c05;color:#ffd992}.csp-audio-warning.show{display:block}
.csp-next{display:none}
.flixy-smartplay.is-theater{position:fixed;inset:0;z-index:999999;margin:0;background:#000;padding:12px}.flixy-smartplay.is-theater .csp-shell{height:100%}.flixy-smartplay.is-theater .csp-stage{height:calc(100% - 110px);aspect-ratio:auto}.flixy-smartplay.is-theater .csp-close-theater{display:block}
body.flixy-sp-theater-open{overflow:hidden}
@media(max-width:700px){.csp-panel{padding:12px}.csp-stage{aspect-ratio:16/9}.csp-server{padding:8px 10px}}
