/* Big play/pause + expand (Oct 29 2026) */
.bp-big,.bp-exp,.bp-hint{display:none}
.player-wrap.bp-on .bp-big,.player-wrap.bp-on .bp-exp{display:flex}
.bp-big{position:absolute;left:50%;top:50%;z-index:35;width:clamp(72px,12vw,116px);height:clamp(72px,12vw,116px);margin:0;padding:0;transform:translate(-50%,-50%) scale(.9);border-radius:50%;
  align-items:center;justify-content:center;color:#fff;cursor:pointer;border:2px solid rgba(160,220,255,.85);
  background:radial-gradient(circle at 35% 30%,rgba(70,140,255,.95),rgba(20,70,200,.92) 60%,rgba(10,40,130,.95));
  box-shadow:0 8px 34px rgba(0,0,0,.55),0 0 34px rgba(70,200,255,.5),inset 0 1px 0 rgba(255,255,255,.35);
  opacity:0;pointer-events:none;transition:opacity .25s,transform .25s}
.bp-big svg{width:46%;height:46%;margin-left:3%}
.player-wrap.bp-on.bp-idle .bp-big,.player-wrap.bp-on.bp-show .bp-big{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
.player-wrap.bp-on:not(.bp-idle) .bp-big{background:rgba(7,18,40,.72);border-color:rgba(160,220,255,.6);box-shadow:0 6px 24px rgba(0,0,0,.5)}
.player-wrap.bp-on:not(.bp-idle) .bp-big svg{margin-left:0}
.bp-big:hover{filter:brightness(1.12)}
.bp-exp{position:absolute;right:12px;bottom:12px;z-index:36;width:46px;height:46px;min-height:46px;padding:0;align-items:center;justify-content:center;border-radius:12px;color:#fff;cursor:pointer;
  background:rgba(7,18,40,.78);border:1px solid rgba(140,200,255,.55);box-shadow:0 4px 16px rgba(0,0,0,.5);transition:opacity .25s,filter .2s;opacity:.92}
.bp-exp svg{width:24px;height:24px}
.bp-exp:hover{filter:brightness(1.25)}
.player-wrap.bp-on:not(.bp-idle):not(.bp-show) .bp-exp{opacity:.35}
.bp-big:focus-visible,.bp-exp:focus-visible{outline:3px solid #fff;outline-offset:3px}
.bp-hint{position:absolute;left:50%;bottom:70px;z-index:37;transform:translateX(-50%);max-width:88%;padding:10px 16px;border-radius:999px;text-align:center;
  background:rgba(7,18,40,.92);border:1px solid rgba(140,200,255,.55);color:#e9f1ff;font:600 13.5px/1.3 var(--font-ui,system-ui);opacity:0;pointer-events:none;transition:opacity .3s}
.bp-hint.on{display:block;opacity:1}
/* full-window mode (iPhone, or any browser that cannot full-screen the player) */
.player-wrap.bp-pfs{position:fixed;inset:0;z-index:900;width:100vw;height:100vh;height:100dvh;max-height:none;min-height:0;aspect-ratio:auto;border-radius:0;border:0}
html.bp-lock,html.bp-lock body{overflow:hidden}
.player-wrap.bp-pfs .cc-overlay{bottom:90px}
@media (max-width:620px){.bp-exp{width:50px;height:50px}.bp-hint{bottom:76px;font-size:13px}}
@media (prefers-reduced-motion:reduce){.bp-big,.bp-exp,.bp-hint{transition:none}}
/* Oct 30 2026: CC on the video, left of full screen */
.bp-cc{right:66px;font:800 14px/1 var(--font-ui,system-ui);letter-spacing:.04em}
.bp-cc.bp-cc-off{text-decoration:line-through;opacity:.6}
@media (max-width:620px){.bp-cc{right:70px}}
/* phones: smaller captions that stay low and out of the way */
@media (max-width:620px){.player-wrap:not(:fullscreen) .cc-overlay{font-size:12px;line-height:1.3;padding:4px 9px;max-width:72%;bottom:8px;left:42%}}