.r389-video{--a:var(--v2-rgb,0,119,182);--b:var(--v2-rgb-2,0,191,255);--accent:var(--v2-a2,#a9d7f2);--ink:#f0f3f8;--muted:#9aa9bd;--dim:#6f8199;--bg:#0b0f15;--surface:#ffffff08;--line:#ffffff17;--line2:#ffffff0d;color-scheme:dark;font-family:RekipVideoBody,system-ui,Arial,sans-serif;color:var(--ink);width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;border:0;background:transparent;overflow:hidden;outline:0}.r389-video:not([open]){display:none}.r389-video::backdrop{background:transparent}.r389-video *{box-sizing:border-box}
@font-face{font-family:RekipVideoBody;font-weight:400;font-display:swap;src:url('../fonts/admin-geist-400.woff2') format('woff2')}
@font-face{font-family:RekipVideoBody;font-weight:600;font-display:swap;src:url('../fonts/admin-geist-600.woff2') format('woff2')}
@font-face{font-family:RekipVideoTitle;font-weight:700;font-display:swap;src:url('../fonts/admin-bricolage-grotesque-700.woff2') format('woff2')}
/* Yerleşim: solda geniş sahne + altında anı bilgisi ve eylemler, sağda oyun / kişiler / sıradaki video paneli. Renkler tek tema değişkeninden (--a, --b, --accent) türer. */
.r389-video *{box-sizing:border-box}
.r389-video button,.r389-video input,.r389-video select{font:inherit;color:inherit}.r389-video button{cursor:pointer;background:none;border:0;padding:0}
.r389-video button:focus-visible,.r389-video input:focus-visible,.r389-video [tabindex]:focus-visible,.r389-video a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:8px}
.r389-video .r389-icon.r389-i{width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;display:block;pointer-events:none}
.r389-video .r389-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.r389-video [hidden]{display:none!important}
.r389-video img{-webkit-user-drag:none;user-select:none}

/* ---- Önizleme üst çubuğu ---- */

/* ---- Galeri (arka plan) ---- */
/* ---- Modal ---- */
.r389-video.r389-modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:24px}
.r389-video .r389-mback{position:absolute;inset:0;background:#04070bea;animation:r389-fade .25s}
@keyframes r389-fade{from{opacity:0}}
.r389-video .r389-mbox{position:relative;width:min(1240px,100%);max-height:100%;overflow:auto;overscroll-behavior:contain;border-radius:28px;border:1px solid #ffffff1f;background:radial-gradient(900px 400px at 10% -10%,rgba(var(--a),.18),transparent 70%),#0c1118;padding:16px 28px 30px;box-shadow:0 50px 120px -20px #000;animation:r389-mopen .32s cubic-bezier(.2,.9,.3,1.05)}
@keyframes r389-mopen{from{opacity:0;transform:translateY(24px) scale(.97)}}
.r389-video .r389-mbox .r389-pagebar{margin:0 0 16px;position:sticky;top:-16px;z-index:20;padding:12px 0 10px;background:transparent}
.r389-video .r389-mbox .r389-ambient{inset:-24px -24px auto}
.r389-video .r389-mbox .r389-side{top:70px}
.r389-video .r389-mbox .r389-note{margin-top:28px}
/* ---- Sayfa ---- */
.r389-video .r389-pagebar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:6px 0 16px}
.r389-video .r389-crumb{min-width:0;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.r389-video .r389-crumb b{font-weight:600;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.r389-video .r389-crumb .r389-icon{width:13px;height:13px;opacity:.6}
.r389-video .r389-pager{display:flex;align-items:center;gap:6px}
.r389-video .r389-pager output{font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums;margin-right:6px}
.r389-video .r389-ib{display:grid;place-items:center;width:36px;height:36px;border-radius:11px;border:1px solid var(--line2);background:var(--surface);color:#cfdbea;transition:background .2s,border-color .2s,transform .2s}
.r389-video .r389-ib:hover:not(:disabled){background:#ffffff12;border-color:var(--line)}.r389-video .r389-ib:disabled{opacity:.3;cursor:default}

.r389-video .r389-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}

/* ---- Sahne ---- */
.r389-video .r389-theatre{position:relative;min-width:0}
.r389-video .r389-ambient{position:absolute;inset:-34px -34px auto;height:auto;z-index:0;pointer-events:none;opacity:.7;aspect-ratio:16/9;background:radial-gradient(ellipse at 28% 22%,rgba(var(--a),.11),transparent 64%),radial-gradient(ellipse at 75% 55%,rgba(var(--b),.07),transparent 68%)}
.r389-video .r389-stage{position:relative;z-index:1;aspect-ratio:16/9;border-radius:24px;overflow:hidden;background:#05080c;box-shadow:0 0 0 1px #ffffff17,0 40px 80px -30px #000c;isolation:isolate;touch-action:manipulation}
.r389-video .r389-stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block;background:#05080c}
.r389-video .r389-stage.r389-idle{cursor:none}
.r389-video .r389-scrim{position:absolute;inset:auto 0 0;height:46%;background:linear-gradient(transparent,#05080ccc 85%);pointer-events:none;opacity:1;transition:opacity .35s}
.r389-video .r389-scrim.r389-top{inset:0 0 auto;height:28%;background:linear-gradient(#05080c99,transparent)}
.r389-video .r389-stage.r389-idle .r389-scrim,.r389-video .r389-stage.r389-idle .r389-hud{opacity:0}
.r389-video .r389-chips{position:absolute;z-index:3;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;gap:10px;transition:opacity .35s}
.r389-video .r389-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px 7px 8px;border-radius:99px;border:1px solid #ffffff22;background:#0a101ae8;font-size:12px;letter-spacing:.01em;color:#eaf1f8}
.r389-video .r389-chip .r389-gm{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font:700 9px RekipVideoTitle,Arial;letter-spacing:0;background:linear-gradient(135deg,rgb(var(--a)),rgb(var(--b)));color:#fff}
.r389-video .r389-chip.r389-q{padding:7px 12px;font-size:11px;color:#c9d6e5}
.r389-video .r389-stage.r389-idle .r389-chips{opacity:0}
/* merkez oynat */
.r389-video .r389-bigplay{position:absolute;z-index:2;inset:0;margin:auto;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;border:1px solid #ffffff44;background:radial-gradient(circle at 30% 25%,#ffffff2e,#ffffff0d),#0b121ce8;box-shadow:inset 0 1px 0 #ffffff33,0 18px 50px -10px rgba(var(--a),.7);transition:transform .25s,opacity .3s,background .25s}
.r389-video .r389-bigplay:before{content:"";position:absolute;inset:-9px;border-radius:50%;border:1px solid rgba(var(--b),.35)}
.r389-video .r389-bigplay .r389-icon{width:30px;height:30px;fill:#fff;stroke:#fff;stroke-width:1.2;margin-left:4px}
.r389-video .r389-bigplay:hover{transform:scale(1.07)}
.r389-video .r389-stage.r389-playing .r389-bigplay,.r389-video .r389-stage.r389-started .r389-bigplay{opacity:0;pointer-events:none;transform:scale(1.25)}
.r389-video .r389-flash{position:absolute;z-index:2;inset:0;margin:auto;width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#0b121ce8;opacity:0;pointer-events:none}
.r389-video .r389-flash .r389-icon{width:28px;height:28px;fill:#fff;stroke:#fff}
.r389-video .r389-flash.r389-go{animation:r389-flash .6s ease-out}
@keyframes r389-flash{0%{opacity:.95;transform:scale(.8)}100%{opacity:0;transform:scale(1.35)}}
.r389-video .r389-seekhint{position:absolute;z-index:2;top:50%;margin-top:-34px;width:112px;height:68px;border-radius:99px;display:grid;place-items:center;font:600 13px RekipVideoBody;background:#17212ff0;opacity:0;pointer-events:none}
.r389-video .r389-seekhint.r389-l{left:9%}.r389-video .r389-seekhint.r389-r{right:9%}.r389-video .r389-seekhint.r389-go{animation:r389-flash .7s ease-out}
/* alt kontrol */
.r389-video .r389-hud{position:absolute;z-index:3;left:0;right:0;bottom:0;padding:0 22px 16px;transition:opacity .35s}
.r389-video .r389-tl{position:relative;height:26px;display:flex;align-items:center;cursor:pointer;touch-action:none;outline-offset:2px}
.r389-video .r389-tl-track{position:relative;width:100%;height:4px;border-radius:99px;background:#ffffff2e;transition:height .18s;overflow:visible}
.r389-video .r389-tl:hover .r389-tl-track,.r389-video .r389-tl.r389-drag .r389-tl-track,.r389-video .r389-tl:focus-visible .r389-tl-track{height:8px}
.r389-video .r389-tl-buf,.r389-video .r389-tl-play{position:absolute;left:0;top:0;bottom:0;border-radius:inherit}
.r389-video .r389-tl-buf{background:#ffffff33;width:var(--buf,0%)}
.r389-video .r389-tl-play{width:var(--p,0%);background:linear-gradient(90deg,rgb(var(--a)),rgb(var(--b)));box-shadow:0 0 14px rgba(var(--b),.6)}
.r389-video .r389-tl-knob{position:absolute;top:50%;left:var(--p,0%);width:15px;height:15px;margin:-7.5px 0 0 -7.5px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px rgba(var(--b),.28),0 2px 8px #0009;transform:scale(0);transition:transform .18s}
.r389-video .r389-tl:hover .r389-tl-knob,.r389-video .r389-tl.r389-drag .r389-tl-knob,.r389-video .r389-tl:focus-visible .r389-tl-knob{transform:scale(1)}
.r389-video .r389-tl-ghost{position:absolute;left:0;top:0;bottom:0;width:var(--h,0%);background:#ffffff26;border-radius:inherit;opacity:0}.r389-video .r389-tl:hover .r389-tl-ghost{opacity:1}
.r389-video .r389-prev{position:absolute;bottom:34px;left:var(--x,0);width:150px;transform:translateX(-50%);border:1px solid #ffffff44;border-radius:12px;background:#0d141d;box-shadow:0 16px 40px #000a;overflow:hidden;pointer-events:none;opacity:0;transition:opacity .15s;z-index:4}
.r389-video .r389-prev.r389-on{opacity:1}.r389-video .r389-prev img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.r389-video .r389-prev span{display:block;text-align:center;font-size:11px;padding:5px 0 6px;font-variant-numeric:tabular-nums}
.r389-video .r389-row{display:flex;align-items:center;gap:6px;margin-top:2px}
.r389-video .r389-cb{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;color:#fff;transition:background .2s,transform .2s}
.r389-video .r389-cb:hover{background:#ffffff1a}.r389-video .r389-cb:active{transform:scale(.92)}
.r389-video .r389-cb.r389-play .r389-icon{width:22px;height:22px;fill:#fff;stroke:#fff;stroke-width:1.2}
.r389-video .r389-time{font-size:12px;font-variant-numeric:tabular-nums;color:#eef3f9;margin:0 6px;white-space:nowrap}.r389-video .r389-time i{font-style:normal;color:#9db0c6;margin:0 4px}
.r389-video .r389-sp{flex:1}
.r389-video .r389-vol{display:flex;align-items:center}
.r389-video .r389-vol input{width:0;opacity:0;height:4px;margin:0;appearance:none;-webkit-appearance:none;background:linear-gradient(to right,#fff var(--v,65%),#ffffff33 var(--v,65%));border-radius:99px;cursor:pointer;transition:width .25s,opacity .2s,margin .25s}
.r389-video .r389-vol:hover input,.r389-video .r389-vol:focus-within input{width:76px;opacity:1;margin:0 8px 0 2px}
.r389-video .r389-vol input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:#fff}
.r389-video .r389-vol input::-moz-range-thumb{width:12px;height:12px;border:0;border-radius:50%;background:#fff}
.r389-video .r389-speed{position:relative}
.r389-video .r389-sbtn{min-width:46px;height:34px;padding:0 10px;border-radius:10px;font-size:12px;font-weight:600;color:#fff;border:1px solid #ffffff2a;background:#ffffff0d;transition:background .2s}.r389-video .r389-sbtn:hover{background:#ffffff1c}
.r389-video .r389-smenu{position:absolute;bottom:calc(100% + 10px);right:0;min-width:116px;padding:6px;border-radius:14px;border:1px solid #ffffff2a;background:#0e151f;box-shadow:0 18px 40px #000a;display:grid;gap:2px}
.r389-video .r389-smenu button{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:8px 10px;border-radius:9px;font-size:12px;color:#d6e2ef}
.r389-video .r389-smenu button:hover{background:#ffffff12}.r389-video .r389-smenu button[aria-checked=true]{color:#fff;background:rgba(var(--b),.2)}
.r389-video .r389-smenu .r389-icon{width:13px;height:13px;opacity:0}.r389-video .r389-smenu [aria-checked=true] .r389-icon{opacity:1}
.r389-video .r389-err{position:absolute;z-index:6;inset:0;display:grid;place-content:center;justify-items:center;gap:12px;background:#080c12e8;color:#c3d1e1;text-align:center;padding:20px}
.r389-video .r389-err button{padding:9px 16px;border-radius:99px;border:1px solid #ffffff33;background:#ffffff10}
.r389-video .r389-stage:fullscreen{border-radius:0;aspect-ratio:auto;width:100vw;height:100vh}.r389-video .r389-stage:fullscreen .r389-hud{padding:0 4vw 3vh}
.r389-video .r389-kbd{display:inline-block;min-width:20px;padding:1px 6px;border:1px solid #ffffff26;border-bottom-width:2px;border-radius:6px;font:500 10px/1.5 RekipVideoBody;color:#c3d1e1;text-align:center}

/* ---- Anı bilgisi ---- */
.r389-video .r389-meta{position:relative;z-index:1;padding:26px 4px 0}
.r389-video .r389-meta h2{margin:0 0 12px;font:700 clamp(24px,3vw,34px)/1.12 RekipVideoTitle,Arial;letter-spacing:-.9px;text-wrap:balance}
.r389-video .r389-by{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:13px;color:var(--muted)}
.r389-video .r389-av{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex:none;font:600 12px RekipVideoBody;color:#fff;background:linear-gradient(135deg,rgb(var(--a)),rgb(var(--b)));box-shadow:inset 0 0 0 1px #ffffff2a;overflow:hidden}
.r389-video .r389-av.r389-logo{background:#0f1722;box-shadow:inset 0 0 0 1px #ffffff1c}.r389-video .r389-av.r389-logo img{width:62%;height:62%;object-fit:contain}
.r389-video .r389-by strong{font-weight:600;color:#e5edf7}.r389-video .r389-dot{width:3px;height:3px;border-radius:50%;background:#5f7189}
.r389-video .r389-desc{margin:16px 0 0;max-width:62ch;font-size:15px;line-height:1.75;color:#b3c1d3}
.r389-video .r389-acts{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:22px;position:relative}
.r389-video .r389-pill{display:inline-flex;align-items:center;gap:9px;height:44px;padding:0 18px;border-radius:99px;border:1px solid var(--line);background:var(--surface);font-size:14px;font-weight:600;color:#dbe6f3;transition:background .2s,border-color .2s,transform .2s,color .2s}
.r389-video .r389-pill:hover{background:#ffffff12;border-color:#ffffff2c}.r389-video .r389-pill:active{transform:scale(.97)}
.r389-video .r389-pill[aria-pressed=true],.r389-video .r389-pill[aria-expanded=true]{background:rgba(var(--b),.16);border-color:rgba(var(--b),.5);color:#fff}
.r389-video #r389-save .r389-icon{transition:transform .35s cubic-bezier(.3,1.6,.5,1),fill .2s}.r389-video #r389-save[aria-pressed=true] .r389-icon{fill:currentColor;transform:scale(1.18)}
.r389-video .r389-badge{min-width:20px;height:20px;padding:0 6px;border-radius:99px;display:grid;place-items:center;font-size:11px;background:rgba(var(--b),.9);color:#06131c}
.r389-video .r389-pill .r389-chev{width:14px;height:14px;opacity:.7;transition:transform .2s}.r389-video .r389-pill[aria-expanded=true] .r389-chev{transform:rotate(180deg)}

/* ---- Yan panel ---- */
.r389-video .r389-side{display:grid;gap:14px;position:sticky;top:70px}
.r389-video .r389-card{border:1px solid var(--line);border-radius:20px;background:linear-gradient(150deg,rgba(var(--a),.09),#ffffff05 55%),#10161f;padding:16px}
.r389-video .r389-card>header{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.r389-video .r389-card h2{margin:0;font:600 11px RekipVideoBody;letter-spacing:.14em;color:#8ea1b9}.r389-video .r389-card h2 span{color:#5f7189;margin-left:6px;font-variant-numeric:tabular-nums}
.r389-video .r389-mini{display:inline-flex;align-items:center;gap:6px;height:28px;padding:0 10px;border-radius:99px;border:1px solid var(--line);font-size:11px;font-weight:600;color:#c7d6e7;background:#ffffff06;transition:background .2s}
.r389-video .r389-mini:hover{background:#ffffff14}.r389-video .r389-mini .r389-icon{width:13px;height:13px}
.r389-video .r389-game{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:10px;margin:-4px -4px 0;border-radius:14px;transition:background .2s}
.r389-video .r389-game:hover{background:#ffffff08}
.r389-video .r389-gart{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;font:700 15px RekipVideoTitle,Arial;color:#fff;letter-spacing:-.5px;background:linear-gradient(135deg,rgb(var(--a)),rgb(var(--b)));box-shadow:inset 0 1px 0 #ffffff44,0 10px 24px -10px rgba(var(--b),.8);flex:none}
.r389-video .r389-game b{display:block;font:700 17px RekipVideoTitle,Arial;letter-spacing:-.3px}.r389-video .r389-game small{display:block;margin-top:2px;font-size:12px;color:var(--muted)}
.r389-video .r389-people{display:grid;gap:4px;margin:-4px -4px 0}
.r389-video .r389-person{display:flex;align-items:center;gap:12px;padding:8px 10px;border-radius:13px;transition:background .2s;text-align:left;width:100%}
.r389-video .r389-person:hover{background:#ffffff08}.r389-video .r389-person .r389-av{width:36px;height:36px}
.r389-video .r389-person b{display:block;font-size:14px;font-weight:600;color:#e5edf7}.r389-video .r389-person small{display:block;font-size:11px;color:var(--dim)}
.r389-video .r389-person .r389-rm{margin-left:auto;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:#9db0c6;opacity:0;transition:opacity .2s,background .2s}
.r389-video .r389-person:hover .r389-rm,.r389-video .r389-person:focus-within .r389-rm{opacity:1}.r389-video .r389-rm:hover{background:#ffffff18;color:#fff}.r389-video .r389-rm .r389-icon{width:13px;height:13px}
.r389-video .r389-stackrow{display:flex;align-items:center;margin-bottom:6px}
.r389-video .r389-empty{font-size:12px;color:var(--dim);padding:6px 2px}
.r389-video .r389-next{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:8px;border-radius:13px;transition:background .2s;margin:0 -4px}
.r389-video .r389-next:hover{background:#ffffff08}.r389-video .r389-next img{width:92px;aspect-ratio:16/9;object-fit:cover;border-radius:10px;border:1px solid #ffffff17;flex:none}
.r389-video .r389-next b{display:block;font-size:13px;font-weight:600;line-height:1.35;color:#e1eaf5}.r389-video .r389-next small{display:block;margin-top:3px;font-size:11px;color:var(--dim)}

/* ---- Açılır paneller ---- */
.r389-video .r389-pop{position:absolute;z-index:30;width:340px;max-width:calc(100vw - 32px);border:1px solid #ffffff26;border-radius:20px;background:linear-gradient(150deg,rgba(var(--a),.14),transparent 60%),#141c27;box-shadow:0 30px 70px -10px #000d;padding:16px;animation:r389-pop .2s cubic-bezier(.2,.9,.3,1.1)}
@keyframes r389-pop{from{opacity:0;transform:translateY(8px) scale(.97)}}
.r389-video .r389-pop h3{margin:0;font:700 18px RekipVideoTitle,Arial;letter-spacing:-.3px}.r389-video .r389-pop .r389-sub{margin:3px 0 0;font-size:12px;color:var(--muted)}
.r389-video .r389-phead{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:12px}
.r389-video .r389-find{display:flex;align-items:center;gap:9px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#0003;margin-bottom:8px}
.r389-video .r389-find .r389-icon{width:15px;height:15px;opacity:.6}.r389-video .r389-find input{flex:1;min-width:0;background:none;border:0;outline:0;font-size:13px}.r389-video .r389-find:focus-within{border-color:rgba(var(--b),.6)}
.r389-video .r389-plist{display:grid;gap:2px;max-height:250px;overflow:auto;margin:0 -6px;padding:0 6px}
.r389-video .r389-opt{display:flex;align-items:center;gap:12px;width:100%;padding:8px;border-radius:12px;text-align:left;transition:background .15s}
.r389-video .r389-opt:hover{background:#ffffff0a}
.r389-video .r389-opt .r389-txt{flex:1;min-width:0}.r389-video .r389-opt b{display:block;font-size:13px;font-weight:600;color:#e3ecf6}.r389-video .r389-opt small{font-size:11px;color:var(--dim)}
.r389-video .r389-tick{width:22px;height:22px;border-radius:50%;border:1.5px solid #ffffff40;display:grid;place-items:center;flex:none;transition:all .2s;color:transparent}
.r389-video .r389-tick .r389-icon{width:12px;height:12px;stroke-width:3}.r389-video .r389-opt[aria-checked=true] .r389-tick{background:rgb(var(--b));border-color:rgb(var(--b));color:#06131c}
.r389-video .r389-opt[aria-checked=true] .r389-gart2{outline:2px solid rgba(var(--b),.8)}
.r389-video .r389-mosaic{width:42px;height:42px;border-radius:11px;display:grid;grid-template:1fr 1fr/1fr 1fr;gap:2px;overflow:hidden;flex:none;background:#0004}
.r389-video .r389-mosaic i{background:rgba(var(--a),.55)}.r389-video .r389-mosaic i:nth-child(2){background:rgba(var(--b),.4)}.r389-video .r389-mosaic i:nth-child(3){background:rgba(var(--b),.28)}.r389-video .r389-mosaic i:nth-child(4){background:rgba(var(--a),.35)}
.r389-video .r389-mosaic.r389-w i:nth-child(1){background:#f0a46a99}.r389-video .r389-mosaic.r389-g i:nth-child(1){background:#5fe0a899}
.r389-video .r389-gart2{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font:700 12px RekipVideoTitle,Arial;color:#fff;background:linear-gradient(135deg,var(--c1),var(--c2));flex:none}
.r389-video .r389-new{display:flex;gap:8px;margin-top:10px;padding-top:12px;border-top:1px solid var(--line2)}
.r389-video .r389-new input{flex:1;min-width:0;padding:10px 12px;border-radius:11px;border:1px dashed #ffffff3a;background:transparent;font-size:13px;outline:0}.r389-video .r389-new input:focus{border-style:solid;border-color:rgba(var(--b),.7)}
.r389-video .r389-go{height:40px;padding:0 16px;border-radius:11px;background:#e1eefc;color:#0c1a28;font-weight:600;font-size:13px}.r389-video .r389-go:hover{background:#fff}
.r389-video .r389-pfoot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;font-size:12px;color:var(--muted)}
.r389-video .r389-none{padding:18px 0;text-align:center;font-size:12px;color:var(--dim)}
.r389-video .r389-scrimbg{display:none}
.r389-video.r389-modal[hidden]{display:none}
.r389-video .r389-toasts{position:fixed;z-index:80;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);display:grid;gap:8px;justify-items:center;width:max-content;max-width:calc(100vw - 32px)}
.r389-video .r389-toast{display:flex;align-items:center;gap:12px;padding:11px 12px 11px 16px;border-radius:14px;border:1px solid #ffffff2a;background:#101823;box-shadow:0 18px 40px #000a;font-size:13px;animation:r389-tin .35s cubic-bezier(.2,.9,.3,1.1)}
.r389-video .r389-toast.r389-out{animation:r389-tout .25s forwards}
@keyframes r389-tin{from{opacity:0;transform:translateY(14px)}}@keyframes r389-tout{to{opacity:0;transform:translateY(10px)}}
.r389-video .r389-toast .r389-icon{width:16px;height:16px;color:rgb(var(--b))}.r389-video .r389-toast button{font-size:12px;font-weight:600;color:var(--accent);padding:5px 9px;border-radius:8px}.r389-video .r389-toast button:hover{background:#ffffff12}
.r389-video .r389-note{margin:36px 4px 0;font-size:12px;line-height:1.9;color:var(--dim);max-width:78ch}.r389-video .r389-note .r389-kbd{margin:0 2px}

@media (max-width:1020px){.r389-video .r389-layout{grid-template-columns:1fr}.r389-video .r389-side{position:static;grid-template-columns:1fr 1fr}.r389-video .r389-side .r389-card.r389-next-card{grid-column:1/-1}}
@media (max-width:700px){
  .r389-video.r389-modal{padding:0}.r389-video .r389-mbox{width:100%;height:100%;border-radius:0;border:0;padding:8px 16px 28px;animation:r389-sheet .3s cubic-bezier(.2,.9,.3,1)}.r389-video .r389-mbox .r389-pagebar{top:-8px}.r389-video .r389-mbox .r389-side{top:auto}.r389-video .r389-crumb span,.r389-video .r389-crumb .r389-icon{display:none}.r389-video .r389-pager output{white-space:nowrap}
  .r389-video .r389-stage{border-radius:18px}.r389-video .r389-ambient{inset:-16px -16px auto}.r389-video .r389-hud{padding:0 12px 10px}.r389-video .r389-chips{top:10px;left:10px;right:10px}
  .r389-video .r389-bigplay{width:66px;height:66px}.r389-video .r389-cb{width:34px;height:34px}.r389-video .r389-sbtn{min-width:40px;height:30px}.r389-video .r389-vol input{display:none}
  .r389-video .r389-side{grid-template-columns:1fr}.r389-video .r389-meta{padding-top:20px}.r389-video .r389-pill{height:42px;padding:0 15px}
  .r389-video .r389-pop{position:fixed;left:0!important;right:0;bottom:0;top:auto!important;width:auto;max-width:none;border-radius:24px 24px 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom,0px));z-index:70;animation:r389-sheet .28s cubic-bezier(.2,.9,.3,1)}
  @keyframes r389-sheet{from{transform:translateY(100%)}}
  .r389-video .r389-scrimbg{display:block;position:fixed;inset:0;z-index:60;background:#000a}.r389-video .r389-scrimbg[hidden]{display:none}
  .r389-video .r389-plist{max-height:42vh}
}
@media (prefers-reduced-motion:reduce){.r389-video *,.r389-video *:before,.r389-video *:after{animation:none!important;transition:none!important}}
.r389-video .r389-meta h2{margin:0 0 12px;font:700 clamp(24px,3vw,34px)/1.12 RekipVideoTitle,Arial;letter-spacing:-.9px;text-wrap:balance}
.r389-video .r389-icon{--rekip-icon-filter:var(--r382-icon-on-dark);object-fit:contain}
.r389-video .r389-tick .r389-icon{opacity:0}
.r389-video [aria-checked=true] .r389-tick .r389-icon{opacity:1;--rekip-icon-filter:var(--r382-icon-on-light)}
.r389-video .r389-by-owner{display:inline-flex;align-items:center;gap:10px;color:inherit;text-decoration:none}
.r389-video .r389-av img{width:100%;height:100%;object-fit:cover}
.r389-video .r389-av.r389-logo img{width:62%;height:62%;object-fit:contain}
.r389-video .r389-gart img,.r389-video .r389-gm img{width:100%;height:100%;object-fit:cover;border-radius:inherit}
.r389-video .r389-game{color:inherit;text-decoration:none;cursor:pointer}
.r389-video .r389-game .r389-gart{overflow:hidden}
.r389-video .r389-feedback{margin:14px 4px 0;color:var(--accent);font-size:12px;line-height:1.6}
.r389-video .r389-feedback:empty{display:none}
.r389-video button:disabled{opacity:.4;cursor:default}
.r389-video .r389-next small{display:block}
.r389-video .r389-next:disabled{opacity:.4}
.r389-video .r389-stage:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.r389-video .r389-stage .r389-waiting{position:absolute;inset:0;z-index:5;display:grid;place-content:center;gap:12px;justify-items:center;background:#080c1299;font-size:13px}
.r389-video .r389-waiting[hidden]{display:none}
.r389-video .r389-stage:not(.r389-started) .r389-bigplay{opacity:1;pointer-events:auto}
.r389-video .r389-avatar-link{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;flex:1;min-width:0}
.r389-video .r389-toasts{pointer-events:none}
.r389-video .r389-toast{pointer-events:auto}
/* Keep native dialogs closed until showModal(), irrespective of page-level dialog rules. */
dialog.r389-video:not([open]){display:none!important}
.r389-video .r389-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.r389-video .r389-pop{max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}
.r389-video .r389-mbox.r390-scrolled .r389-pagebar{background:#0c1118;border-radius:12px;box-shadow:0 8px 16px #0c111880}
.r389-video .r389-stage.r389-started .r389-bigplay{visibility:hidden}
.r389-video .r389-stage.r389-started .r389-bigplay:before{display:none}

/* Keep video composition separate and contain modal painting. Floating panels
   are mounted directly in the dialog so this boundary cannot clip them. */
.r389-video .r389-mbox{contain:paint}
.r389-video .r389-stage video{transform:translateZ(0)}
/* Native scrolling, styled only inside the video viewer. */
.r389-video .r389-mbox,.r389-video .r389-pop,.r389-video .r389-plist{
  scrollbar-width:thin;
  scrollbar-color:color-mix(in srgb,var(--accent) 55%,#9aa9bd) #0c1118;
  scrollbar-gutter:stable;
}
.r389-video .r389-mbox:hover,.r389-video .r389-mbox:focus-within,
.r389-video .r389-pop:hover,.r389-video .r389-pop:focus-within,
.r389-video .r389-plist:hover,.r389-video .r389-plist:focus-within{
  scrollbar-color:color-mix(in srgb,var(--accent) 75%,#c8d2df) #0c1118;
}
.r389-video .r389-mbox::-webkit-scrollbar,
.r389-video .r389-pop::-webkit-scrollbar,
.r389-video .r389-plist::-webkit-scrollbar{width:8px;height:8px}
.r389-video .r389-mbox::-webkit-scrollbar-track,
.r389-video .r389-pop::-webkit-scrollbar-track,
.r389-video .r389-plist::-webkit-scrollbar-track{background:#0c1118;border-radius:99px}
.r389-video .r389-mbox::-webkit-scrollbar-thumb,
.r389-video .r389-pop::-webkit-scrollbar-thumb,
.r389-video .r389-plist::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 55%,#9aa9bd);border:2px solid #0c1118;border-radius:99px}
.r389-video .r389-mbox::-webkit-scrollbar-thumb:hover,
.r389-video .r389-pop::-webkit-scrollbar-thumb:hover,
.r389-video .r389-plist::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--accent) 75%,#c8d2df)}
.r389-video .r389-mbox::-webkit-scrollbar-corner,
.r389-video .r389-pop::-webkit-scrollbar-corner,
.r389-video .r389-plist::-webkit-scrollbar-corner{background:#0c1118}
@media (forced-colors:active){
  .r389-video .r389-mbox,.r389-video .r389-pop,.r389-video .r389-plist{scrollbar-color:auto}
  .r389-video .r389-mbox::-webkit-scrollbar-thumb,
  .r389-video .r389-pop::-webkit-scrollbar-thumb,
  .r389-video .r389-plist::-webkit-scrollbar-thumb{background:ButtonText;border-color:Canvas}
  .r389-video .r389-mbox::-webkit-scrollbar-track,
  .r389-video .r389-pop::-webkit-scrollbar-track,
  .r389-video .r389-plist::-webkit-scrollbar-track{background:Canvas}
}