*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;height:100%;overflow:hidden;background:#000}
.rbp-embed-stage{position:relative;width:100%;height:100%;background:#000}
.rbp-embed-stage iframe{display:block;width:100%;height:100%;border:0;background:#000}
:root{--ease:cubic-bezier(.16,1,.3,1)}
.rbp-stage{position:relative;width:100%;height:100%;background:#000;overflow:hidden;cursor:none}
.rbp-stage.show-ui{cursor:default}
.rbp-stage video{display:block;width:100%;height:100%;object-fit:contain}
.rbp-ov{position:absolute;inset:0;pointer-events:none}
.rbp-ov::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.7) 0%,transparent 28%),linear-gradient(0deg,rgba(0,0,0,.82) 0%,transparent 48%);opacity:0;transition:opacity .25s ease;pointer-events:none}
.rbp-stage.show-ui .rbp-ov::before,.rbp-stage.is-paused .rbp-ov::before{opacity:1}
.rbp-top{position:absolute;top:0;left:0;right:0;padding:32px 36px;display:flex;align-items:center;justify-content:flex-end;pointer-events:none;opacity:0;transform:translateY(-6px);transition:opacity .25s var(--ease),transform .25s var(--ease)}
.rbp-stage.is-paused .rbp-top{opacity:1;transform:translateY(0);pointer-events:auto}
.rbp-brand-tag{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:rgba(255,255,255,.35)}
.rbp-brand-tag svg{opacity:.4}
.rbp-info-wrap{position:absolute;left:0;right:0;bottom:76px;padding:0 28px;pointer-events:none;opacity:0;transform:translateY(10px);transition:opacity .3s var(--ease),transform .3s var(--ease)}
.rbp-stage.is-paused .rbp-info-wrap{opacity:1;transform:translateY(0);pointer-events:auto}
.rbp-info-label{font-size:10px;color:rgba(255,255,255,.3);margin-bottom:14px}
.rbp-title{font-size:clamp(18px,2.4vw,32px);line-height:1.08;color:#fff;letter-spacing:-.03em;word-break:keep-all;text-shadow:0 4px 40px rgba(0,0,0,.6);margin-bottom:20px}
.rbp-chips{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.rbp-chip-row{display:flex;flex-wrap:wrap;gap:18px}
.rbp-desc{display:block;width:100%;font-size:12px;line-height:1.6;color:rgba(255,255,255,.65)}
.rbp-chip{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:rgba(255,255,255,.38)}
.rbp-chip::before{content:'';display:inline-block;width:3px;height:3px;border-radius:50%;background:rgba(255,255,255,.25)}
.rbp-chips .rbp-chip:first-child::before{display:none}
.rbp-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.9);display:flex;align-items:center;gap:20px;pointer-events:none;opacity:0;transition:opacity .22s var(--ease),transform .22s var(--ease)}
.rbp-stage.show-ui .rbp-center{opacity:1;transform:translate(-50%,-50%) scale(1);pointer-events:auto}
.rbp-tbtn{appearance:none;border:none;background:rgba(0,0,0,.36);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .14s ease,transform .1s ease}
.rbp-tbtn:hover{background:rgba(0,0,0,.55)}
.rbp-tbtn:active{transform:scale(.88)}
.rbp-tbtn.sm{width:56px;height:56px}
.rbp-tbtn.lg{width:76px;height:76px}
.rbp-seekbar{position:absolute;bottom:50px;left:0;right:0;padding:0 28px;pointer-events:none;opacity:0;transition:opacity .25s ease}
.rbp-stage.show-ui .rbp-seekbar{opacity:1;pointer-events:auto}
.rbp-seek-tooltip{position:absolute;bottom:18px;background:rgba(15,15,15,.88);color:#fff;font-size:12px;padding:4px 10px;border-radius:7px;white-space:nowrap;pointer-events:none;opacity:0;transform:translateX(-50%);transition:opacity .12s ease}
.rbp-seekbar:hover .rbp-seek-tooltip{opacity:1}
.rbp-seek-track{position:relative;height:3px;background:rgba(255,255,255,.22);border-radius:2px;cursor:pointer;transition:height .15s ease}
.rbp-seekbar:hover .rbp-seek-track{height:5px}
.rbp-seek-fill{position:absolute;left:0;top:0;height:100%;width:0;background:#fff;border-radius:2px;pointer-events:none}
.rbp-seek-buffer{position:absolute;left:0;top:0;height:100%;width:0;background:rgba(255,255,255,.3);border-radius:2px;pointer-events:none}
.rbp-seek-thumb{position:absolute;top:50%;width:14px;height:14px;background:#fff;border-radius:50%;translate:-50% -50%;pointer-events:none;opacity:0;transition:opacity .15s ease;box-shadow:0 1px 6px rgba(0,0,0,.4)}
.rbp-seekbar:hover .rbp-seek-thumb{opacity:1}
.rbp-seek-input{position:absolute;inset:-10px 0;width:100%;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;outline:none}
.rbp-seek-input::-webkit-slider-thumb{appearance:none;width:1px;height:1px;background:transparent}
.rbp-seek-input::-moz-range-thumb{width:1px;height:1px;background:transparent;border:none}
.rbp-seek-input[disabled]{cursor:default}
.rbp-bar{position:absolute;bottom:0;left:0;right:0;height:50px;display:flex;align-items:center;padding:0 18px;gap:4px;pointer-events:none;opacity:0;transition:opacity .25s ease}
.rbp-stage.show-ui .rbp-bar{opacity:1;pointer-events:auto}
.rbp-bar-left{display:flex;align-items:center;gap:2px;flex:1;min-width:0}
.rbp-bar-right{display:flex;align-items:center;gap:2px;flex-shrink:0}
.rbp-ibtn{appearance:none;border:none;background:transparent;color:rgba(255,255,255,.85);width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .13s ease,color .13s ease;flex-shrink:0}
.rbp-ibtn:hover{background:rgba(255,255,255,.1);color:#fff}
.rbp-ibtn:active{background:rgba(255,255,255,.16)}
.rbp-time-txt{font-size:11px;color:rgba(255,255,255,.88);white-space:nowrap;padding:0 8px;user-select:none}
.rbp-time-sep{color:rgba(255,255,255,.38);margin:0 1px}
.rbp-vol-wrap{display:flex;align-items:center;gap:0;overflow:hidden;max-width:36px;transition:max-width .2s var(--ease)}
.rbp-vol-wrap:hover,.rbp-vol-wrap:focus-within{max-width:126px}
.rbp-vol-track{flex-shrink:0;width:70px;appearance:none;-webkit-appearance:none;height:3px;background:linear-gradient(to right,#fff var(--vol,85%),rgba(255,255,255,.25) var(--vol,85%));border-radius:2px;outline:none;cursor:pointer;opacity:0;margin-left:4px;transition:opacity .2s ease}
.rbp-vol-wrap:hover .rbp-vol-track,.rbp-vol-wrap:focus-within .rbp-vol-track{opacity:1}
.rbp-vol-track::-webkit-slider-thumb{appearance:none;width:11px;height:11px;border-radius:50%;background:#fff}
.rbp-vol-track::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:#fff;border:none}
.rbp-speed-btn{appearance:none;border:none;background:transparent;color:rgba(255,255,255,.75);font-size:12px;height:40px;padding:0 10px;border-radius:8px;cursor:pointer;transition:background .13s ease,color .13s ease;white-space:nowrap}
.rbp-speed-btn:hover{background:rgba(255,255,255,.1);color:#fff}
@media (max-width:600px){
  .rbp-top{padding:18px}
  .rbp-info-wrap{left:0;right:0;bottom:86px;padding:0 18px;max-width:none}
  .rbp-seekbar{padding:0 14px;bottom:44px}
  .rbp-bar{height:44px;padding:0 10px}
  .rbp-tbtn.sm{width:48px;height:48px}
  .rbp-tbtn.lg{width:66px;height:66px}
  .rbp-vol-wrap{display:none}
  .rbp-time-txt{font-size:11px}
}