/* ---------- reel player ---------- */
.rp{position:fixed;inset:0;z-index:95;background:var(--rp-bg);color:var(--rp-fg);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:calc(env(safe-area-inset-top,0px) + 16px) 16px calc(env(safe-area-inset-bottom,0px) + 16px)}
.rp-box{position:relative;width:min(100%,calc((100vh - 140px)*16/9),1400px);width:min(100%,calc((100dvh - 140px)*16/9),1400px);aspect-ratio:16/9;max-width:100%;background:#000;border-radius:6px;overflow:hidden}
.rp video{position:absolute;inset:0;width:100%;height:100%;display:block;background:#000}
.rp-load{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;padding:16px;text-align:center;color:#fff;background:#000 center/cover no-repeat}
.rp-load::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.55)}
.rp-load>*{position:relative}
.rp-bar{width:min(320px,70vw);height:6px;border-radius:6px;background:rgba(255,255,255,.25);overflow:hidden}
.rp-bar i{display:block;height:100%;width:0;background:var(--rp-ac);transition:width .2s}
.rp-msg{font-family:var(--rp-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;font-variant-numeric:tabular-nums}
.rp-foot{width:min(100%,calc((100vh - 140px)*16/9),1400px);width:min(100%,calc((100dvh - 140px)*16/9),1400px);max-width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 20px}
.rp-t{font-family:var(--rp-disp);font-size:clamp(20px,2.4vw,30px);line-height:1}
.rp-foot nav{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px}
.rp-foot a{font-family:var(--rp-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase}
.rp-x{border:2px solid currentColor;background:transparent;color:inherit;border-radius:99px;padding:8px 16px;font:inherit;font-weight:700;cursor:pointer}
.rp-x:hover{background:var(--rp-fg);color:var(--rp-bg)}
.rp.failed .rp-bar{display:none}