html[data-skin="backrooms"]{--bg:#090d11;--panel:#111821;--panel-alt:#161f2b;--text:#edf0f5;--muted:#9ca9bc;--border:#243141;--accent:#d8c16b;--accent-2:#8f7c18;--danger:#f97373}
html[data-skin="light"]{--bg:#f5f8fc;--panel:#ffffff;--panel-alt:#eef4fb;--text:#162338;--muted:#607086;--border:#d8e2ef;--accent:#2457d6;--accent-2:#17398f;--danger:#b42318}
html[data-skin="dark"]{--bg:#07111d;--panel:#0d1b29;--panel-alt:#102336;--text:#edf5ff;--muted:#9fb3c9;--border:#1f3650;--accent:#66d9ff;--accent-2:#7d8cff;--danger:#ff8a8a}
:root{--bg:#0b1020;--panel:#121a2d;--soft:#172036;--text:#edf2ff;--muted:#b7c39a;--accent:#d8e86d;--good:#16a34a;--bad:#ef4444;--border:#3b4326;--panel2:#0c1426}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Segoe UI,Arial,sans-serif;background:linear-gradient(180deg,#0b1008,#10160d 26%,#141b10);color:var(--text);line-height:1.5}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:absolute;left:1rem;top:-3rem;z-index:50;padding:.75rem 1rem;border-radius:.75rem;background:var(--accent);color:#182007;font-weight:700;transition:top .18s ease}
.skip-link:focus{top:1rem}
a{color:inherit;text-decoration:none}code{background:#0a1220;border:1px solid var(--border);padding:.1rem .35rem;border-radius:.35rem}img{max-width:100%}
.container{max-width:1280px;margin:0 auto;padding:1.25rem}.page-shell{padding-top:1.15rem;padding-bottom:2.5rem;position:relative;z-index:2}.row{display:flex;align-items:center;justify-content:space-between;gap:1rem}
.archive-status-strip{position:relative;z-index:2;background:linear-gradient(180deg,rgba(44,41,27,.95),rgba(28,26,18,.95));border-bottom:1px solid rgba(118,112,67,.35);font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:#eadb9f}
.archive-status-strip-inner{display:flex;gap:1rem;justify-content:space-between;flex-wrap:wrap;padding:.55rem 1.25rem}
.site-header{position:sticky;top:0;backdrop-filter:blur(12px);background:rgba(11,16,8,.86);border-bottom:1px solid var(--border);z-index:20}.nav-shell{padding-top:.95rem;padding-bottom:.95rem}.nav-top{display:grid;grid-template-columns:auto minmax(260px,1fr) auto;gap:1rem;align-items:center}
.nav{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;justify-content:flex-end}.nav a,.link-button{padding:.55rem .75rem;border-radius:.45rem;transition:background .18s ease,border-color .18s ease,color .18s ease}.nav a:hover,.link-button:hover{background:rgba(255,255,255,.05)}
.brand{font-weight:800;font-size:1.04rem;display:inline-flex;align-items:center;gap:.6rem;letter-spacing:.08em;text-transform:uppercase}.brand-mark{display:inline-flex;align-items:center;justify-content:center;width:1.1rem;height:1.1rem;border:1px solid rgba(216,193,107,.5);border-radius:999px;color:#eadb9f;box-shadow:0 0 14px rgba(216,193,107,.18);font-size:.72rem}.brand-version{display:inline-flex;align-items:center;padding:.15rem .4rem;border:1px solid rgba(216,193,107,.34);border-radius:.28rem;background:rgba(43,39,24,.7);font-size:.66rem;letter-spacing:.12em;color:#eadfae}
.search-form{display:flex;gap:.6rem}.search-form input{min-width:0}.search-form input:focus,input:focus,textarea:focus,select:focus{outline:none;border-color:rgba(216,193,107,.58);box-shadow:0 0 0 3px rgba(216,193,107,.12)}
.button:focus-visible,.link-button:focus-visible,.quality-btn:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid rgba(216,193,107,.9);outline-offset:3px}
.card{background:linear-gradient(180deg,rgba(20,28,15,.98),rgba(14,18,12,.98));border:1px solid var(--border);border-radius:1rem;padding:1.1rem;box-shadow:0 16px 60px rgba(0,0,0,.22)}.inset-card{background:rgba(10,18,32,.75)}
.hero{min-height:220px;align-items:center;margin-bottom:1.2rem}.hero-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.95fr);gap:1rem}.hero h1{margin:.35rem 0 0;font-size:2.7rem;line-height:1.02}.hero p,.muted{color:var(--muted)}
.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:1rem}.compact-actions{margin-top:0}.section-kicker{display:inline-block;margin-bottom:.45rem;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;color:#dccc8d}
.button,.link-button{appearance:none;border:0;background:var(--accent);color:#182007;padding:.8rem 1.05rem;border-radius:.8rem;font-weight:700;cursor:pointer}.button.subtle,.quality-btn{background:#1c2741;color:var(--text);border:1px solid var(--border)}.link-button{background:transparent;color:var(--text);padding:.55rem .75rem}.danger-button{border-color:rgba(239,68,68,.35)!important;color:#ffd8d8!important}
.alert{margin:1rem 0;padding:.9rem 1rem;border-radius:.8rem;border:1px solid var(--border)}.alert.success{background:rgba(22,163,74,.12);border-color:rgba(22,163,74,.35)}.alert.error{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.35)}
.badge{display:inline-block;background:#1a2310;border:1px solid var(--border);padding:.35rem .55rem;border-radius:999px;color:#d7e3b4;font-size:.85rem}
.grid{display:grid;gap:1rem}.video-grid{grid-template-columns:repeat(auto-fit,minmax(270px,1fr))}.creator-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.section-head{display:flex;align-items:end;justify-content:space-between;margin:1.35rem 0 .8rem;gap:1rem}
.video-card{padding:0;overflow:hidden}.thumb-wrap{display:block;position:relative}.thumb{width:100%;aspect-ratio:16/9;object-fit:cover;background:#0a1220;display:block}.video-meta{padding:1rem}.video-meta h3{margin:0 0 .35rem;font-size:1.05rem}.video-meta.compact p{margin:.3rem 0}.tag-line{color:#c6d4fb;font-size:.9rem}
.status-pill,.duration-pill{display:inline-flex;align-items:center;justify-content:center;padding:.3rem .55rem;border-radius:999px;font-size:.82rem;border:1px solid var(--border);background:#1a2310}.thumb-wrap>.status-pill,.thumb-wrap>.duration-pill{position:absolute;z-index:1}.thumb-wrap>.status-pill{left:.75rem;top:.75rem}.thumb-wrap>.duration-pill{right:.75rem;bottom:.75rem;background:rgba(0,0,0,.66);border-color:rgba(255,255,255,.15)}.duration-pill{background:rgba(0,0,0,.66);border-color:rgba(255,255,255,.15)}
.status-pill.ready{background:rgba(22,163,74,.12);border-color:rgba(22,163,74,.35)}.status-pill.failed{background:rgba(239,68,68,.12);border-color:rgba(239,68,68,.35)}.status-pill.queued,.status-pill.processing{background:rgba(124,156,255,.12);border-color:rgba(124,156,255,.35)}
.narrow{max-width:760px;margin:0 auto}.narrow-full{min-width:0}.stack{display:grid;gap:.95rem}.form-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.field{display:grid;gap:.35rem}.field.full{grid-column:1/-1}label{font-weight:650}
input,textarea,select{width:100%;padding:.8rem .9rem;border-radius:.8rem;border:1px solid var(--border);background:#0c1426;color:var(--text)}summary{cursor:pointer}
input[type=file]{padding:.45rem .5rem;min-height:3rem;overflow:hidden;line-height:1.25;cursor:pointer;background:#0c1426;color:var(--text)}
input[type=file]::file-selector-button{appearance:none;border:1px solid var(--border);background:linear-gradient(180deg,rgba(58,55,40,.96),rgba(32,30,22,.96));color:var(--text);padding:.62rem .9rem;border-radius:.65rem;margin-right:.8rem;cursor:pointer;white-space:nowrap;max-width:100%}
input[type=file]::-webkit-file-upload-button{appearance:none;border:1px solid var(--border);background:linear-gradient(180deg,rgba(58,55,40,.96),rgba(32,30,22,.96));color:var(--text);padding:.62rem .9rem;border-radius:.65rem;margin-right:.8rem;cursor:pointer;white-space:nowrap;max-width:100%}
.table{display:grid;gap:.55rem}.table .row{display:grid;gap:1rem;align-items:center;padding:.8rem .95rem;border:1px solid var(--border);border-radius:.85rem;background:#12190e}.video-table .row{grid-template-columns:minmax(180px,2fr) repeat(4,minmax(0,1fr))}.management-table .row{grid-template-columns:minmax(220px,2.3fr) 1fr 1fr .8fr 1.2fr}.table .row.head{background:#1a2310;font-weight:700}
.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:1rem}.stat{display:grid;gap:.35rem;position:relative;overflow:hidden}.stat::after{content:"";position:absolute;inset:auto -15% -35% auto;width:130px;height:130px;background:radial-gradient(circle,rgba(216,193,107,.14),transparent 62%);pointer-events:none}.stat span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:.73rem}.stat strong{font-size:2rem;position:relative;z-index:1}
.watch-layout{display:grid;grid-template-columns:minmax(0,2fr) 360px;gap:1rem}.watch-main,.watch-side{display:grid;gap:1rem}.player-shell{padding:.75rem}.player{width:100%;max-height:70vh;border-radius:.8rem;background:#000}.player-shell .card{margin-top:1rem}
.quality-bar,.reaction-row,.action-group{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}.quality-bar,.reaction-row{margin-top:.75rem}.quality-btn{padding:.55rem .75rem;border-radius:.7rem;cursor:pointer}.quality-btn.active{background:var(--accent);color:#061223}.processing-note{padding:1rem}.quality-list{margin:0;padding-left:1.2rem;color:var(--muted)}.inline-form{display:inline}
.watch-channel-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:.8rem 0 1rem}.channel-inline{display:flex;align-items:center;gap:.75rem}.small-avatar{width:42px;height:42px;border-radius:999px;object-fit:cover;background:#121d34;border:1px solid var(--border)}.channel-inline span{display:grid}.channel-inline small{color:var(--muted)}.video-description{padding-top:.8rem;border-top:1px solid var(--border)}
.comments-list{display:grid;gap:1rem;margin-top:1rem}.comment-item{display:grid;grid-template-columns:42px 1fr;gap:.85rem;padding:.85rem;border:1px solid var(--border);border-radius:.9rem;background:var(--panel2)}.comment-item p{margin:.2rem 0}
.channel-banner{padding:0;overflow:hidden;background:linear-gradient(120deg,#243015,#13190f)}.channel-banner-overlay{display:flex;gap:1rem;align-items:flex-end;padding:1.4rem;min-height:240px;background:linear-gradient(180deg,rgba(0,0,0,.05),rgba(0,0,0,.55))}.channel-avatar{width:112px;height:112px;border-radius:999px;object-fit:cover;border:4px solid rgba(255,255,255,.15);background:#0c1426}.channel-meta h1{margin:0 0 .25rem}
.dashboard-grid{grid-template-columns:1fr 1fr}.admin-video-list{display:grid;gap:1rem}.admin-video-card{display:grid;gap:1rem;padding:1rem;border:1px solid var(--border);border-radius:1rem;background:#12190e}.admin-video-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:.75rem;align-items:end}.checkbox-row{display:flex;align-items:center;gap:.55rem}.checkbox-row input{width:auto}.divider{border:none;height:1px;background:var(--border);margin:1rem 0}.feature-list{margin:.4rem 0 0;padding-left:1.2rem}.feature-list li{margin:.45rem 0}
.playlist-row,.creator-card{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}.playlist-head h1{margin:.5rem 0 .3rem}.playlist-actions{margin-top:1rem}.playlist-action-grid{display:flex;flex-wrap:wrap;gap:.5rem}.create-playlist-panel summary{font-weight:700}.spaced-top{margin-top:1rem}.related-stack .video-card{padding:0}.small-text{font-size:.85rem}.creator-card{flex-direction:column}.related-stack{gap:.85rem}
.progress-pill{position:absolute;left:.75rem;bottom:.75rem;background:rgba(216,232,109,.92);color:#182007;border-radius:999px;padding:.25rem .5rem;font-size:.78rem;font-weight:700;z-index:2}.watch-progress-bar{position:absolute;left:0;right:0;bottom:0;height:5px;background:rgba(255,255,255,.12)}.watch-progress-bar span{display:block;height:100%;background:var(--accent)}
.compact-head{margin:0 0 .75rem}.analytics-table .row{grid-template-columns:minmax(220px,2fr) .8fr .8fr .8fr 1fr}.report-card{display:grid;gap:.75rem}
.archive-note-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:1rem}.note-card{min-height:100%}.archive-side-grid{display:grid;gap:1rem}.archive-mini-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.mini-stat-card{padding:.85rem;border:1px solid rgba(118,112,67,.28);background:rgba(12,12,9,.45);border-radius:.45rem;display:grid;gap:.2rem}.mini-stat-card strong{font-size:1.5rem}.mini-stat-card span{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:#c8bb8b}
.site-footer{position:relative;z-index:2;border-top:1px solid rgba(118,112,67,.32);background:rgba(12,13,9,.85)}.footer-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:1rem;align-items:start}.footer-title{font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem}.footer-copy{max-width:60ch}.footer-meta{display:grid;gap:.55rem;font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:#d7ca97}
.video-app-archive{background:radial-gradient(circle at top,rgba(216,193,107,.08),transparent 32%),linear-gradient(180deg,#090d11,#10160d 26%,#141b10)}.scanline-overlay{pointer-events:none;position:fixed;inset:0;opacity:.09;background-image:linear-gradient(to bottom,rgba(255,255,255,.15) 1px,transparent 1px);background-size:100% 4px;mix-blend-mode:soft-light;z-index:1}.site-header,.page-shell{position:relative;z-index:2}
.archive-video-hero{position:relative;overflow:hidden;border-color:rgba(216,193,107,.28)}.archive-video-hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top,rgba(234,228,173,.07),transparent 28%),linear-gradient(180deg,transparent,rgba(0,0,0,.15));pointer-events:none}.archive-video-side{background:linear-gradient(180deg,rgba(12,20,38,.94),rgba(8,14,28,.94));border-left:4px solid rgba(190,174,97,.22)}.archive-video-metrics .stat{background:linear-gradient(180deg,rgba(20,28,15,.98),rgba(10,16,12,.98))}
.retro-backrooms-video{background:radial-gradient(circle at 15% 0%,rgba(214,192,120,.08),transparent 24%),radial-gradient(circle at 85% 10%,rgba(113,104,57,.10),transparent 26%),linear-gradient(180deg,#0b0d07 0%,#12140c 26%,#171910 58%,#11130c 100%);color:var(--text)}
.retro-backrooms-video .site-header{background:rgba(18,19,12,.92);border-bottom-color:rgba(118,112,67,.45);box-shadow:0 10px 30px rgba(0,0,0,.28)}
.retro-backrooms-video .card{border-radius:.45rem;border-color:rgba(119,112,68,.35);background:linear-gradient(180deg,rgba(32,30,21,.96),rgba(22,20,14,.96)),repeating-linear-gradient(180deg,rgba(255,255,255,.016) 0 1px,transparent 1px 3px);box-shadow:0 18px 48px rgba(0,0,0,.24)}
.retro-backrooms-video .inset-card{background:linear-gradient(180deg,rgba(24,23,17,.94),rgba(15,14,10,.96))}.retro-backrooms-video .button,.retro-backrooms-video .quality-btn,.retro-backrooms-video .button.subtle{border-radius:.35rem}
.retro-backrooms-video .button{background:linear-gradient(180deg,#d8c77a,#b39f55);color:#17160f;box-shadow:inset 0 1px 0 rgba(255,255,255,.35)}
.retro-backrooms-video .button.subtle,.retro-backrooms-video .quality-btn,.retro-backrooms-video .nav a:hover,.retro-backrooms-video .link-button:hover{background:linear-gradient(180deg,rgba(52,50,39,.96),rgba(31,29,22,.96));border-color:rgba(119,112,68,.38)}
.retro-backrooms-video input,.retro-backrooms-video textarea,.retro-backrooms-video select,.retro-backrooms-video code{border-radius:.35rem;background:#15150f;border-color:rgba(118,112,67,.42);color:#efe8c8}
.retro-backrooms-video .badge,.retro-backrooms-video .status-pill,.retro-backrooms-video .duration-pill,.retro-backrooms-video .progress-pill{border-radius:.3rem}
.retro-backrooms-video .tape-badge{background:linear-gradient(180deg,rgba(98,88,45,.92),rgba(70,62,31,.92));color:#f0e6ba;border-color:rgba(216,193,107,.35);text-transform:uppercase;letter-spacing:.08em}
.retro-backrooms-video .thumb{filter:saturate(.86) contrast(1.03) brightness(.94)}.retro-backrooms-video .video-card,.retro-backrooms-video .playlist-row,.retro-backrooms-video .admin-video-card{position:relative}
.retro-backrooms-video .video-card::after,.retro-backrooms-video .playlist-row::after,.retro-backrooms-video .admin-video-card::after{content:"ARCHIVE";position:absolute;top:.7rem;right:.9rem;font-size:.65rem;letter-spacing:.16em;color:rgba(220,208,151,.22);pointer-events:none}
.retro-backrooms-video .scanline-overlay{opacity:.11;background-image:linear-gradient(to bottom,rgba(255,255,255,.13) 1px,transparent 1px),linear-gradient(to right,rgba(255,255,255,.02),rgba(255,255,255,0));background-size:100% 4px,100% 100%}
.retro-backrooms-video .section-kicker,.retro-backrooms-video .footer-title{color:#e7d79a}
.retro-backrooms-video .site-footer,.retro-backrooms-video .archive-status-strip{background:linear-gradient(180deg,rgba(31,29,21,.96),rgba(19,18,13,.96))}
@media (max-width:980px){.watch-layout,.dashboard-grid,.hero-grid,.footer-grid{grid-template-columns:1fr}.nav-top{grid-template-columns:1fr}.search-form{order:3}.nav{justify-content:flex-start}.video-table .row,.management-table .row,.analytics-table .row{grid-template-columns:1.5fr 1fr 1fr}.video-table .row div:nth-child(4),.video-table .row div:nth-child(5),.management-table .row div:nth-child(4),.analytics-table .row div:nth-child(4),.analytics-table .row div:nth-child(5){display:none}}
@media (max-width:700px){.container{padding:1rem}.archive-status-strip-inner{padding:.5rem 1rem}.table .row{padding:.7rem}.comment-item{grid-template-columns:1fr}.channel-banner-overlay{align-items:flex-start;flex-direction:column}.watch-channel-row,.playlist-row{align-items:flex-start;flex-direction:column}.player{max-height:45vh}.archive-mini-grid{grid-template-columns:1fr}.hero h1{font-size:2.15rem}.nav a,.link-button{padding:.5rem .6rem}}
@media (max-width:700px){input[type=file]{padding:.55rem}input[type=file]::file-selector-button,input[type=file]::-webkit-file-upload-button{display:block;width:100%;margin:0 0 .55rem 0}}


.browse-callout,.browse-hero{position:relative;overflow:hidden}
.browse-pills{display:flex;flex-wrap:wrap;gap:.6rem;justify-content:flex-end}
.browse-pills .quality-btn{text-decoration:none}
.ledger-card{display:grid;gap:.9rem}
.ledger-card-meta{display:flex;justify-content:space-between;gap:1rem;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:#cabd8d}
.watch-title-row{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start}
.chapter-list{display:grid;gap:.55rem}
.chapter-btn{display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:center;padding:.7rem .8rem;background:linear-gradient(180deg,rgba(27,26,19,.94),rgba(17,16,12,.98));border:1px solid rgba(118,112,67,.32);border-radius:.35rem;color:var(--text);cursor:pointer;text-align:left}
.chapter-btn span{font-weight:800;letter-spacing:.08em;color:#eadfae}
.chapter-btn strong{font-size:.92rem}
.chapter-btn:hover{border-color:rgba(216,193,107,.55);transform:translateY(-1px)}
.archive-spec-list{display:grid;gap:.6rem;margin-top:.75rem}
.archive-spec-list div{display:flex;justify-content:space-between;gap:1rem;padding:.55rem .65rem;border:1px solid rgba(118,112,67,.25);border-radius:.35rem;background:rgba(9,9,7,.24)}
.archive-spec-list span{font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:#cabd8d}
.autoplay-toggle{margin-left:auto}
.compact-feature-list li{margin:.35rem 0}
.browse-callout::before,.browse-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(216,193,107,.05),transparent 35%,rgba(216,193,107,.03));pointer-events:none}
.retro-backrooms-video .chapter-btn,.retro-backrooms-video .archive-spec-list div,.retro-backrooms-video .browse-callout,.retro-backrooms-video .browse-hero{background:linear-gradient(180deg,rgba(31,29,21,.96),rgba(17,16,11,.96))}
.retro-backrooms-video .chapter-btn:hover{background:linear-gradient(180deg,rgba(43,40,29,.98),rgba(24,22,16,.98))}
@media (max-width:700px){
    .browse-pills{justify-content:flex-start}
    .watch-title-row{flex-direction:column}
    .autoplay-toggle{margin-left:0}
    .chapter-btn{grid-template-columns:1fr}
    .ledger-card-meta{flex-direction:column;align-items:flex-start}
}

.player-toolbar{display:flex;justify-content:space-between;gap:.85rem;align-items:center;flex-wrap:wrap;margin-top:.8rem;padding-top:.8rem;border-top:1px solid rgba(118,112,67,.24)}
.speed-control-group,.chapter-jump-group,.watch-badge-stack,.small-flag-row{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap}
.watch-badge-stack{justify-content:flex-end}
.playback-rate-btn{min-width:4.4rem}
.browse-pills .quality-btn.active{background:var(--accent);color:#061223}
.transcript-list{display:grid;gap:.55rem}
.transcript-cue{display:grid;grid-template-columns:auto 1fr;gap:.8rem;align-items:flex-start;padding:.7rem .8rem;background:linear-gradient(180deg,rgba(23,23,17,.96),rgba(13,13,10,.98));border:1px solid rgba(118,112,67,.26);border-radius:.35rem;color:var(--text);cursor:pointer;text-align:left}
.transcript-cue span{font-weight:800;letter-spacing:.08em;color:#eadfae}
.transcript-cue strong{font-size:.9rem;line-height:1.4}
.transcript-cue.active,.chapter-btn.active{border-color:rgba(216,193,107,.62);box-shadow:0 0 0 1px rgba(216,193,107,.18) inset;background:linear-gradient(180deg,rgba(58,53,36,.98),rgba(29,26,18,.98))}
.transcript-text-panel{border:1px solid rgba(118,112,67,.22);border-radius:.45rem;padding:.85rem;background:rgba(10,10,8,.32)}
.transcript-text-panel summary{font-weight:700}
.transcript-block{margin:.9rem 0 0;white-space:pre-wrap;word-break:break-word;font-family:Consolas,Monaco,monospace;font-size:.9rem;line-height:1.55;color:#e7dfba}
.compact-field{margin-bottom:.55rem}
.small-flag{display:inline-flex;align-items:center;gap:.25rem;padding:.18rem .45rem;border:1px solid rgba(118,112,67,.32);border-radius:.3rem;font-size:.74rem;letter-spacing:.06em;text-transform:uppercase;color:#d7ca97;background:rgba(21,21,16,.6)}
.retro-backrooms-video .transcript-cue,.retro-backrooms-video .transcript-text-panel,.retro-backrooms-video .player-toolbar{background:linear-gradient(180deg,rgba(31,29,21,.96),rgba(17,16,11,.96))}
@media (max-width:700px){.player-toolbar,.speed-control-group,.chapter-jump-group,.watch-badge-stack,.small-flag-row{align-items:flex-start}.transcript-cue{grid-template-columns:1fr}}

.hls-fallback-note{margin-top:.75rem}
@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.nav a,.link-button,.skip-link{transition:none}}


.nav a[aria-current="page"]{background:linear-gradient(180deg,rgba(80,74,45,.96),rgba(48,43,27,.96));border:1px solid rgba(216,193,107,.42);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
.footer-links{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.9rem}
.footer-links a{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .65rem;border-radius:.35rem;border:1px solid rgba(118,112,67,.28);background:rgba(23,22,16,.55);text-transform:uppercase;letter-spacing:.08em;font-size:.76rem}
.footer-links a:hover{border-color:rgba(216,193,107,.48);transform:translateY(-1px)}
.archive-signal-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:1rem 0 1.35rem}
.signal-card h2,.result-summary-card h2{margin:.35rem 0 .5rem}
.signal-links{margin-top:1rem}
.result-summary-card{margin:1rem 0}
.player-utility-group{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap}
.watch-side .card{overflow:hidden}
.retro-backrooms-video .player-shell{background:
    linear-gradient(180deg,rgba(36,33,24,.96),rgba(18,17,12,.98)),
    radial-gradient(circle at top,rgba(216,193,107,.06),transparent 45%)}
.retro-backrooms-video .player{box-shadow:0 18px 40px rgba(0,0,0,.35);border:1px solid rgba(118,112,67,.24)}
.retro-backrooms-video .quality-bar{padding-top:.65rem;border-top:1px solid rgba(118,112,67,.22)}
.retro-backrooms-video .footer-links a,.retro-backrooms-video .signal-card,.retro-backrooms-video .result-summary-card{background:linear-gradient(180deg,rgba(31,29,21,.96),rgba(17,16,11,.96))}
.retro-backrooms-video .nav a[aria-current="page"]{color:#f5eabf}
@media (max-width:700px){
    .footer-links{justify-content:flex-start}
    .player-utility-group{align-items:flex-start}
}

/* Production polish refresh */
:root{
    --surface-1: rgba(26, 24, 18, 0.94);
    --surface-2: rgba(18, 17, 12, 0.96);
    --surface-3: rgba(35, 32, 23, 0.96);
    --gold-line: rgba(216,193,107,.22);
}
body.video-app-archive{
    background:
        radial-gradient(circle at top center, rgba(216,193,107,.09), transparent 24%),
        radial-gradient(circle at 15% 12%, rgba(137,120,49,.08), transparent 18%),
        linear-gradient(180deg, #0a0b08 0%, #10120c 24%, #131610 56%, #10120c 100%);
}
.container{max-width:1320px;padding:1.35rem 1.5rem}
.page-shell{padding-top:1.35rem;padding-bottom:3rem}
.archive-status-strip{
    background:linear-gradient(180deg,rgba(28,26,18,.95),rgba(20,19,13,.92));
    border-bottom:1px solid var(--gold-line);
    font-size:.68rem;
    color:#d7cca0;
    letter-spacing:.14em;
}
.archive-status-strip-inner{
    justify-content:flex-start;
    gap:1.8rem;
    padding:.65rem 1.5rem;
}
.site-header{
    background:rgba(11,11,8,.82);
    border-bottom:1px solid rgba(216,193,107,.12);
    box-shadow:0 14px 40px rgba(0,0,0,.22);
}
.nav-shell{padding-top:.9rem;padding-bottom:.9rem}
.nav-top{grid-template-columns:auto minmax(360px,1fr) auto;gap:1.25rem}
.brand{font-size:1.02rem;letter-spacing:.06em}
.brand-version{
    background:linear-gradient(180deg,rgba(76,68,39,.82),rgba(46,40,23,.88));
    border-color:rgba(216,193,107,.25);
}
.nav{gap:.45rem}
.nav a,.link-button{
    border:1px solid transparent;
    border-radius:999px;
    padding:.58rem .82rem;
}
.search-form{align-items:center;gap:.7rem}
.search-form input{
    height:2.85rem;
    border-radius:999px;
    padding:0 1rem;
    background:rgba(19,18,13,.88);
}
.search-form .button.subtle{
    height:2.85rem;
    border-radius:999px;
    padding:0 1rem;
}
.card{
    border-radius:1.15rem;
    border:1px solid rgba(216,193,107,.12);
    background:linear-gradient(180deg,var(--surface-1),var(--surface-2));
    box-shadow:0 22px 60px rgba(0,0,0,.24);
    padding:1.25rem;
}
.inset-card{
    background:linear-gradient(180deg,rgba(22,20,15,.95),rgba(15,14,10,.96));
}
.hero{min-height:unset}
.hero-grid{grid-template-columns:minmax(0,1.55fr) minmax(340px,.95fr);gap:1.15rem}
.archive-video-hero{
    padding:1.65rem;
    background:
        radial-gradient(circle at 18% 16%, rgba(216,193,107,.10), transparent 24%),
        linear-gradient(180deg, rgba(35,32,22,.96), rgba(18,17,12,.98));
}
.archive-video-hero::before{
    background:linear-gradient(110deg,rgba(255,255,255,.018),transparent 42%),linear-gradient(180deg,transparent,rgba(0,0,0,.12));
}
.archive-video-side{
    border-left:0;
    background:linear-gradient(180deg,rgba(27,25,18,.98),rgba(17,16,11,.98));
}
.hero h1{
    font-size:clamp(2.5rem,4vw,4rem);
    line-height:1;
    margin:.5rem 0 .85rem;
    letter-spacing:-.03em;
}
.hero p{max-width:56rem;font-size:1.06rem;line-height:1.7}
.hero-chip-row{margin-top:.4rem}
.hero-actions{gap:.85rem;margin-top:1.2rem}
.button,.button.subtle,.quality-btn{
    min-height:2.8rem;
    border-radius:999px;
    padding:.72rem 1.05rem;
}
.button{
    background:linear-gradient(180deg,#ddc97e,#b79948);
    color:#17140c;
    box-shadow:0 10px 24px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.32);
}
.button.subtle,.quality-btn{
    background:linear-gradient(180deg,rgba(43,40,29,.98),rgba(24,22,15,.98));
    border-color:rgba(216,193,107,.14);
}
.nav a[aria-current="page"]{
    background:linear-gradient(180deg,rgba(94,84,48,.92),rgba(56,49,28,.95));
    border-color:rgba(216,193,107,.24);
}
.stat{
    padding:1.2rem 1.15rem;
    min-height:132px;
}
.stat strong{font-size:2.2rem}
.stat span{font-size:.76rem;letter-spacing:.11em}
.archive-video-metrics .stat,
.signal-card,
.result-summary-card,
.browse-callout,
.browse-hero,
.player-toolbar,
.transcript-cue,
.transcript-text-panel,
.chapter-btn,
.archive-spec-list div{
    background:linear-gradient(180deg,rgba(31,29,21,.98),rgba(17,16,11,.98));
}
.note-card p,.signal-card p,.creator-card p,.playlist-row p,.video-meta p{line-height:1.65}
.feature-list{display:grid;gap:.75rem;padding-left:1.1rem}
.feature-list li{line-height:1.55}
.section-head{margin:1.6rem 0 .95rem;align-items:center}
.section-kicker{margin-bottom:.6rem;color:#dccf9d}
.video-card{border-radius:1rem;overflow:hidden}
.video-card::after,.playlist-row::after,.admin-video-card::after{content:none}
.thumb{aspect-ratio:16/9;filter:saturate(.9) contrast(1.02) brightness(.94)}
.video-meta{padding:1rem 1rem 1.05rem}
.video-meta h3{font-size:1.08rem;line-height:1.35}
.status-pill,.duration-pill,.progress-pill,.badge,.small-flag{
    border-color:rgba(216,193,107,.18);
}
.footer-grid{grid-template-columns:minmax(0,1.5fr) minmax(280px,.9fr);gap:1.4rem}
.site-footer{
    margin-top:2.2rem;
    border-top:1px solid rgba(216,193,107,.10);
    background:linear-gradient(180deg,rgba(20,19,14,.96),rgba(12,11,8,.98));
}
.footer-title{font-size:1rem;letter-spacing:.08em;text-transform:uppercase}
.footer-copy{max-width:52rem;line-height:1.65}
.footer-meta{
    display:grid;
    gap:.75rem;
    align-content:start;
}
.footer-meta span{
    padding:.7rem .9rem;
    border:1px solid rgba(216,193,107,.12);
    border-radius:1rem;
    background:rgba(24,22,16,.62);
    text-transform:uppercase;
    letter-spacing:.1em;
    font-size:.76rem;
    color:#d7cca0;
}
.footer-links a{
    border-radius:999px;
    padding:.52rem .82rem;
    background:rgba(25,23,17,.72);
}
.watch-layout{grid-template-columns:minmax(0,2fr) 380px;gap:1.2rem}
.player-shell{padding:1rem}
.player{border-radius:1rem}
.processing-note{padding:1.1rem 1rem .35rem}
.watch-title-row{gap:1.2rem}
.watch-channel-row{margin:.95rem 0 1.05rem}
.comments-list,.chapter-list,.transcript-list{gap:.75rem}
.comment-item{border-radius:1rem;background:rgba(20,18,13,.94)}
.channel-banner{border-radius:1.2rem;overflow:hidden}
.channel-banner-overlay{min-height:280px;padding:1.6rem}
.ledger-card,.creator-card{padding:1.15rem}
.result-summary-card,.signal-card{padding:1.2rem}
.archive-spec-list{gap:.7rem}
.archive-spec-list div{padding:.75rem .85rem}
.quality-list{display:grid;gap:.55rem;padding-left:1.2rem}
.quality-list li{line-height:1.55}
.transcript-block{font-size:.92rem;line-height:1.6}
@media (max-width:1100px){
    .nav-top{grid-template-columns:1fr}
    .search-form{order:3}
    .nav{justify-content:flex-start}
    .watch-layout,.hero-grid,.dashboard-grid,.footer-grid{grid-template-columns:1fr}
}
@media (max-width:700px){
    .container{padding:1rem}
    .archive-status-strip-inner{gap:.85rem;padding:.55rem 1rem}
    .card{padding:1rem}
    .hero h1{font-size:2.45rem}
    .search-form{flex-direction:column;align-items:stretch}
    .search-form .button.subtle{width:100%}
    .nav a,.link-button,.button,.button.subtle,.quality-btn{width:auto}
    .footer-meta span{font-size:.72rem}
}

/* Final readability, layout, and service refresh fixes */
html[data-skin="backrooms"]{
    --bg:#0b0c08;
    --panel:#1d1b14;
    --panel-alt:#252116;
    --text:#f4eed6;
    --muted:#d0c8ab;
    --border:#74693f;
    --accent:#d8c16b;
    --accent-2:#9c8540;
}

body.video-app-archive{
    color:var(--text);
    text-rendering:optimizeLegibility;
}

body.video-app-archive,
body.video-app-archive .card,
body.video-app-archive .site-header,
body.video-app-archive .site-footer,
body.video-app-archive .archive-status-strip,
body.video-app-archive .archive-video-side,
body.video-app-archive input,
body.video-app-archive textarea,
body.video-app-archive select{
    color-scheme:dark;
}

body.video-app-archive .muted,
body.video-app-archive .hero p,
body.video-app-archive .stat span,
body.video-app-archive .channel-inline small,
body.video-app-archive .quality-list,
body.video-app-archive .footer-copy{
    color:var(--muted);
}

body.video-app-archive .tag-line,
body.video-app-archive .section-kicker,
body.video-app-archive .archive-spec-list span,
body.video-app-archive .mini-stat-card span,
body.video-app-archive .footer-meta,
body.video-app-archive .footer-meta span{
    color:#e1d6a4;
}

body.video-app-archive .nav-top,
body.video-app-archive .header-links-row,
body.video-app-archive .hero-grid,
body.video-app-archive .section-head,
body.video-app-archive .watch-title-row,
body.video-app-archive .watch-channel-row,
body.video-app-archive .playlist-row,
body.video-app-archive .channel-inline,
body.video-app-archive .row,
body.video-app-archive .card,
body.video-app-archive .video-meta,
body.video-app-archive .hero-panel,
body.video-app-archive .archive-mini-grid,
body.video-app-archive .footer-grid > *{
    min-width:0;
}

body.video-app-archive h1,
body.video-app-archive h2,
body.video-app-archive h3,
body.video-app-archive .brand-text,
body.video-app-archive .video-meta h3 a,
body.video-app-archive .note-card h2,
body.video-app-archive .signal-card h2,
body.video-app-archive .section-head h2{
    overflow-wrap:anywhere;
    text-wrap:balance;
}

body.video-app-archive p,
body.video-app-archive .muted,
body.video-app-archive .video-meta p,
body.video-app-archive .footer-copy{
    overflow-wrap:anywhere;
}

body.video-app-archive .scanline-overlay{
    opacity:.05;
}

body.video-app-archive .site-header{
    background:rgba(14,13,10,.94);
    backdrop-filter:none;
}

body.video-app-archive .archive-status-strip{
    color:#e6d8a0;
}

body.video-app-archive .archive-status-strip-inner{
    justify-content:flex-start;
    row-gap:.45rem;
}

body.video-app-archive .nav-shell{
    display:grid;
    gap:.95rem;
}

body.video-app-archive .nav-top{
    display:grid;
    grid-template-columns:minmax(0,auto) minmax(280px,1fr);
    gap:1rem;
    align-items:center;
}

body.video-app-archive .brand{
    min-width:0;
    flex-wrap:wrap;
    row-gap:.35rem;
}

body.video-app-archive .brand-text{
    max-width:100%;
}

body.video-app-archive .header-links-row{
    display:flex;
    justify-content:space-between;
    gap:.85rem 1rem;
    align-items:flex-start;
    flex-wrap:wrap;
}

body.video-app-archive .nav{
    justify-content:flex-start;
    gap:.55rem;
}

body.video-app-archive .nav-primary,
body.video-app-archive .nav-secondary{
    flex:1 1 320px;
}

body.video-app-archive .nav-secondary{
    justify-content:flex-end;
    margin-left:auto;
}

body.video-app-archive .nav a,
body.video-app-archive .link-button,
body.video-app-archive .button,
body.video-app-archive .quality-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    max-width:100%;
    text-align:center;
    line-height:1.2;
    white-space:normal;
    border:1px solid rgba(216,193,107,.18);
}

body.video-app-archive .nav a,
body.video-app-archive .link-button{
    color:#f3ead0;
    background:rgba(36,32,22,.72);
}

body.video-app-archive .nav a:hover,
body.video-app-archive .link-button:hover{
    background:linear-gradient(180deg,rgba(62,56,38,.96),rgba(34,30,20,.96));
    color:#fff6db;
}

body.video-app-archive .nav a[aria-current="page"]{
    color:#fff5d2;
}

body.video-app-archive .button{
    color:#17140c;
}

body.video-app-archive .button.subtle,
body.video-app-archive .quality-btn,
body.video-app-archive .nav-cta,
body.video-app-archive .nav-secondary-button{
    color:#f4ecd0;
    background:linear-gradient(180deg,rgba(56,50,34,.98),rgba(30,27,18,.98));
    border-color:rgba(216,193,107,.22);
}

body.video-app-archive .button.subtle:hover,
body.video-app-archive .quality-btn:hover,
body.video-app-archive .nav-cta:hover,
body.video-app-archive .nav-secondary-button:hover{
    background:linear-gradient(180deg,rgba(72,65,44,.98),rgba(37,33,22,.98));
    color:#fff8dd;
}

body.video-app-archive .search-form{
    display:flex;
    gap:.7rem;
    width:100%;
}

body.video-app-archive input,
body.video-app-archive textarea,
body.video-app-archive select,
body.video-app-archive .search-form input{
    background:linear-gradient(180deg,rgba(25,23,17,.94),rgba(18,17,12,.96));
    border-color:rgba(216,193,107,.18);
    color:#f5eed6;
}

body.video-app-archive select option,
body.video-app-archive select optgroup{
    background:#17140e;
    color:#f5eed6;
}

body.video-app-archive select option:checked,
body.video-app-archive select option:hover{
    background:#3b3220;
    color:#fff7d8;
}

body.video-app-archive input::placeholder,
body.video-app-archive textarea::placeholder{
    color:#c5bb95;
    opacity:1;
}

body.video-app-archive .search-form .button.subtle{
    flex:0 0 auto;
}

body.video-app-archive .archive-video-side,
body.video-app-archive .hero-panel.card.inset-card{
    background:linear-gradient(180deg,rgba(30,27,19,.98),rgba(18,17,12,.98));
    border-left:1px solid rgba(216,193,107,.18);
}

body.video-app-archive .hero-side-copy{
    margin:0;
}

body.video-app-archive .hero-side-links{
    margin-top:.1rem;
}

body.video-app-archive .hero-side-links a{
    background:rgba(28,25,18,.74);
}

body.video-app-archive .mini-stat-card,
body.video-app-archive .archive-spec-list div,
body.video-app-archive .note-card,
body.video-app-archive .signal-card,
body.video-app-archive .result-summary-card,
body.video-app-archive .browse-callout,
body.video-app-archive .transcript-cue,
body.video-app-archive .transcript-text-panel,
body.video-app-archive .chapter-btn,
body.video-app-archive .comment-item,
body.video-app-archive .table .row,
body.video-app-archive .admin-video-card{
    background:linear-gradient(180deg,rgba(31,28,20,.98),rgba(18,17,12,.98));
}

body.video-app-archive .status-pill,
body.video-app-archive .duration-pill,
body.video-app-archive .badge,
body.video-app-archive .small-flag,
body.video-app-archive .progress-pill{
    color:#f5eecf;
}

body.video-app-archive .duration-pill{
    background:rgba(12,11,8,.88);
}

body.video-app-archive .stats-grid,
body.video-app-archive .archive-note-grid,
body.video-app-archive .archive-signal-grid,
body.video-app-archive .video-grid,
body.video-app-archive .creator-grid{
    align-items:stretch;
}

body.video-app-archive .stat,
body.video-app-archive .note-card,
body.video-app-archive .signal-card,
body.video-app-archive .creator-card,
body.video-app-archive .video-card{
    overflow:hidden;
}

body.video-app-archive .page-shell > section{
    content-visibility:auto;
    contain-intrinsic-size:1px 520px;
}

body.video-app-archive .page-shell > section:first-child,
body.video-app-archive .page-shell > .alert{
    content-visibility:visible;
    contain-intrinsic-size:auto;
}

@media (max-width:1100px){
    body.video-app-archive .nav-top{
        grid-template-columns:1fr;
    }

    body.video-app-archive .nav-primary,
    body.video-app-archive .nav-secondary{
        flex:1 1 100%;
    }

    body.video-app-archive .nav-secondary{
        margin-left:0;
        justify-content:flex-start;
    }
}

@media (max-width:700px){
    body.video-app-archive .archive-status-strip{
        font-size:.64rem;
        letter-spacing:.12em;
    }

    body.video-app-archive .archive-status-strip-inner{
        display:grid;
        grid-template-columns:1fr;
        gap:.3rem;
    }

    body.video-app-archive .container{
        padding:1rem .9rem;
    }

    body.video-app-archive .nav-shell{
        gap:.8rem;
    }

    body.video-app-archive .search-form{
        flex-direction:column;
        align-items:stretch;
    }

    body.video-app-archive .search-form .button.subtle,
    body.video-app-archive .nav-cta,
    body.video-app-archive .nav-secondary-button{
        width:100%;
    }

    body.video-app-archive .header-links-row{
        gap:.7rem;
    }

    body.video-app-archive .nav,
    body.video-app-archive .nav-primary,
    body.video-app-archive .nav-secondary{
        width:100%;
    }

    body.video-app-archive .nav a,
    body.video-app-archive .link-button,
    body.video-app-archive .button,
    body.video-app-archive .button.subtle,
    body.video-app-archive .quality-btn{
        width:100%;
    }

    body.video-app-archive .nav-primary,
    body.video-app-archive .nav-secondary{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:.55rem;
    }

    body.video-app-archive .nav-primary .inline-form,
    body.video-app-archive .nav-secondary .inline-form{
        display:block;
    }

    body.video-app-archive .hero h1{
        font-size:clamp(2rem,11vw,2.7rem);
    }

    body.video-app-archive .hero,
    body.video-app-archive .archive-video-hero{
        padding:1rem;
    }

    body.video-app-archive .hero-actions,
    body.video-app-archive .footer-links,
    body.video-app-archive .browse-pills{
        display:grid;
        grid-template-columns:1fr;
    }

    body.video-app-archive .hero-actions .button,
    body.video-app-archive .hero-actions .button.subtle,
    body.video-app-archive .footer-links a,
    body.video-app-archive .browse-pills a,
    body.video-app-archive .hero-side-links a{
        width:100%;
    }

    body.video-app-archive .section-head{
        align-items:flex-start;
    }
}

/* Upload centre and overflow hardening */
body.video-app-archive .table,
body.video-app-archive .video-table,
body.video-app-archive .management-table,
body.video-app-archive .analytics-table{
    min-width:0;
}

body.video-app-archive .table .row > div,
body.video-app-archive .management-table .row > div,
body.video-app-archive .analytics-table .row > div,
body.video-app-archive .video-table .row > div,
body.video-app-archive td,
body.video-app-archive th{
    min-width:0;
    overflow-wrap:anywhere;
    word-break:break-word;
}

body.video-app-archive .action-group{
    justify-content:flex-start;
}

body.video-app-archive .action-group .button,
body.video-app-archive .action-group .button.subtle,
body.video-app-archive .action-group form{
    max-width:100%;
}

body.video-app-archive .badge,
body.video-app-archive .small-flag,
body.video-app-archive .status-pill,
body.video-app-archive .progress-pill,
body.video-app-archive .duration-pill,
body.video-app-archive .player-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    max-width:100%;
    white-space:normal;
    line-height:1.2;
    text-align:center;
    overflow-wrap:anywhere;
}

body.video-app-archive .video-card .badge,
body.video-app-archive .tape-badge{
    padding:.4rem .72rem;
}

.upload-submit-row{
    display:grid;
    gap:.55rem;
}

.upload-inline-note{
    margin:0;
}

.upload-centre-card{
    max-width:860px;
    margin:0 auto;
}

.upload-centre-progress-shell{
    display:grid;
    gap:.75rem;
    margin:1rem 0 1.15rem;
}

.upload-centre-progress-bar{
    width:100%;
    height:16px;
    border-radius:999px;
    overflow:hidden;
    border:1px solid rgba(216,193,107,.18);
    background:rgba(17,16,11,.92);
}

.upload-centre-progress-bar span{
    display:block;
    width:0;
    height:100%;
    border-radius:999px;
    background:linear-gradient(90deg,#b79948,#ddc97e);
    transition:width .25s ease;
}

.upload-centre-progress-meta{
    display:flex;
    justify-content:space-between;
    gap:1rem;
    align-items:center;
    flex-wrap:wrap;
}

.upload-centre-stage-grid{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:.8rem;
    margin:1rem 0;
}

.upload-stage{
    border:1px solid rgba(216,193,107,.1);
    transition:border-color .2s ease, transform .2s ease, box-shadow .2s ease;
}

.upload-stage.is-active{
    border-color:rgba(216,193,107,.4);
    box-shadow:0 0 0 1px rgba(216,193,107,.18) inset;
    transform:translateY(-1px);
}

.upload-stage.is-complete{
    border-color:rgba(124,208,137,.35);
}

.upload-centre-log{
    margin-top:.75rem;
}

.player-stage-shell{
    position:relative;
}

.player{
    background:#000;
}

.player-shell{
    overflow:hidden;
}

.player-control-strip,
.youtube-like-toolbar{
    position:relative;
    z-index:2;
}

@media (max-width:980px){
    .upload-centre-stage-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:700px){
    .upload-centre-progress-meta{
        align-items:flex-start;
    }

    .upload-centre-stage-grid{
        grid-template-columns:1fr;
    }
}


.player-stage-shell-cinematic{display:grid;gap:.9rem}
.player-watch-header{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;flex-wrap:wrap;padding:.1rem .1rem .2rem}
.player-watch-title{margin:.2rem 0 0;font-size:clamp(1.05rem,1.8vw,1.35rem);line-height:1.25}
.player-watch-meta{display:flex;gap:.45rem;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.upload-file-field{border:1px dashed rgba(216,193,107,.28);border-radius:1rem;padding:1rem;background:rgba(20,18,13,.55);transition:border-color .18s ease,transform .18s ease,background .18s ease}
.upload-file-field.dragging{border-color:rgba(216,193,107,.68);background:rgba(45,39,22,.72);transform:translateY(-1px)}
.upload-file-meta{margin-top:.45rem;word-break:break-word}
.upload-preset-card{margin-top:.2rem}
.player-shell.ambient-mode{box-shadow:0 0 0 1px rgba(216,193,107,.14),0 0 38px rgba(216,193,107,.10),0 30px 80px rgba(0,0,0,.35)}
.player-shell.ambient-mode .player{box-shadow:0 0 0 1px rgba(216,193,107,.18),0 0 50px rgba(216,193,107,.12),0 18px 40px rgba(0,0,0,.35)}
.player-shell{--footage-jitter-x:0px;--footage-jitter-y:0px;--footage-timecode:'00:00:00';--footage-rec-opacity:.92;--footage-intensity:.6;--footage-noise-opacity:.08;--footage-scanline-opacity:.08;--footage-vignette-opacity:.28;--footage-blur:.2px;--footage-aberration:.35px;--footage-glitch-opacity:0;--footage-flutter-opacity:0;--footage-tracking-opacity:0}
.player-frame{position:relative;border-radius:1rem;overflow:hidden;background:#020202;isolation:isolate}
.footage-hud{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;justify-content:space-between;padding:1rem;pointer-events:none;opacity:0;transition:opacity .18s ease}
.footage-hud-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}
.footage-hud-top{align-items:flex-start}
.footage-hud-bottom{align-items:flex-end}
.footage-hud-chip{display:inline-flex;align-items:center;gap:.4rem;max-width:min(100%,22rem);padding:.38rem .62rem;border-radius:999px;border:1px solid rgba(216,193,107,.3);background:rgba(7,7,5,.68);box-shadow:0 10px 28px rgba(0,0,0,.22);font-size:.69rem;line-height:1;letter-spacing:.14em;text-transform:uppercase;color:#f0e5bb;backdrop-filter:blur(2px)}
.footage-timecode,.footage-date-label{border-radius:.5rem;font-variant-numeric:tabular-nums}
.player-shell.found-footage-mode .footage-hud{opacity:1}
.player-shell.found-footage-hud-off .footage-hud{opacity:0}
.player-shell.found-footage-mode .player-stage-shell{position:relative;overflow:hidden;border-radius:1rem;background:#050505}
.player-shell.found-footage-mode .player{filter:saturate(calc(1 - (var(--footage-intensity) * .52))) contrast(calc(1.02 + (var(--footage-intensity) * .26))) brightness(calc(1 - (var(--footage-intensity) * .18) + var(--footage-flutter-opacity))) sepia(calc(var(--footage-intensity) * .22)) blur(var(--footage-blur));transform:translate(var(--footage-jitter-x),var(--footage-jitter-y)) scale(1.003);box-shadow:0 0 0 1px rgba(216,193,107,.12),0 10px 35px rgba(0,0,0,.45)}
.player-shell.found-footage-mode .player-frame::before{content:'';position:absolute;inset:0;pointer-events:none;z-index:2;background:radial-gradient(circle at center,rgba(0,0,0,0) 46%,rgba(0,0,0,var(--footage-vignette-opacity)) 100%),repeating-linear-gradient(180deg,rgba(255,248,220,var(--footage-scanline-opacity)) 0,rgba(255,248,220,var(--footage-scanline-opacity)) 1px,rgba(0,0,0,0) 1px,rgba(0,0,0,0) 3px),linear-gradient(90deg,rgba(255,42,93,calc(var(--footage-intensity) * .08)),rgba(0,255,220,calc(var(--footage-intensity) * .05)));mix-blend-mode:screen;opacity:.96}
.player-shell.found-footage-mode .player-frame::after{content:'';position:absolute;inset:-4%;pointer-events:none;z-index:3;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,0) 16%,rgba(255,255,255,calc(var(--footage-glitch-opacity) * .85)) 17%,rgba(255,255,255,0) 19%,rgba(0,0,0,0) 100%),radial-gradient(circle at 50% 10%,rgba(255,245,190,var(--footage-noise-opacity)),transparent 40%),linear-gradient(90deg,rgba(255,255,255,0) 0,rgba(255,255,255,calc(var(--footage-tracking-opacity) * .9)) 48%,rgba(255,255,255,0) 52%);mix-blend-mode:screen;opacity:calc(.18 + var(--footage-glitch-opacity));animation:footageNoise 1.6s steps(2,end) infinite}
.player-shell.found-footage-mode .player-frame .player{position:relative;z-index:1}
.player-shell.found-footage-mode[data-footage-preset="damaged"] .player-frame::after{animation-duration:.85s}
.player-shell.found-footage-mode[data-footage-preset="camcorder"] .player-frame::after{animation-duration:2.2s}
.player-shell.found-footage-mode .footage-rec-label::before{content:'';width:.5rem;height:.5rem;border-radius:999px;background:rgba(255,78,78,var(--footage-rec-opacity));box-shadow:0 0 12px rgba(255,78,78,.55)}
.player-shell.footage-subtitles-active .footage-hud-bottom{opacity:.4;transform:translateY(-2.8rem)}
.player-shell.found-footage-lite .player-frame::before,.player-shell.found-footage-lite .player-frame::after{animation:none;opacity:.3}
.player-shell.found-footage-lite .player{filter:saturate(.82) contrast(1.04) brightness(.92)}
.footage-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.85rem;align-items:end;padding:.8rem;border:1px solid rgba(216,193,107,.14);border-radius:1rem;background:linear-gradient(180deg,rgba(22,20,14,.98),rgba(12,11,8,.98));box-shadow:0 18px 42px rgba(0,0,0,.28);flex:1 1 100%;margin-top:.45rem}
.footage-settings[hidden]{display:none!important}
.quality-btn.is-active{background:linear-gradient(180deg,rgba(84,75,48,.98),rgba(39,35,23,.98));color:#fff6d1;border-color:rgba(216,193,107,.42);box-shadow:0 0 0 1px rgba(216,193,107,.08) inset}
.footage-setting-field{display:grid;gap:.4rem;min-width:0;color:#e8dfbb;font-size:.9rem;font-weight:600}
.footage-setting-field select,.footage-setting-field input[type="range"]{accent-color:#d8c16b}
.footage-setting-field select{min-height:2.6rem;padding:0 .9rem;border-radius:999px;border:1px solid rgba(216,193,107,.18);background:linear-gradient(180deg,rgba(43,40,29,.98),rgba(24,22,15,.98));color:var(--text);width:100%}
.footage-setting-field select option,.footage-setting-field select optgroup{background:#17140e;color:#f5eed6}
.footage-setting-field select option:checked,.footage-setting-field select option:hover{background:#3b3220;color:#fff7d8}
.footage-settings .checkbox-row{min-height:2.6rem;padding:.35rem .2rem 0 0;display:flex;align-items:center}
.footage-settings .quality-btn{justify-self:start}
.footage-hud{position:absolute;inset:0;pointer-events:none;z-index:4;display:grid;grid-template-rows:auto 1fr auto;padding:1rem;gap:.65rem}
.footage-hud-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:.75rem}
.footage-hud-top .footage-rec-label{justify-self:start}
.footage-hud-top .footage-cam-label{justify-self:center;text-align:center;min-width:10.5rem}
.footage-hud-top .footage-battery-label{justify-self:end;text-align:right}
.footage-hud-bottom .footage-timecode{justify-self:start}
.footage-hud-bottom .footage-date-label{justify-self:center;text-align:center}
.footage-hud-bottom .footage-signal-label{justify-self:end;text-align:right}
.footage-hud-chip{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;max-width:min(46vw,100%);padding:.42rem .8rem;border-radius:999px;border:1px solid rgba(216,193,107,.35);background:rgba(10,10,8,.62);backdrop-filter:blur(2px);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#f7efc9;text-shadow:0 1px 2px rgba(0,0,0,.65);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.footage-subtitles-active .footage-hud-bottom{padding-bottom:2rem}
@media (max-width:700px){.player-watch-header{align-items:flex-start}.player-watch-meta{justify-content:flex-start}.footage-hud{padding:.7rem}.footage-hud-row{grid-template-columns:1fr;justify-items:start;gap:.45rem}.footage-hud-top .footage-cam-label,.footage-hud-bottom .footage-date-label,.footage-hud-top .footage-battery-label,.footage-hud-bottom .footage-signal-label{justify-self:start;text-align:left;min-width:0}.footage-hud-chip{font-size:.62rem;max-width:100%}.footage-settings{grid-template-columns:1fr;align-items:flex-start}.footage-setting-field{width:100%}.footage-setting-field input[type="range"]{width:min(100%,220px)}}


.channel-banner img{width:100%;max-height:240px;object-fit:cover;border-radius:18px;display:block}
.channel-summary{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start}
.channel-avatar{border-radius:999px;object-fit:cover}
.comment-edit-form[hidden]{display:none!important}
@media (max-width: 720px){.channel-summary{grid-template-columns:1fr}.channel-avatar{width:72px;height:72px}}


.analytics-bars{display:flex;align-items:flex-end;gap:.5rem;overflow-x:auto;padding:.75rem 0 .25rem}
.analytics-bar-wrap{display:flex;flex-direction:column;align-items:center;gap:.45rem;min-width:40px}
.analytics-bar{width:100%;min-width:28px;border-radius:12px 12px 4px 4px;background:linear-gradient(180deg,rgba(216,193,107,.95),rgba(132,112,51,.92));box-shadow:0 10px 30px rgba(0,0,0,.24)}
.analytics-bar-wrap span{font-size:.72rem;white-space:nowrap;color:var(--text-muted,#aab2bb)}


/* BackroomsVideo player alignment, theatre mode, and ambient mode upgrades */
.player-stage-shell-cinematic{
    position:relative;
    isolation:isolate;
}

.player-cinematic-stage{
    position:relative;
    isolation:isolate;
}

.player-shell{
    --footage-safe-top:clamp(1.55rem,3.6vw,2.15rem);
    --footage-safe-side:clamp(.95rem,2vw,1.35rem);
    --footage-safe-bottom:clamp(.9rem,2vw,1.2rem);
}

.player-ambient{
    position:absolute;
    inset:-8% -5% -12%;
    z-index:0;
    pointer-events:none;
    opacity:0;
    transition:opacity .24s ease,transform .32s ease,filter .24s ease;
    transform:scale(.98);
    filter:blur(38px) saturate(1.4);
}

.player-ambient::before{
    content:'';
    position:absolute;
    inset:10% 6% 2%;
    border-radius:1.5rem;
    background:radial-gradient(circle at 50% 48%,rgba(216,193,107,.26),rgba(216,193,107,.08) 38%,rgba(0,0,0,0) 72%);
    opacity:.8;
}

.player-ambient-canvas,
.player-ambient-glow{
    position:absolute;
    inset:0;
    width:100%;
    height:100%;
    display:block;
    border-radius:1.5rem;
}

.player-ambient-canvas{
    opacity:.98;
    transform:scale(1.1);
}

.player-ambient-glow{
    background:
        radial-gradient(circle at 24% 30%,rgba(255,214,130,.38),rgba(255,214,130,0) 36%),
        radial-gradient(circle at 74% 28%,rgba(110,208,255,.26),rgba(110,208,255,0) 34%),
        radial-gradient(circle at 54% 72%,rgba(181,113,255,.18),rgba(181,113,255,0) 40%);
    mix-blend-mode:screen;
    opacity:.62;
}

.player-frame{
    position:relative;
    z-index:2;
}

.player-shell.ambient-mode{
    box-shadow:0 0 0 1px rgba(216,193,107,.16),0 18px 48px rgba(0,0,0,.36),0 0 120px rgba(216,193,107,.08);
}

.player-shell.ambient-mode .player-stage-shell-cinematic{
    padding:1rem;
    border-radius:1.35rem;
    background:
        radial-gradient(circle at 50% 12%,rgba(216,193,107,.12),rgba(216,193,107,0) 38%),
        linear-gradient(180deg,rgba(20,17,11,.98),rgba(10,9,6,.94));
}

.player-shell.ambient-mode .player-ambient{
    opacity:1;
    transform:scale(1.02);
}

.player-shell.ambient-mode .player-frame{
    box-shadow:0 0 0 1px rgba(216,193,107,.18),0 26px 60px rgba(0,0,0,.48);
}

.watch-layout.theatre-mode{
    grid-template-columns:minmax(0,1fr);
    gap:1.35rem;
}

.watch-layout.theatre-mode .watch-main,
.watch-layout.theatre-mode .watch-side{
    min-width:0;
}

.watch-layout.theatre-mode .player-shell{
    padding:1.2rem;
}

.watch-layout.theatre-mode .player-stage-shell-cinematic{
    gap:1rem;
}

.watch-layout.theatre-mode .player{
    max-height:min(82vh,980px);
}

.watch-layout.theatre-mode .player-frame{
    border-radius:1.15rem;
}

.watch-layout.theatre-mode .watch-side{
    opacity:.98;
}

.watch-layout.theatre-mode [data-player-theatre-toggle]{
    background:linear-gradient(180deg,rgba(84,75,48,.98),rgba(39,35,23,.98));
    color:#fff6d1;
    border-color:rgba(216,193,107,.42);
    box-shadow:0 0 0 1px rgba(216,193,107,.08) inset;
}

.footage-hud{
    padding:0;
}

.footage-hud-top,
.footage-hud-bottom{
    position:absolute;
    left:var(--footage-safe-side);
    right:var(--footage-safe-side);
    z-index:4;
    display:grid;
    grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
    align-items:center;
    gap:clamp(.5rem,1.2vw,.9rem);
}

.footage-hud-top{
    top:var(--footage-safe-top);
}

.footage-hud-bottom{
    bottom:var(--footage-safe-bottom);
}

.footage-hud-chip{
    position:static;
    min-width:0;
    max-width:100%;
}

.footage-hud-top .footage-rec-label,
.footage-hud-bottom .footage-timecode{
    justify-self:start;
}

.footage-hud-top .footage-cam-label,
.footage-hud-bottom .footage-date-label{
    justify-self:center;
    text-align:center;
    min-width:clamp(8rem,16vw,11rem);
}

.footage-hud-top .footage-battery-label,
.footage-hud-bottom .footage-signal-label{
    justify-self:end;
    text-align:right;
}

.player-shell.found-footage-mode .player-frame::before{
    background:
        linear-gradient(180deg,rgba(0,0,0,.34),rgba(0,0,0,0) 20%,rgba(0,0,0,0) 82%,rgba(0,0,0,.22) 100%),
        radial-gradient(circle at center,rgba(0,0,0,0) 44%,rgba(0,0,0,var(--footage-vignette-opacity)) 100%),
        repeating-linear-gradient(180deg,rgba(255,248,220,calc(var(--footage-scanline-opacity) * .78)) 0,rgba(255,248,220,calc(var(--footage-scanline-opacity) * .78)) 1px,rgba(0,0,0,0) 1px,rgba(0,0,0,0) 3px),
        linear-gradient(90deg,rgba(255,42,93,calc(var(--footage-intensity) * .06)),rgba(0,255,220,calc(var(--footage-intensity) * .04)));
}

.player-shell.footage-subtitles-active .footage-hud-bottom{
    bottom:3.25rem;
    padding-bottom:0;
    transform:none;
    opacity:1;
}

@media (max-width:980px){
    .watch-layout.theatre-mode .player-shell{
        padding:1rem;
    }

    .player-ambient{
        inset:-7% -4% -10%;
    }
}

@media (max-width:700px){
    .player-shell{
        --footage-safe-top:1.15rem;
        --footage-safe-side:.72rem;
        --footage-safe-bottom:.78rem;
    }

    .player-shell.ambient-mode .player-stage-shell-cinematic{
        padding:.75rem;
    }

    .player-ambient{
        inset:-6% -2% -8%;
        filter:blur(24px) saturate(1.25);
    }

    .footage-hud-top,
    .footage-hud-bottom{
        grid-template-columns:1fr;
        justify-items:start;
    }

    .footage-hud-top .footage-cam-label,
    .footage-hud-top .footage-battery-label,
    .footage-hud-bottom .footage-date-label,
    .footage-hud-bottom .footage-signal-label{
        justify-self:start;
        text-align:left;
        min-width:0;
    }

    .footage-hud-chip{
        max-width:min(74vw,15rem);
        font-size:.61rem;
        padding:.4rem .68rem;
    }

    .player-shell.footage-subtitles-active .footage-hud-bottom{
        bottom:4.7rem;
    }
}

/* BackroomsVideo mobile polish pass */
@media (max-width:700px){
    body.video-app-archive .site-header{
        padding-top:env(safe-area-inset-top,0px);
    }

    body.video-app-archive .nav-shell{
        padding-top:calc(.85rem + env(safe-area-inset-top,0px));
        padding-bottom:.8rem;
    }

    body.video-app-archive .nav-top{
        gap:.75rem;
    }

    body.video-app-archive .header-links-row{
        display:grid;
        gap:.6rem;
    }

    body.video-app-archive .nav-primary,
    body.video-app-archive .nav-secondary{
        gap:.6rem;
    }

    body.video-app-archive .nav a,
    body.video-app-archive .link-button,
    body.video-app-archive .button,
    body.video-app-archive .button.subtle,
    body.video-app-archive .quality-btn,
    body.video-app-archive .nav-cta,
    body.video-app-archive .nav-secondary-button{
        min-height:3.15rem;
        padding:.75rem .72rem;
        border-radius:1rem;
    }

    .watch-layout{
        gap:.9rem;
    }

    .player-shell{
        padding:.8rem;
        border-radius:1rem;
    }

    .player-stage-shell-cinematic{
        gap:.7rem;
    }

    .player-watch-header{
        display:grid;
        gap:.55rem;
        padding:0;
    }

    .player-watch-title{
        font-size:clamp(1rem,5.6vw,1.22rem);
    }

    .player-watch-meta{
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:.38rem;
        width:100%;
    }

    .player-watch-meta .player-pill,
    #current-quality-pill{
        width:100%;
        min-width:0;
        padding:.42rem .45rem;
        font-size:.78rem;
    }

    .player-frame{
        border-radius:.9rem;
    }

    .player{
        max-height:none;
        aspect-ratio:16 / 9;
        object-fit:cover;
    }

    .player-control-strip{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:.55rem;
        align-items:stretch;
        margin-top:.85rem;
    }

    .player-control-strip .player-strip-label,
    .player-control-strip .hls-fallback-note,
    .player-control-strip .footage-settings{
        grid-column:1 / -1;
    }

    .player-control-strip .quality-btn,
    .player-control-strip .checkbox-row{
        width:100%;
        min-height:3rem;
        margin:0;
    }

    .player-control-strip .checkbox-row{
        padding:.72rem .82rem;
        justify-content:flex-start;
        border:1px solid rgba(216,193,107,.16);
        border-radius:1rem;
        background:linear-gradient(180deg,rgba(38,34,24,.92),rgba(23,20,14,.96));
        box-shadow:0 10px 22px rgba(0,0,0,.14);
    }

    .player-control-strip .autoplay-toggle{
        margin-left:0;
    }

    .footage-settings{
        margin-top:.15rem;
        padding:.75rem;
        border-radius:.9rem;
    }

    .footage-setting-field select,
    .footage-setting-field input[type="range"]{
        width:100%;
    }

    .footage-setting-field select{
        min-height:3rem;
    }

    .youtube-like-toolbar{
        display:grid;
        gap:.7rem;
    }

    .player-toolbar .player-utility-group,
    .player-toolbar .speed-control-group{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:.5rem;
        width:100%;
    }

    .player-toolbar .speed-control-group .muted{
        grid-column:1 / -1;
    }

    .player-toolbar .quality-btn{
        width:100%;
        min-height:2.9rem;
    }

    .player-shell{
        --footage-safe-top:.75rem;
        --footage-safe-side:.65rem;
        --footage-safe-bottom:.68rem;
    }

    .footage-hud-top,
    .footage-hud-bottom{
        grid-template-columns:minmax(0,1fr) auto;
        align-items:center;
    }

    .footage-hud-top .footage-rec-label,
    .footage-hud-bottom .footage-timecode{
        justify-self:start;
    }

    .footage-hud-top .footage-battery-label,
    .footage-hud-bottom .footage-signal-label{
        justify-self:end;
        text-align:right;
    }

    .footage-hud-top .footage-cam-label,
    .footage-hud-bottom .footage-date-label{
        grid-column:1 / -1;
        justify-self:center;
        text-align:center;
        min-width:0;
    }

    .footage-hud-top .footage-cam-label{
        margin-top:.18rem;
    }

    .footage-hud-bottom .footage-date-label{
        margin-bottom:.18rem;
        order:-1;
    }

    .footage-hud-chip{
        max-width:min(72vw,14rem);
        font-size:.58rem;
        letter-spacing:.1em;
        padding:.38rem .62rem;
    }

    .player-shell.footage-subtitles-active .footage-hud-bottom{
        bottom:4.2rem;
    }
}

.player-live-pill{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:2.7rem;
    padding:.62rem .95rem;
    border-radius:999px;
    font-weight:700;
    letter-spacing:.12em;
}

.live-standby-note{
    margin-top:1rem;
}

.live-chat-card{
    gap:1rem;
}

.live-chat-log{
    display:grid;
    gap:.8rem;
    max-height:26rem;
    overflow:auto;
    padding:.9rem;
    border:1px solid rgba(216,193,107,.14);
    border-radius:1rem;
    background:linear-gradient(180deg,rgba(17,15,11,.95),rgba(10,9,7,.98));
}

.live-chat-message{
    display:grid;
    grid-template-columns:auto 1fr;
    gap:.75rem;
    align-items:flex-start;
    padding:.7rem .78rem;
    border-radius:.95rem;
    background:rgba(255,255,255,.03);
    border:1px solid rgba(216,193,107,.08);
}

.live-chat-message p{
    margin:0;
}

.live-chat-message p + p{
    margin-top:.22rem;
    white-space:pre-wrap;
    word-break:break-word;
}

.live-chat-form textarea{
    min-height:7rem;
    resize:vertical;
}

.live-chat-error{
    color:#ff9b9b;
}

@media (max-width:700px){
    .live-chat-log{
        max-height:18rem;
        padding:.75rem;
    }

    .live-chat-message{
        grid-template-columns:1fr;
    }
}

/* Mobile header menu refresh */
.mobile-header-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:.85rem;
    min-width:0;
}

.mobile-menu-toggle{
    display:none;
    align-items:center;
    justify-content:center;
    gap:.55rem;
    min-height:2.85rem;
    padding:0 .95rem;
    border-radius:999px;
    border:1px solid rgba(216,193,107,.22);
    background:linear-gradient(180deg,rgba(40,36,25,.98),rgba(24,22,15,.98));
    color:#f4ecd0;
    font:inherit;
    font-weight:700;
    letter-spacing:.04em;
    cursor:pointer;
    box-shadow:0 10px 24px rgba(0,0,0,.18);
}

.mobile-menu-toggle-icon,
.mobile-menu-toggle-icon::before,
.mobile-menu-toggle-icon::after{
    display:block;
    width:1rem;
    height:2px;
    border-radius:999px;
    background:currentColor;
    transition:transform .18s ease, opacity .18s ease;
    content:"";
}

.mobile-menu-toggle-icon{
    position:relative;
}

.mobile-menu-toggle-icon::before{
    position:absolute;
    top:-5px;
    left:0;
}

.mobile-menu-toggle-icon::after{
    position:absolute;
    top:5px;
    left:0;
}

.mobile-menu-toggle[aria-expanded="true"] .mobile-menu-toggle-icon{
    background:transparent;
}

.mobile-menu-toggle[aria-expanded="true"] .mobile-menu-toggle-icon::before{
    transform:translateY(5px) rotate(45deg);
}

.mobile-menu-toggle[aria-expanded="true"] .mobile-menu-toggle-icon::after{
    transform:translateY(-5px) rotate(-45deg);
}

body.video-app-archive .search-form input{
    min-width:0;
    width:100%;
    padding-right:1.15rem;
    overflow:hidden;
    text-overflow:ellipsis;
}

@media (max-width:700px){
    body.video-app-archive .nav-top{
        grid-template-columns:1fr;
        gap:.65rem;
    }

    body.video-app-archive .mobile-header-row{
        width:100%;
    }

    body.video-app-archive .brand{
        min-width:0;
        flex:1 1 auto;
    }

    body.video-app-archive .brand-text{
        min-width:0;
        max-width:100%;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
    }

    body.video-app-archive .brand-version{
        flex:0 0 auto;
    }

    body.video-app-archive .mobile-menu-toggle{
        display:inline-flex;
        flex:0 0 auto;
    }

    body.video-app-archive .search-form{
        display:grid;
        grid-template-columns:minmax(0,1fr);
        gap:.6rem;
    }

    body.video-app-archive .search-form input{
        height:3.05rem;
        padding:0 1rem;
        font-size:1rem;
    }

    body.video-app-archive .search-form input::placeholder{
        font-size:.94rem;
    }

    body.video-app-archive .search-form .button.subtle{
        width:100%;
        min-height:3.05rem;
    }

    body.video-app-archive .header-links-row{
        display:none;
        padding-top:.1rem;
    }

    body.video-app-archive .header-links-row.is-open{
        display:grid;
        gap:.7rem;
    }

    body.video-app-archive .nav-primary,
    body.video-app-archive .nav-secondary{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:.55rem;
    }

    body.video-app-archive .nav a,
    body.video-app-archive .link-button,
    body.video-app-archive .button,
    body.video-app-archive .button.subtle,
    body.video-app-archive .quality-btn,
    body.video-app-archive .nav-cta,
    body.video-app-archive .nav-secondary-button{
        min-height:2.8rem;
        padding:.72rem .7rem;
        border-radius:1rem;
        font-size:.98rem;
    }

    body.video-app-archive .page-shell{
        padding-top:.9rem;
    }
}

@media (min-width:701px){
    .mobile-menu-toggle{
        display:none!important;
    }

    body.video-app-archive .header-links-row{
        display:flex!important;
    }
}

/* Custom playback chrome + live runtime panels */
.player-frame{position:relative}
.player-chrome{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;pointer-events:none;z-index:5}
.player-chrome-top,.player-chrome-bottom{pointer-events:none}
.player-chrome-top{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem}
.player-chrome-bottom{display:grid;gap:.7rem;padding:1rem;background:linear-gradient(180deg,rgba(0,0,0,0),rgba(0,0,0,.76) 58%,rgba(0,0,0,.9));margin-top:auto}
.player-control-row{display:flex;justify-content:space-between;align-items:center;gap:.85rem;flex-wrap:wrap}
.player-control-cluster{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.player-control-cluster-right{justify-content:flex-end}
.player-chip-button{pointer-events:auto;display:inline-flex;align-items:center;justify-content:center;min-height:2.7rem;padding:.68rem .95rem;border-radius:.9rem;border:1px solid rgba(255,255,255,.14);background:linear-gradient(180deg,rgba(34,31,23,.92),rgba(14,12,8,.96));color:#fff4cf;box-shadow:0 12px 24px rgba(0,0,0,.24);cursor:pointer;font:inherit}
.player-chip-button:hover{border-color:rgba(216,193,107,.44);transform:translateY(-1px)}
.player-overlay-toggle{min-width:6.5rem;backdrop-filter:blur(16px);background:linear-gradient(180deg,rgba(25,22,15,.82),rgba(12,10,7,.92));transition:opacity .18s ease,transform .18s ease}
.player-chrome:not(.is-paused) .player-overlay-toggle{opacity:0;transform:translateY(-4px);pointer-events:none}
.player-live-ribbon{pointer-events:none;display:inline-flex;align-items:center;gap:.5rem;min-height:2.4rem;padding:.55rem .8rem;border-radius:999px;background:rgba(126,21,21,.78);border:1px solid rgba(255,118,118,.38);color:#fff5f5;font-weight:700;letter-spacing:.14em;text-transform:uppercase;box-shadow:0 12px 28px rgba(0,0,0,.24)}
.player-live-ribbon::before,.live-runtime-badge.is-live::before{content:'';width:.55rem;height:.55rem;border-radius:999px;background:#ff6767;box-shadow:0 0 0 4px rgba(255,103,103,.18)}
.player-progress,.player-volume{pointer-events:auto;appearance:none;-webkit-appearance:none;width:100%;height:.55rem;border-radius:999px;background:rgba(255,255,255,.18);outline:none;cursor:pointer}
.player-progress{min-width:0}
.player-progress:disabled{opacity:.55;cursor:default}
.player-progress::-webkit-slider-thumb,.player-volume::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:1rem;height:1rem;border-radius:999px;background:#fff4cf;border:1px solid rgba(0,0,0,.3);box-shadow:0 4px 12px rgba(0,0,0,.3)}
.player-progress::-moz-range-thumb,.player-volume::-moz-range-thumb{width:1rem;height:1rem;border-radius:999px;background:#fff4cf;border:1px solid rgba(0,0,0,.3);box-shadow:0 4px 12px rgba(0,0,0,.3)}
.player-volume{width:7.25rem}
.player-time-readout{min-width:8.5rem;padding:.4rem .7rem;border-radius:.7rem;background:rgba(6,6,6,.34);border:1px solid rgba(255,255,255,.08);font-variant-numeric:tabular-nums;color:#fff4cf}
.player-chrome.is-paused .player-live-ribbon{opacity:.82}
.player-jump-live.is-behind-live{}
.live-runtime-inline,.live-runtime-panel{display:grid;gap:.9rem}
.live-runtime-head{align-items:flex-start}
.live-runtime-grid{gap:.8rem}
.live-runtime-badge{display:inline-flex;align-items:center;gap:.5rem}
.live-runtime-badge.is-waiting{background:rgba(78,68,32,.64);border-color:rgba(216,193,107,.24);color:#fff3c7}
.live-runtime-badge.is-ended{background:rgba(52,52,52,.72);border-color:rgba(255,255,255,.12);color:#efefef}
.live-runtime-badge.is-error{background:rgba(96,24,24,.75);border-color:rgba(255,114,114,.28);color:#fff0f0}
.live-runtime-badge.is-live{background:rgba(94,16,16,.8);border-color:rgba(255,118,118,.32);color:#fff5f5}
.live-runtime-inline .archive-spec-list strong,.live-runtime-panel .archive-spec-list strong{word-break:break-word}
@media (max-width:700px){
  .player-chrome-top{padding:.75rem}
  .player-chrome-bottom{padding:.75rem;gap:.55rem}
  .player-control-row,.player-control-cluster,.player-control-cluster-right{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .player-chip-button,.player-time-readout{width:100%;min-height:3rem}
  .player-volume{width:100%}
  .player-overlay-toggle{min-width:0;width:auto}
  .player-progress{height:.7rem}
  .player-time-readout{text-align:center;min-width:0}
}


/* Live watch page refresh: custom player only + YouTube-style chat rail */
.player::-webkit-media-controls{display:none!important}
.player::-webkit-media-controls-enclosure{display:none!important}
.player::-webkit-media-controls-panel{display:none!important}
.player[controls]{controls:none}

.watch-layout.watch-layout-live{
    grid-template-columns:minmax(0,1.75fr) minmax(320px,420px);
    align-items:start;
}

.watch-layout.watch-layout-live .watch-side{
    gap:1rem;
}

.live-chat-card-sidebar{
    position:sticky;
    top:6.4rem;
    max-height:calc(100vh - 7.4rem);
    overflow:hidden;
}

.live-chat-card-sidebar .section-head{
    margin-top:0;
}

.live-chat-card-sidebar .live-chat-log{
    max-height:calc(100vh - 21rem);
    min-height:20rem;
}

.live-chat-card-sidebar .live-chat-form{
    gap:.75rem;
}

.live-chat-card-sidebar .live-chat-form textarea{
    min-height:5.25rem;
}

.live-chat-actions{
    align-items:center;
    justify-content:space-between;
}

.live-chat-actions .button{
    min-width:7rem;
}

@media (max-width:1100px){
  .watch-layout.watch-layout-live{
    grid-template-columns:1fr;
  }

  .live-chat-card-sidebar{
    position:static;
    top:auto;
    max-height:none;
  }

  .live-chat-card-sidebar .live-chat-log{
    max-height:22rem;
    min-height:0;
  }
}


/* Live theatre, sticky chat, viewer presence, and auto-hide polish */
body.video-app-archive .container{
    max-width:min(1480px, calc(100vw - 1.6rem));
}

.watch-layout.watch-layout-live{
    grid-template-columns:minmax(0, 1fr) minmax(330px, 390px);
    gap:1.25rem;
    align-items:start;
}

.watch-layout.watch-layout-live .watch-main,
.watch-layout.watch-layout-live .watch-side{
    min-width:0;
}

.watch-layout.watch-layout-live.theatre-mode{
    grid-template-columns:minmax(0, 1fr) minmax(320px, 360px) !important;
    gap:1rem;
}

.watch-layout.watch-layout-live.theatre-mode .player-shell{
    padding:.95rem;
}

.watch-layout.watch-layout-live.theatre-mode .player{
    max-height:min(84vh, 980px);
}

.live-chat-card-sidebar{
    position:sticky;
    top:6.2rem;
    height:calc(100vh - 7.1rem);
    max-height:calc(100vh - 7.1rem);
    display:grid;
    grid-template-rows:auto minmax(0, 1fr) auto;
    align-self:start;
}

.live-chat-card-sidebar .live-chat-log{
    min-height:0;
    height:auto;
    max-height:none;
    overflow:auto;
}

.live-viewer-presence{
    gap:.75rem;
    padding-top:.25rem;
}

.live-viewer-list{
    display:grid;
    gap:.55rem;
    max-height:13rem;
    overflow:auto;
}

.live-viewer-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:.75rem;
    padding:.62rem .78rem;
    border-radius:.85rem;
    border:1px solid rgba(216,193,107,.12);
    background:rgba(255,255,255,.03);
}

.live-viewer-link{
    font-weight:700;
}

.player-chrome{
    transition:opacity .22s ease;
}

.player-chrome-top,
.player-chrome-bottom{
    transition:transform .22s ease, opacity .22s ease;
}

.player-frame.player-chrome-hidden .player-chrome{
    opacity:0;
}

.player-frame.player-chrome-hidden .player-chrome-top{
    transform:translateY(-10px);
}

.player-frame.player-chrome-hidden .player-chrome-bottom{
    transform:translateY(14px);
}

.player-frame.player-chrome-hidden .player-chip-button,
.player-frame.player-chrome-hidden .player-progress,
.player-frame.player-chrome-hidden .player-volume,
.player-frame.player-chrome-hidden .player-time-readout{
    pointer-events:none;
}

@media (max-width:1100px){
    .watch-layout.watch-layout-live.theatre-mode,
    .watch-layout.watch-layout-live{
        grid-template-columns:1fr !important;
    }

    .live-chat-card-sidebar{
        position:static;
        top:auto;
        height:auto;
        max-height:none;
    }

    .live-chat-card-sidebar .live-chat-log,
    .live-viewer-list{
        max-height:22rem;
    }
}

/* Live delay controls + mobile watch page hardening */
.live-delay-picker{
    display:inline-flex;
    align-items:center;
    gap:.45rem;
    flex-wrap:wrap;
}

.live-delay-picker-label{
    font-size:.72rem;
    letter-spacing:.12em;
    text-transform:uppercase;
    color:var(--muted);
}

[data-player-jump-live].is-behind-live{
    background:linear-gradient(180deg,rgba(124,32,32,.96),rgba(61,18,18,.96));
    border-color:rgba(255,118,118,.42);
    color:#fff7f7;
}

@media (max-width:760px){
    .player-shell{
        padding:.8rem;
    }

    .player{
        max-height:none;
        aspect-ratio:16 / 9;
        object-fit:cover;
    }

    .player-chrome-top{
        padding:.55rem;
    }

    .player-overlay-toggle{
        display:none;
    }

    .player-live-ribbon{
        min-height:2rem;
        padding:.42rem .68rem;
        font-size:.72rem;
    }

    .player-chrome-bottom{
        padding:.55rem .55rem .65rem;
        gap:.45rem;
    }

    .player-progress{
        height:.38rem;
    }

    .player-control-row{
        display:grid;
        grid-template-columns:repeat(3,minmax(0,1fr));
        gap:.42rem;
        align-items:stretch;
    }

    .player-control-cluster,
    .player-control-cluster-right{
        display:contents;
    }

    .player-volume,
    .player-control-row [data-player-theatre-toggle]{
        display:none;
    }

    .player-chip-button,
    .player-time-readout{
        width:100%;
        min-height:2.35rem;
        padding:.48rem .55rem;
        border-radius:.75rem;
        font-size:.88rem;
    }

    .player-time-readout{
        display:flex;
        align-items:center;
        justify-content:center;
        min-width:0;
        grid-column:3;
    }

    .player-control-row [data-player-toggle]{
        grid-column:1;
    }

    .player-control-row [data-player-mute]{
        grid-column:2;
    }

    .player-control-row [data-player-jump-live]{
        grid-column:1 / span 2;
    }

    .player-control-row [data-player-fullscreen]{
        grid-column:3;
    }

    .player-control-strip{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:.6rem;
        align-items:stretch;
    }

    .player-control-strip > .player-strip-label{
        grid-column:1 / -1;
    }

    .player-control-strip .player-pill,
    .player-control-strip .quality-btn,
    .player-control-strip .checkbox-row,
    .player-control-strip .live-delay-picker{
        width:100%;
        justify-content:center;
        margin:0;
    }

    .player-control-strip .player-pill{
        min-height:2.75rem;
    }

    .player-control-strip .checkbox-row{
        min-height:2.75rem;
        padding:.72rem .85rem;
        border:1px solid rgba(216,193,107,.16);
        border-radius:.85rem;
        background:linear-gradient(180deg,rgba(23,20,14,.96),rgba(12,10,8,.96));
    }

    .player-control-strip .live-delay-picker{
        grid-column:1 / -1;
        display:grid;
        grid-template-columns:repeat(4,minmax(0,1fr));
        align-items:center;
    }

    .player-control-strip .live-delay-picker-label{
        grid-column:1 / -1;
        text-align:left;
        margin-bottom:.1rem;
    }

    .player-toolbar .player-utility-group,
    .player-toolbar .speed-control-group{
        display:grid;
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:.55rem;
        width:100%;
    }

    .player-toolbar .quality-btn,
    .player-toolbar .small-flag{
        width:100%;
        justify-content:center;
        text-align:center;
    }

    .player-toolbar .speed-control-group .muted.small-text,
    .player-toolbar .speed-control-group .small-flag{
        grid-column:1 / -1;
    }
}

@media (max-width:430px){
    .player-control-row{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }

    .player-time-readout{
        grid-column:1 / -1;
    }

    .player-control-row [data-player-jump-live]{
        grid-column:1;
    }

    .player-control-row [data-player-fullscreen]{
        grid-column:2;
    }

    .player-control-strip .live-delay-picker{
        grid-template-columns:repeat(3,minmax(0,1fr));
    }

    .player-control-strip .live-delay-picker-label{
        grid-column:1 / -1;
    }
}


/* Live watch follow-up hardening: sticky rail, opaque chat shell, reliable chrome hide */
.watch-layout.watch-layout-live .watch-side{
    position:relative;
    align-self:start;
    overflow:visible;
}

.live-chat-card-sidebar{
    position:sticky !important;
    top:5.9rem;
    z-index:6;
    align-self:start;
    background:linear-gradient(180deg,rgba(20,18,12,.992),rgba(10,9,7,.988));
    backdrop-filter:blur(10px);
    box-shadow:0 18px 48px rgba(0,0,0,.32);
}

.live-chat-card-sidebar .live-chat-log{
    background:linear-gradient(180deg,rgba(15,13,9,.985),rgba(8,7,5,.992));
}

.player-frame.player-chrome-hidden .player-chrome{
    opacity:0;
    visibility:hidden;
}

.player-frame.player-chrome-hidden .player-chrome-top,
.player-frame.player-chrome-hidden .player-chrome-bottom{
    opacity:0;
}

@media (max-width:1100px){
    .live-chat-card-sidebar{
        position:static !important;
        top:auto;
        z-index:auto;
        box-shadow:none;
        backdrop-filter:none;
    }
}

/* Live watch hardening: true fixed chat dock, stronger theatre mode, stronger ambience */
.live-chat-dock-placeholder{
    display:none;
    width:100%;
    min-height:0;
}

body.live-chat-docked .live-chat-card-sidebar.is-desktop-docked{
    position:fixed !important;
    z-index:14;
}

body.live-theatre-active .container{
    max-width:min(1720px, calc(100vw - 1rem));
}

.watch-layout.watch-layout-live.theatre-mode{
    grid-template-columns:minmax(0, 1fr) minmax(300px, 340px) !important;
    gap:.85rem;
}

.watch-layout.watch-layout-live.theatre-mode .player-shell{
    padding:.7rem;
}

.watch-layout.watch-layout-live.theatre-mode .player-stage-shell-cinematic{
    padding:.35rem;
    border-radius:1.2rem;
}

.watch-layout.watch-layout-live.theatre-mode .player{
    max-height:min(88vh, 1120px);
}

.player-shell.ambient-mode .player-ambient{
    opacity:1;
    transform:scale(1.045);
    filter:blur(52px) saturate(1.75) brightness(1.08);
}

.player-shell.ambient-mode .player-ambient-glow{
    opacity:.82;
}

.player-shell.ambient-mode .player-frame{
    box-shadow:0 0 0 1px rgba(216,193,107,.22),0 30px 80px rgba(0,0,0,.52),0 0 90px rgba(216,193,107,.12);
}

.player-shell.found-footage-mode .player{
    box-shadow:0 0 0 1px rgba(216,193,107,.14),0 18px 48px rgba(0,0,0,.5);
}

.player-shell.found-footage-mode .player-frame::before{
    opacity:1;
}

.player-shell.found-footage-mode .player-frame::after{
    opacity:calc(.28 + var(--footage-glitch-opacity));
}

@media (max-width:1100px){
    body.live-chat-docked .live-chat-card-sidebar.is-desktop-docked{
        position:static !important;
        z-index:auto;
    }

    body.live-theatre-active .container{
        max-width:min(1480px, calc(100vw - 1.2rem));
    }
}


/* 2026-04-08: player chrome compactness + stronger auto-hide polish */
.player-frame{
    border-radius:1.05rem;
    background:#000;
}
.player{
    display:block;
    width:100%;
    aspect-ratio:16 / 9;
    object-fit:cover;
}
.player-chrome-top{
    padding:.8rem;
}
.player-chrome-bottom{
    gap:.55rem;
    padding:.72rem .8rem .78rem;
    background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.26) 22%,rgba(0,0,0,.72) 66%,rgba(0,0,0,.9) 100%);
}
.player-control-row{
    flex-wrap:nowrap;
    align-items:center;
}
.player-control-cluster{
    min-width:0;
    flex-wrap:nowrap;
}
.player-control-cluster:first-child{
    flex:1 1 auto;
}
.player-control-cluster-right{
    flex:0 0 auto;
}
.player-chip-button{
    min-height:2.45rem;
    padding:.58rem .88rem;
    border-radius:.82rem;
    font-size:.95rem;
}
.player-overlay-toggle{
    min-width:5.2rem;
    min-height:2.3rem;
    padding:.48rem .78rem;
}
.player-live-ribbon{
    min-height:2rem;
    padding:.46rem .72rem;
    font-size:.75rem;
}
.player-progress{
    height:.4rem;
}
.player-progress::-webkit-slider-thumb,.player-volume::-webkit-slider-thumb{
    width:.88rem;
    height:.88rem;
}
.player-progress::-moz-range-thumb,.player-volume::-moz-range-thumb{
    width:.88rem;
    height:.88rem;
}
.player-volume{
    width:5.5rem;
}
.player-time-readout{
    min-width:7.4rem;
    padding:.34rem .62rem;
    font-size:.92rem;
}
.player-frame.player-chrome-hidden{cursor:none;}
.player-frame.player-chrome-hidden .player-chrome{
    opacity:0;
    visibility:hidden;
}
.player-frame.player-chrome-hidden .player-chrome-top,
.player-frame.player-chrome-hidden .player-chrome-bottom{
    opacity:0;
}
.player-control-strip{
    gap:.7rem;
}
.player-live-pill{
    font-size:.88rem;
    letter-spacing:.1em;
    padding:.46rem .8rem;
}
.live-delay-picker{
    display:inline-flex;
    align-items:center;
    gap:.35rem;
    flex-wrap:nowrap;
    padding:.28rem;
    border-radius:999px;
    border:1px solid rgba(216,193,107,.16);
    background:rgba(14,12,8,.5);
}
.live-delay-picker-label{
    padding:0 .4rem 0 .22rem;
    font-size:.68rem;
}
.live-delay-picker .quality-btn{
    min-width:4rem;
    min-height:2.35rem;
    padding:.5rem .7rem;
    border-radius:999px;
}
@media (hover:hover) and (pointer:fine){
    .player-frame.player-chrome-hidden:hover .player-chrome,
    .player-frame.player-chrome-hidden:hover .player-chrome-top,
    .player-frame.player-chrome-hidden:hover .player-chrome-bottom{
        visibility:visible;
        opacity:1;
    }
}

.player-frame:fullscreen,.player-frame:-webkit-full-screen{width:100vw;height:100vh;max-width:none;border-radius:0;background:#000;display:grid;place-items:center}.player-frame:fullscreen::backdrop,.player-frame:-webkit-full-screen::backdrop{background:#000}.player-frame:fullscreen .player,.player-frame:-webkit-full-screen .player{width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:contain;border-radius:0}.player-frame:fullscreen .player-chrome,.player-frame:-webkit-full-screen .player-chrome{inset:0}.player-frame:fullscreen .player-chrome-top,.player-frame:-webkit-full-screen .player-chrome-top{padding:max(.75rem,env(safe-area-inset-top)) 1rem 0}.player-frame:fullscreen .player-chrome-bottom,.player-frame:-webkit-full-screen .player-chrome-bottom{padding:.9rem 1rem max(.9rem,env(safe-area-inset-bottom))}.player-frame:fullscreen .footage-hud,.player-frame:-webkit-full-screen .footage-hud{padding:max(.8rem,env(safe-area-inset-top)) 1rem max(.9rem,env(safe-area-inset-bottom))}

@media (max-width:700px){
  .player-watch-header{
    gap:.65rem;
  }
  .player-watch-title{
    font-size:clamp(1.45rem,6vw,1.9rem);
  }
  .player-watch-meta{
    gap:.35rem;
  }
  .player-frame{
    border-radius:.95rem;
  }
  .player-chrome-top{
    padding:.62rem;
  }
  .player-chrome-bottom{
    gap:.42rem;
    padding:.6rem;
  }
  .player-control-row{
    display:grid;
    grid-template-columns:1fr;
    gap:.48rem;
  }
  .player-control-cluster,
  .player-control-cluster-right{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:.45rem;
    width:100%;
  }
  .player-control-cluster [data-player-volume]{
    display:none;
  }
  .player-control-cluster .player-time-readout{
    grid-column:1 / -1;
    min-height:2.3rem;
    padding:.3rem .55rem;
    font-size:.9rem;
  }
  .player-chip-button{
    min-height:2.55rem;
    padding:.56rem .7rem;
    font-size:.92rem;
  }
  .player-overlay-toggle{
    min-width:auto;
    min-height:2.1rem;
    padding:.42rem .7rem;
  }
  .player-live-ribbon{
    min-height:1.9rem;
    padding:.4rem .64rem;
    font-size:.67rem;
    letter-spacing:.12em;
  }
  .player-progress{
    height:.32rem;
  }
  .quality-bar.player-control-strip{
    display:grid;
    grid-template-columns:1fr;
    gap:.65rem;
  }
  .player-control-strip .player-live-pill,
  .player-control-strip .checkbox-row,
  .player-control-strip .quality-btn,
  .player-control-strip .button,
  .player-control-strip .nav-secondary-button,
  .player-control-strip .live-delay-picker{
    width:100%;
  }
  .player-control-strip .live-delay-picker{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:.42rem;
    border-radius:1rem;
    padding:.42rem;
  }
  .player-control-strip .live-delay-picker-label{
    grid-column:1 / -1;
    padding:0 .18rem;
  }
  .player-control-strip .live-delay-picker .quality-btn{
    min-width:0;
    min-height:2.5rem;
    padding:.52rem .45rem;
  }
}


/* 2026-04-08: found-footage mode upgrade */
body.video-app-archive select,
body.video-app-archive option{
    color:#f6edc6;
    background:#14110a;
}
body.video-app-archive select:focus{
    color:#fff4cf;
}
#current-quality-pill{min-width:4.5rem;text-align:center}
.footage-settings{overflow:hidden}
.footage-settings.is-open{animation:footageSettingsReveal .18s ease}
@keyframes footageSettingsReveal{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
#archive-footage-settings-toggle.is-active{background:rgba(216,193,107,.16);border-color:rgba(216,193,107,.5);box-shadow:0 10px 24px rgba(0,0,0,.24)}
.player-shell{
    --footage-contrast:1.08;
    --footage-brightness:.92;
    --footage-saturate:.76;
    --footage-sepia:.12;
    --footage-zoom:1.006;
    --footage-rotate:0deg;
    --footage-tear-y:52%;
    --footage-tear-opacity:0;
    --footage-dropout-opacity:0;
    --footage-static-opacity:0;
    --footage-dust-opacity:0;
    --footage-edge-flare-opacity:0;
    --footage-exposure-boost:0;
    --footage-hud-chip-opacity:1;
}
.player-shell.found-footage-mode .player{
    filter:saturate(var(--footage-saturate)) contrast(var(--footage-contrast)) brightness(calc(var(--footage-brightness) + var(--footage-exposure-boost) + var(--footage-flutter-opacity))) sepia(var(--footage-sepia)) blur(var(--footage-blur));
    transform:translate(var(--footage-jitter-x),var(--footage-jitter-y)) scale(var(--footage-zoom)) rotate(var(--footage-rotate));
    transform-origin:center center;
    will-change:transform,filter;
}
.player-shell.found-footage-mode .player-frame::before{
    background:
        linear-gradient(180deg,rgba(0,0,0,.34),rgba(0,0,0,0) 16%,rgba(0,0,0,0) 83%,rgba(0,0,0,.25) 100%),
        radial-gradient(circle at center,rgba(0,0,0,0) 42%,rgba(0,0,0,var(--footage-vignette-opacity)) 100%),
        repeating-linear-gradient(180deg,rgba(255,248,220,calc(var(--footage-scanline-opacity) * .78)) 0,rgba(255,248,220,calc(var(--footage-scanline-opacity) * .78)) 1px,rgba(0,0,0,0) 1px,rgba(0,0,0,0) 3px),
        linear-gradient(90deg,rgba(255,42,93,calc(var(--footage-intensity) * .05)),rgba(0,255,220,calc(var(--footage-intensity) * .035)) 48%,rgba(255,248,220,calc(var(--footage-edge-flare-opacity) * .28)) 100%);
}
.player-shell.found-footage-mode .player-frame::after{
    background:
        linear-gradient(180deg,
            rgba(255,255,255,0) 0,
            rgba(255,255,255,0) calc(var(--footage-tear-y) - 1.5%),
            rgba(255,255,255,calc(var(--footage-tear-opacity) * .85)) var(--footage-tear-y),
            rgba(255,255,255,0) calc(var(--footage-tear-y) + 2.4%),
            rgba(255,255,255,0) 100%),
        repeating-linear-gradient(90deg,
            rgba(255,255,255,calc(var(--footage-dropout-opacity) * .7)) 0,
            rgba(255,255,255,calc(var(--footage-dropout-opacity) * .7)) 1.8rem,
            rgba(255,255,255,0) 1.8rem,
            rgba(255,255,255,0) 3.8rem),
        linear-gradient(90deg,
            rgba(255,255,255,calc(var(--footage-static-opacity) * .24)) 0,
            rgba(255,255,255,0) 18%,
            rgba(255,255,255,0) 82%,
            rgba(255,255,255,calc(var(--footage-dropout-opacity) * .42)) 100%),
        linear-gradient(180deg,rgba(255,255,255,calc(var(--footage-edge-flare-opacity) * .42)),rgba(255,255,255,0) 14%,rgba(255,255,255,0) 82%,rgba(255,255,255,calc(var(--footage-edge-flare-opacity) * .18)) 100%);
    opacity:calc(.18 + var(--footage-glitch-opacity) + var(--footage-static-opacity));
}
.player-shell.found-footage-mode .footage-hud{
    padding:1rem 1rem 1.1rem;
    display:block;
}
.player-shell.found-footage-mode .footage-hud::before,
.player-shell.found-footage-mode .footage-hud::after{
    content:'';
    position:absolute;
    inset:0;
    pointer-events:none;
}
.player-shell.found-footage-mode .footage-hud::before{
    background:
        radial-gradient(circle at 14% 18%,rgba(255,255,255,calc(var(--footage-dust-opacity) * .95)) 0 .08rem,transparent .14rem),
        radial-gradient(circle at 52% 24%,rgba(255,255,255,calc(var(--footage-dust-opacity) * .72)) 0 .06rem,transparent .12rem),
        radial-gradient(circle at 74% 67%,rgba(255,255,255,calc(var(--footage-dust-opacity) * .88)) 0 .07rem,transparent .13rem),
        radial-gradient(circle at 30% 78%,rgba(255,255,255,calc(var(--footage-dust-opacity) * .64)) 0 .05rem,transparent .11rem);
    mix-blend-mode:screen;
    opacity:.95;
}
.player-shell.found-footage-mode .footage-hud::after{
    background:linear-gradient(180deg,rgba(255,255,255,calc(var(--footage-edge-flare-opacity) * .18)),rgba(255,255,255,0) 22%,rgba(255,255,255,0) 78%,rgba(255,255,255,calc(var(--footage-edge-flare-opacity) * .12)) 100%);
    mix-blend-mode:screen;
}
.player-shell.found-footage-mode .footage-hud-chip{
    position:absolute;
    z-index:4;
    max-width:min(34vw,18rem);
    opacity:var(--footage-hud-chip-opacity);
    box-shadow:0 0 0 1px rgba(216,193,107,.08),0 10px 28px rgba(0,0,0,.28);
}
.player-shell.found-footage-mode[data-footage-preset="livefeed"] .footage-hud-chip{
    border-color:rgba(121,218,255,.32);
    background:rgba(6,12,15,.58);
    color:#e2fbff;
}
.player-shell.found-footage-mode[data-footage-preset="bodycam"] .footage-hud-chip{
    border-color:rgba(194,236,136,.28);
    background:rgba(9,14,8,.58);
    color:#eef7d8;
}
.player-shell.found-footage-mode[data-footage-preset="damaged"] .footage-hud-chip{
    background:rgba(15,9,7,.7);
}
.player-shell.found-footage-safe-hud .footage-cam-label{
    top:calc(var(--footage-safe-top) + 2.15rem);
    left:var(--footage-safe-side);
    transform:none;
    min-width:0;
    text-align:left;
    max-width:min(26vw,13rem);
}
.player-shell.found-footage-safe-hud .footage-date-label{
    left:var(--footage-safe-side);
    bottom:calc(var(--footage-safe-bottom) + 2.1rem);
    transform:none;
    text-align:left;
    max-width:min(30vw,15rem);
}
.player-shell.found-footage-safe-hud .footage-hud-chip{
    font-size:.64rem;
    padding:.38rem .68rem;
}
.player-shell.found-footage-safe-hud .footage-battery-label,
.player-shell.found-footage-safe-hud .footage-signal-label{
    right:var(--footage-safe-side);
}
.player-shell.found-footage-safe-hud .footage-rec-label,
.player-shell.found-footage-safe-hud .footage-timecode{
    left:var(--footage-safe-side);
}
@media (max-width:980px){
  .player-shell.found-footage-mode .footage-hud-chip{max-width:min(42vw,16rem)}
  .player-shell.found-footage-safe-hud .footage-cam-label,
  .player-shell.found-footage-safe-hud .footage-date-label{max-width:min(42vw,14rem)}
}
@media (max-width:700px){
  .player-watch-meta{gap:.3rem}
  .player-shell.found-footage-mode .footage-hud{padding:.7rem .7rem .8rem}
  .player-shell.found-footage-mode .footage-hud-chip{max-width:min(62vw,14rem);font-size:.6rem;padding:.38rem .65rem}
  .player-shell.found-footage-mode .footage-rec-label{top:.7rem;left:.7rem}
  .player-shell.found-footage-mode .footage-cam-label{top:2.25rem;left:.7rem;transform:none;min-width:0}
  .player-shell.found-footage-mode .footage-battery-label{top:.7rem;right:.7rem}
  .player-shell.found-footage-mode .footage-timecode{left:.7rem;bottom:.75rem}
  .player-shell.found-footage-mode .footage-date-label{left:.7rem;bottom:2.55rem;transform:none;max-width:min(72vw,16rem);text-align:left}
  .player-shell.found-footage-mode .footage-signal-label{right:.7rem;bottom:.75rem}
  .player-shell.footage-subtitles-active .footage-timecode,
  .player-shell.footage-subtitles-active .footage-signal-label{bottom:3.1rem}
  .player-shell.footage-subtitles-active .footage-date-label{bottom:4.85rem}
}


/* 2026-04-08 hotfix: keep live chat in the normal page flow instead of docking to the viewport */
.watch-layout.watch-layout-live .live-chat-card-sidebar,
body.live-chat-docked .live-chat-card-sidebar,
body.live-chat-docked .live-chat-card-sidebar.is-desktop-docked{
    position:static !important;
    top:auto !important;
    left:auto !important;
    right:auto !important;
    width:auto !important;
    height:auto !important;
    max-height:none !important;
    align-self:start;
}

.watch-layout.watch-layout-live .live-chat-card-sidebar .live-chat-log{
    max-height:32rem;
    overflow:auto;
}

@media (max-width:1100px){
    .watch-layout.watch-layout-live .live-chat-card-sidebar .live-chat-log{
        max-height:22rem;
    }
}


/* 2026-04-08 mobile watch overhaul: larger player, tighter chrome, less clutter */
@media (max-width:760px){
  .container{
    padding:.72rem;
  }

  .site-header .container.nav-shell{
    padding-bottom:.55rem;
  }

  body.video-app-archive .mobile-header-row{
    gap:.6rem;
    align-items:center;
  }

  body.video-app-archive .brand{
    gap:.45rem;
    min-width:0;
  }

  body.video-app-archive .brand-text{
    font-size:clamp(1rem,5.2vw,1.2rem);
  }

  body.video-app-archive .brand-version{
    padding:.1rem .32rem;
    font-size:.58rem;
  }

  body.video-app-archive .search-form{
    gap:.5rem;
  }

  body.video-app-archive .search-form input,
  body.video-app-archive .search-form .button.subtle{
    min-height:2.85rem;
    height:2.85rem;
    border-radius:1rem;
  }

  .page-shell{
    padding-top:.85rem;
  }

  .watch-layout{
    gap:.7rem;
  }

  .watch-main,
  .watch-side{
    gap:.7rem;
  }

  .player-shell{
    padding:.45rem;
    border-radius:1.05rem;
    margin-left:calc(50% - 50vw + .72rem);
    margin-right:calc(50% - 50vw + .72rem);
  }

  .player-stage-shell-cinematic{
    gap:.5rem;
  }

  .player-watch-header{
    padding:.1rem .18rem 0;
    gap:.45rem;
  }

  .player-watch-title{
    font-size:clamp(1.28rem,6vw,1.62rem);
    line-height:1.06;
  }

  .player-watch-meta{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:.32rem;
  }

  .player-watch-meta .player-pill,
  #current-quality-pill{
    min-height:2rem;
    padding:.38rem .38rem;
    border-radius:.72rem;
    font-size:.74rem;
  }

  .player-frame{
    border-radius:.98rem;
    overflow:hidden;
    box-shadow:0 18px 42px rgba(0,0,0,.34);
  }

  .player{
    width:100%;
    aspect-ratio:16 / 9;
    min-height:min(58vw, 18.5rem);
    max-height:none;
  }

  .player-chrome-top{
    padding:.48rem;
  }

  .player-live-ribbon{
    min-height:1.72rem;
    padding:.34rem .56rem;
    font-size:.63rem;
    letter-spacing:.1em;
  }

  .player-chrome-bottom{
    gap:.34rem;
    padding:.45rem .45rem .48rem;
    background:linear-gradient(180deg,rgba(0,0,0,0) 0%,rgba(0,0,0,.18) 18%,rgba(0,0,0,.63) 58%,rgba(0,0,0,.88) 100%);
  }

  .player-progress{
    height:.28rem;
    opacity:.9;
  }

  .player-control-row{
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    gap:.34rem;
    align-items:stretch;
  }

  .player-control-cluster,
  .player-control-cluster-right{
    display:contents;
  }

  .player-control-row [data-player-volume],
  .player-control-row [data-player-theatre-toggle]{
    display:none !important;
  }

  .player-chip-button,
  .player-time-readout{
    min-height:2.16rem;
    padding:.4rem .48rem;
    border-radius:.72rem;
    font-size:.8rem;
    line-height:1.05;
    box-shadow:0 8px 18px rgba(0,0,0,.2);
  }

  .player-control-row [data-player-toggle]{grid-column:1;}
  .player-control-row [data-player-mute]{grid-column:2;}
  .player-control-row [data-player-jump-live]{grid-column:3 / span 2;}
  .player-control-row [data-player-fullscreen]{grid-column:4;}

  .player-time-readout{
    grid-column:1 / span 3;
    min-width:0;
    justify-content:center;
    text-align:center;
    background:rgba(8,8,8,.46);
    font-size:.78rem;
  }

  .quality-bar.player-control-strip{
    gap:.55rem;
    margin-top:.55rem;
  }

  .player-control-strip > .player-strip-label{
    margin-bottom:-.05rem;
  }

  .player-control-strip .player-pill,
  .player-control-strip .quality-btn,
  .player-control-strip .checkbox-row{
    min-height:2.45rem;
    padding:.56rem .62rem;
    border-radius:.84rem;
    font-size:.84rem;
  }

  .player-control-strip .live-delay-picker{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:.32rem;
    width:100%;
    padding:.34rem;
    border-radius:.94rem;
  }

  .player-control-strip .live-delay-picker-label{
    grid-column:1 / -1;
    padding:0 .12rem;
    font-size:.63rem;
  }

  .player-control-strip .live-delay-picker .quality-btn{
    min-width:0;
    min-height:2.25rem;
    padding:.4rem;
    border-radius:.8rem;
  }

  .player-shell.found-footage-mode .footage-hud{
    padding:.5rem .52rem .56rem;
  }

  .player-shell.found-footage-mode .footage-hud-chip{
    max-width:min(46vw,10rem);
    font-size:.56rem;
    padding:.3rem .48rem;
    letter-spacing:.14em;
  }

  .player-shell.found-footage-mode .footage-battery-label,
  .player-shell.found-footage-mode .footage-date-label{
    display:none;
  }

  .player-shell.found-footage-mode .footage-rec-label{top:.5rem;left:.5rem;}
  .player-shell.found-footage-mode .footage-cam-label{top:1.88rem;left:.5rem;transform:none;}
  .player-shell.found-footage-mode .footage-timecode{left:.5rem;bottom:.52rem;}
  .player-shell.found-footage-mode .footage-signal-label{right:.5rem;bottom:.52rem;}
}

@media (max-width:520px){
  .player-shell{
    margin-left:calc(50% - 50vw + .55rem);
    margin-right:calc(50% - 50vw + .55rem);
    padding:.38rem;
  }

  .player{
    min-height:60vw;
  }

  .player-watch-meta{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .player-control-row{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .player-control-row [data-player-toggle],
  .player-control-row [data-player-mute],
  .player-control-row [data-player-jump-live],
  .player-control-row [data-player-fullscreen],
  .player-time-readout{
    grid-column:auto;
  }

  .player-time-readout{
    grid-column:1 / -1;
  }

  .player-control-row [data-player-jump-live]{
    grid-column:1;
  }

  .player-control-row [data-player-fullscreen]{
    grid-column:2;
  }

  .player-control-strip .live-delay-picker{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }
}

/* 2026-04-10 live chat polish: richer hierarchy, stronger message separation, moderation chrome */
.live-chat-log{
    gap:.95rem;
    padding:1rem;
}

.live-chat-message{
    grid-template-columns:auto minmax(0,1fr);
    gap:.82rem;
    padding:.88rem .92rem;
    border-radius:1.1rem;
    background:linear-gradient(180deg,rgba(255,255,255,.042),rgba(255,255,255,.025));
    border:1px solid rgba(216,193,107,.12);
    box-shadow:0 10px 26px rgba(0,0,0,.18);
    transition:border-color .18s ease, transform .18s ease, background .18s ease, box-shadow .18s ease;
}

.live-chat-message:hover{
    border-color:rgba(216,193,107,.22);
    background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.032));
    transform:translateY(-1px);
}

.live-chat-message.is-pinned{
    border-color:rgba(216,193,107,.32);
    box-shadow:0 14px 32px rgba(0,0,0,.24),0 0 0 1px rgba(216,193,107,.08) inset;
}

.live-chat-message.is-hidden{
    opacity:.78;
    border-style:dashed;
}

.live-chat-avatar{
    width:2.6rem;
    height:2.6rem;
    border-radius:999px;
    object-fit:cover;
    border:1px solid rgba(216,193,107,.18);
    box-shadow:0 8px 18px rgba(0,0,0,.24);
}

.live-chat-body{
    min-width:0;
    display:grid;
    gap:.42rem;
}

.live-chat-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:.85rem;
}

.live-chat-meta{
    min-width:0;
    display:grid;
    gap:.28rem;
}

.live-chat-name-row{
    display:flex;
    align-items:center;
    gap:.42rem;
    flex-wrap:wrap;
    min-width:0;
}

.live-chat-author-link{
    color:inherit;
    text-decoration:none;
}

.live-chat-author-link:hover{
    color:var(--ink-strong);
}

.live-chat-timestamp{
    display:inline-flex;
    align-items:center;
    gap:.3rem;
    font-size:.78rem;
    letter-spacing:.02em;
    color:var(--ink-soft);
}

.live-chat-text{
    margin:0;
    white-space:pre-wrap;
    word-break:break-word;
    line-height:1.58;
    color:var(--ink);
}

.live-chat-role-badge{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:1.35rem;
    padding:.16rem .45rem;
    border-radius:999px;
    border:1px solid rgba(216,193,107,.18);
    background:rgba(216,193,107,.08);
    color:var(--ink-soft);
    font-size:.72rem;
    font-weight:700;
    letter-spacing:.04em;
    text-transform:uppercase;
}

.live-chat-role-badge.is-admin{
    background:rgba(216,193,107,.16);
    border-color:rgba(216,193,107,.34);
    color:#f7e8a5;
}

.live-chat-role-badge.is-moderator{
    background:rgba(132,183,255,.14);
    border-color:rgba(132,183,255,.28);
    color:#d5e6ff;
}

.live-chat-role-badge.is-pinned{
    background:rgba(255,209,102,.12);
    border-color:rgba(255,209,102,.26);
    color:#ffe5a3;
}

.live-chat-role-badge.is-hidden{
    background:rgba(255,140,140,.1);
    border-color:rgba(255,140,140,.24);
    color:#ffb8b8;
}

.live-chat-tools{
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:.38rem;
    flex-wrap:wrap;
}

.live-chat-tool{
    appearance:none;
    border:1px solid rgba(216,193,107,.16);
    background:rgba(255,255,255,.045);
    color:var(--ink-soft);
    border-radius:999px;
    padding:.24rem .55rem;
    font-size:.75rem;
    font-weight:600;
    cursor:pointer;
    transition:border-color .18s ease, background .18s ease, color .18s ease, transform .18s ease;
}

.live-chat-tool:hover,
.live-chat-tool:focus-visible{
    border-color:rgba(216,193,107,.28);
    background:rgba(216,193,107,.1);
    color:var(--ink-strong);
    transform:translateY(-1px);
}

.live-chat-tool:disabled{
    opacity:.55;
    cursor:progress;
    transform:none;
}

@media (max-width:760px){
    .live-chat-message{
        padding:.8rem;
    }

    .live-chat-head{
        flex-direction:column;
        align-items:flex-start;
        gap:.55rem;
    }

    .live-chat-tools{
        justify-content:flex-start;
    }
}

.analytics-bars-retention .analytics-bar-wrap span {
    min-width: 2.75rem;
}

.live-poll-card,
.live-raid-card,
.live-raid-banner {
    overflow: hidden;
}

.live-poll-options {
    gap: 0.85rem;
}

.live-poll-option {
    border: 1px solid rgba(255,255,255,0.08);
    border-radius: 18px;
    padding: 0.85rem 0.95rem;
    background: rgba(255,255,255,0.03);
}

.live-poll-option.is-selected {
    border-color: rgba(196, 164, 132, 0.5);
    background: rgba(196, 164, 132, 0.08);
}

.live-poll-option-head,
.live-poll-option-foot {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
}

.live-poll-bar {
    margin: 0.5rem 0 0.65rem;
    height: 0.6rem;
    border-radius: 999px;
    overflow: hidden;
    background: rgba(255,255,255,0.08);
}

.live-poll-bar span {
    display: block;
    height: 100%;
    border-radius: 999px;
    background: linear-gradient(90deg, rgba(196,164,132,0.95), rgba(255,220,180,0.95));
}

.live-raid-banner {
    border: 1px solid rgba(196, 164, 132, 0.3);
    box-shadow: 0 12px 34px rgba(0, 0, 0, 0.24);
}

.live-raid-banner .section-head,
.live-raid-card .section-head,
.live-poll-card .section-head {
    margin-bottom: 0.75rem;
}

.live-chat-author-trigger{
    appearance:none;
    border:0;
    background:none;
    padding:0;
    color:inherit;
    font:inherit;
    font-weight:700;
    cursor:pointer;
    text-align:left;
}

.live-chat-author-trigger:hover,
.live-chat-author-trigger:focus-visible,
.live-chat-author-link:hover{
    color:var(--ink-strong);
}

.live-chat-user-menu-wrap{
    position:relative;
    display:inline-flex;
    align-items:center;
}

.live-chat-user-menu{
    position:absolute;
    top:calc(100% + .45rem);
    left:0;
    min-width:14rem;
    max-width:min(18rem, 80vw);
    display:none;
    gap:.55rem;
    padding:.7rem;
    border-radius:1rem;
    border:1px solid rgba(216,193,107,.16);
    background:rgba(12,12,10,.96);
    box-shadow:0 18px 45px rgba(0,0,0,.35);
    z-index:20;
}

.live-chat-user-menu.is-open{
    display:grid;
}

.live-chat-user-menu[hidden]{
    display:none !important;
}

.live-chat-menu-section{
    display:grid;
    gap:.4rem;
}

.live-chat-menu-heading{
    font-size:.72rem;
    font-weight:700;
    letter-spacing:.08em;
    text-transform:uppercase;
    color:var(--ink-soft);
}

.live-chat-role-badge.is-streamer{
    background:rgba(134,255,163,.12);
    border-color:rgba(134,255,163,.24);
    color:#d7ffe1;
}

.live-chat-role-badge.is-stream_moderator{
    background:rgba(120,220,255,.12);
    border-color:rgba(120,220,255,.24);
    color:#d6f6ff;
}

.live-chat-role-badge.is-token{
    background:rgba(255,188,96,.14);
    border-color:rgba(255,188,96,.26);
    color:#ffe2b8;
}

.live-chat-tool.is-danger{
    border-color:rgba(255,140,140,.24);
    color:#ffb8b8;
}

.live-chat-tool.is-danger:hover,
.live-chat-tool.is-danger:focus-visible{
    background:rgba(255,140,140,.12);
    border-color:rgba(255,140,140,.36);
    color:#ffd5d5;
}

.live-rewards-card{
    margin-top:.9rem;
}

.live-rewards-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
}

.live-token-form .stats-grid{
    align-items:end;
}

@media (max-width:760px){
    .live-chat-user-menu{
        left:auto;
        right:0;
        min-width:12rem;
    }

    .live-rewards-grid{
        grid-template-columns:1fr;
    }
}