:root{color-scheme:dark;--gold:#d7b75e;--bg:#100f0c;--panel:#1b1914;--text:#f5f0e5;--muted:#b9b09b}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.5 "Segoe UI",Arial,sans-serif}button,input{font:inherit}button{border:1px solid #49402b;background:#24211b;color:var(--text);padding:10px 15px;border-radius:7px;cursor:pointer}button:hover,button.active{border-color:var(--gold);background:#3b3018;color:#f7dc8b}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible{outline:3px solid var(--gold);outline-offset:2px}input{background:#100f0c;color:var(--text);border:1px solid #49402b;border-radius:6px;padding:9px;width:100%}input[type=range]{padding:0;accent-color:var(--gold)}header{height:88px;display:flex;align-items:center;gap:15px;padding:12px 26px;border-bottom:1px solid #393224;background:#171510}header img{height:64px;width:64px;object-fit:contain}header strong{font-family:Georgia,serif;letter-spacing:2px;font-size:20px;color:var(--gold)}header small{display:block;font-size:9px;letter-spacing:3px;color:var(--muted)}header button{margin-left:auto}.badge{font-size:10px;letter-spacing:1.5px;color:var(--muted);margin-left:22px}main{display:grid;grid-template-columns:225px 1fr;min-height:calc(var(--surface-height, 100vh) - 88px)}aside{padding:22px 18px;border-right:1px solid #393224;background:#15130f}aside button{display:block;width:100%;text-align:left;margin:7px 0}aside hr{border:0;border-top:1px solid #393224;margin:24px 0}label{display:block;color:var(--muted);font-size:12px}form{margin-top:25px}.eyebrow{color:var(--gold);font-size:10px;letter-spacing:2px;font-weight:600}.note,footer{color:var(--muted);font-size:12px}.note{margin-top:26px}.content{min-width:0;padding:22px 28px}.heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}h1{font-size:26px;font-weight:500;margin:3px 0 13px}h2{font-size:20px;font-weight:500;margin:10px 0}.heading input{max-width:260px}#player-wrap{position:relative;background:#000;aspect-ratio:16/9;max-height:calc(var(--surface-height, 100vh) * .58);min-height:250px;border:1px solid #4b4025;border-radius:9px;overflow:hidden}video{height:100%;width:100%;object-fit:contain}#empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(ellipse at 65% 20%,#39301b,#100f0c 75%);padding:25px;text-align:center}#empty p{color:var(--muted)}.satellite{font-size:64px;color:var(--gold)}#overlay{position:absolute;bottom:0;left:0;right:0;padding:28px 12px 12px;display:flex;align-items:center;gap:8px;background:linear-gradient(transparent,#000e)}#overlay button{padding:7px 10px;font-size:12px;background:#171510dc}#seek{flex:1;min-width:40px}#time{font-size:12px;min-width:40px}.volume{display:flex;align-items:center;gap:5px}.volume input{width:65px}#status{color:var(--muted);font-size:13px;min-height:22px}#status.error{color:#f3af94}#tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:15px}.tile{text-align:left;padding:0;overflow:hidden;background:var(--panel)}.tile-art{height:110px;background:radial-gradient(ellipse at top right,#4c3c1a,#211d14 70%);display:flex;align-items:center;justify-content:center;font:28px Georgia,serif;color:var(--gold)}.tile-body{padding:13px}.tile-body strong{display:block}.tile-body p{font-size:12px;color:var(--muted)}.tile-body small{color:var(--gold)}#room-tools{background:var(--panel);padding:14px;border:1px solid #49402b;border-radius:7px;margin-bottom:15px}#share-url{max-width:65%;margin-right:8px}#room-role{display:block;color:var(--gold);font-size:12px;margin-top:8px}details{background:var(--panel);padding:12px;margin-bottom:20px;font-size:12px}summary{cursor:pointer;color:var(--gold)}pre{white-space:pre-wrap;overflow-wrap:anywhere}footer{margin-top:28px;border-top:1px solid #393224;padding-top:15px}#exit-screen{display:none}body.screen header,body.screen aside,body.screen .heading,body.screen .library,body.screen footer,body.screen details,body.screen #room-tools{display:none}body.screen main{display:block;min-height:var(--surface-height, 100vh)}body.screen .content{padding:0}body.screen #player-wrap{height:var(--surface-height, 100vh);max-height:none;border:0;border-radius:0;aspect-ratio:auto}body.screen #status{position:fixed;top:0;left:15px;background:#000b;padding:5px 10px;pointer-events:none}body.screen #exit-screen{display:block}#player-wrap:fullscreen{max-height:none;height:var(--surface-height, 100vh);width:100vw;border:0;border-radius:0}#player-wrap:fullscreen #exit-screen{display:block}[hidden]{display:none!important}@media(max-width:850px){main{grid-template-columns:170px 1fr}.content{padding:15px}header{padding:8px 15px}.badge,.volume{display:none}#overlay{gap:4px}#overlay button{padding:7px}#player-wrap{min-height:220px}h1{font-size:21px}}@media(max-width:580px){main{display:block}aside{border-right:0}aside nav{display:flex;gap:5px}aside .eyebrow,aside hr,aside .note{display:none}header strong{font-size:14px}#tiles{grid-template-columns:repeat(2,minmax(0,1fr))}#forward10,#back10{display:none}}

/* Square Shared Media backing surface: keep UV input mapping unmodified. */
body.sl-surface{--surface-height:56.25vw;transform:scaleY(1.777777778);transform-origin:top left;min-height:var(--surface-height)}

select{font:inherit;width:100%;padding:10px;background:#100f0c;color:var(--text);border:1px solid #49402b;border-radius:6px}dialog{width:min(480px,95vw);background:var(--panel);color:var(--text);border:1px solid var(--gold);border-radius:12px;padding:24px}dialog::backdrop{background:#000c}dialog form{margin:0}dialog label{margin-top:14px}dialog button{margin-top:16px}#login-error{color:#f3af94}.paging{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.tile-art{position:relative}.tile-art img{position:absolute;width:100%;height:100%;object-fit:contain;background:var(--panel)}#guide{padding:15px;background:var(--panel);margin:15px 0}#guide-items{max-height:220px;overflow:auto}body.screen #guide,body.screen .paging{display:none}

.us-filter{display:flex;align-items:center;gap:8px;margin:12px 0}.us-filter input{width:auto}
.live-browser{display:grid;grid-template-columns:280px minmax(0,1fr);gap:12px 20px;align-content:start}
.live-browser>.heading{grid-column:2;grid-row:1}.live-browser>#player-wrap{grid-column:2;grid-row:2;min-height:220px;width:100%}.live-browser>#status{grid-column:2;grid-row:3}.live-browser>#guide{grid-column:2;grid-row:4;margin:0}.live-browser>details{grid-column:2;grid-row:5}.live-browser>.library{grid-column:1;grid-row:1 / 7;min-width:0}.live-browser>.library .heading{display:block}.live-browser>.library input{max-width:none}.live-browser #tiles{display:flex;flex-direction:column;max-height:72vh;overflow:auto;overscroll-behavior:contain;padding-right:5px}.live-browser .tile{display:flex;align-items:center;min-height:66px;flex-shrink:0}.live-browser .tile-art{width:55px;height:55px;flex-shrink:0;font-size:12px}.live-browser .tile-body{padding:8px;font-size:13px}.live-browser .tile-body p{display:none}.live-browser .tile-body small{font-size:10px}.live-browser footer{grid-column:1 / -1}.live-browser .paging{gap:5px;font-size:11px}.live-browser .paging button{padding:5px 8px}
body.screen .live-browser{display:block} @media(max-width:1000px){.live-browser{grid-template-columns:220px minmax(0,1fr)}} @media(max-width:760px){.live-browser{display:flex;flex-direction:column}.live-browser>.library{order:6;width:100%}.live-browser #tiles{max-height:45vh}.live-browser>#player-wrap{min-height:180px}}

#overlay{transition:opacity .25s ease}
#player-wrap.controls-hidden{cursor:none}
#player-wrap.controls-hidden #overlay{opacity:0;pointer-events:none}

@media(prefers-reduced-motion:reduce){#overlay{transition:none}}

#service-buttons{display:flex;gap:12px;flex-wrap:wrap}#service-buttons button{flex:1;min-height:58px;margin-top:0}
body.sl-surface #login-dialog[open]{position:absolute;z-index:1000;top:12px;left:0;right:0;margin:0 auto;max-height:calc(var(--surface-height) - 24px);overflow:auto;box-shadow:0 0 0 150vmax #000d}

.channel-row{display:flex;align-items:stretch;min-width:0;flex-shrink:0;gap:4px}.channel-row>.tile{flex:1;min-width:0}.favorite-star{font-size:25px;color:var(--gold);padding:8px;min-width:42px}.favorite-star[aria-pressed=true]{background:#493b18}

/* Aurora: larger media-face targets and simpler compositing. */
body.aurora-viewer #overlay button{min-height:40px;min-width:44px;font-size:13px}
body.aurora-viewer #overlay{flex-wrap:wrap}
body.aurora-viewer #overlay #seek{min-width:80px}
body.aurora-viewer .favorite-star{min-height:44px;min-width:44px}
body.aurora-viewer .tile-art{background:#211d14}
body.aurora-viewer #overlay{transition:none}

.vod-library #tiles{grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:18px}
.vod-library .tile-art{height:235px;background:#242019}
.vod-library .tile-art img{object-fit:contain}
.vod-library .tile-body p{display:none}
.vod-library .tile-body strong{font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.vod-library .tile-body small{font-size:11px}
.vod-library .library>.heading{position:sticky;top:0;background:var(--bg);z-index:2;padding:10px 0}
.vod-library.episode-library #tiles{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.vod-library.episode-library .tile-art{height:125px}
#season-label{min-width:180px;font-size:14px}
body.screen #season-label{display:none}
@media(max-width:600px){.vod-library .tile-art{height:185px}.vod-library #tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}

.vod-library #tiles{max-height:calc(var(--surface-height,100vh) * .72);overflow-y:auto;overscroll-behavior:contain;padding:4px 6px 12px}