:root{color-scheme:dark;--ink:#11100e;--paper:#e7ddcc;--faded:#aaa294;--line:#39332b;--amber:#d69b59;font-family:Arial,Helvetica,sans-serif;background:var(--ink);color:var(--paper)}
[hidden]{display:none!important}.mobile-hint{display:none;font-size:11px;color:var(--faded);line-height:1.5;margin:10px 0 0}@media(max-width:700px){.mobile-hint{display:block}}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--amber);outline-offset:4px}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link:focus{position:fixed;top:10px;left:10px;z-index:50;background:var(--paper);color:var(--ink);padding:12px}
.room-header{height:86px;padding:0 4%;display:flex;align-items:center;gap:36px;border-bottom:1px solid var(--line)}.brand{font-size:22px;font-weight:800;letter-spacing:-1px;line-height:1.2}.brand span{display:block;font:9px/1.8 monospace;letter-spacing:2.4px;color:var(--faded)}.room-header nav{display:flex;gap:26px;margin-left:auto;font-size:12px;color:var(--faded)}.archive-open{background:var(--paper);color:var(--ink);border:0;padding:14px 19px;font-size:12px;font-weight:700}.archive-open span{margin-left:18px}
main{max-width:1800px;margin:auto;outline:none}.room-intro{padding:30px 4% 24px;display:flex;align-items:end;justify-content:space-between;gap:24px}.kicker{font:10px/1.6 monospace;letter-spacing:2px;margin:0 0 10px;color:var(--amber)}.live-dot{display:inline-block;width:5px;height:5px;background:#b54633;border-radius:50%;margin-right:9px;box-shadow:0 0 10px #b5463370}h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(25px,3.4vw,44px);font-weight:400;letter-spacing:-1.3px;margin:0}.room-hint{font-size:12px;line-height:1.7;color:var(--faded);margin:0}.scene-scroll{overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--line) transparent;overscroll-behavior-x:contain}.scene{position:relative;aspect-ratio:1451/1088;width:100%;overflow:hidden;background:#15100c;isolation:isolate;transition:filter .4s,transform .55s cubic-bezier(.2,.7,.2,1)}.room-art{display:block;width:100%;height:100%}.devices{position:absolute;inset:0}.device{position:absolute;top:0;left:0;padding:0;border:0;border-radius:2px;background:#060606;transform-origin:0 0;backface-visibility:hidden;transition:filter .2s;overflow:hidden}.device:hover{filter:brightness(1.2);outline:2px solid var(--amber)}.device video{width:100%;height:100%;object-fit:cover;display:block;pointer-events:none;opacity:.87}.device:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,#fff1,transparent 45%,#0002)}.device-label{position:absolute;left:6%;bottom:8%;z-index:2;font:9px/1.5 monospace;letter-spacing:1px;background:#000b;padding:5px 7px;opacity:0;transition:opacity .2s}.device:hover .device-label,.device:focus-visible .device-label{opacity:1}
.room-controls{padding:17px 4%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:16px;font:10px/1.5 monospace;color:var(--faded)}.room-controls p{margin:0}.room-controls button{background:none;border:0;padding:8px 0;font-size:10px;color:var(--faded)}.device-shortcuts{display:flex;gap:8px;padding:18px 4%;flex-wrap:wrap}.device-shortcuts button{border:1px solid var(--line);background:none;font:10px/1.5 monospace;padding:10px 15px}.device-shortcuts button:hover{border-color:var(--amber);color:var(--amber)}.room-footer{padding:6px 4% 27px;display:flex;justify-content:space-between;font:10px/1.6 monospace;color:var(--faded);gap:20px}
dialog{padding:0;border:1px solid #534737;background:#141310;color:var(--paper);width:min(1220px,94vw);max-height:92dvh;box-shadow:0 24px 100px #000c;overflow:auto}dialog::backdrop{background:#050403e8;backdrop-filter:blur(5px)}dialog[open]{animation:watch-arrive .4s ease-out}.watch-shell{padding:24px}.watch-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.watch-header h2{font:400 24px/1.2 Georgia,serif;margin:0}.watch-header .kicker{margin-bottom:6px}.back-button{background:none;border:1px solid var(--line);padding:11px 15px;white-space:nowrap;font-size:12px}.watch-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:28px}.player-frame{position:relative;aspect-ratio:16/9;background:#050505;border:1px solid var(--line)}.player-frame video{display:block;width:100%;height:100%;object-fit:contain}.player-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:var(--faded);pointer-events:none}.player-empty[hidden]{display:none}.player-empty span{font-size:50px;color:var(--amber)}.player-empty p{font-size:12px}#playbackStatus{font-size:12px;color:var(--faded);min-height:15px;line-height:1.5;margin:12px 0}.video-info{padding:16px 0}.video-info h3{font:400 24px/1.3 Georgia,serif;margin:7px 0 12px}.video-info>p:last-child{font-size:13px;line-height:1.7;color:var(--faded);max-width:65ch}.library-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.library-heading h3{font:400 19px Georgia,serif;margin:0}.library-heading span{font:10px monospace;color:var(--faded)}.library>label:not(.sr-only){font:9px monospace;color:var(--faded);display:block;margin-bottom:7px;text-transform:uppercase;letter-spacing:1px}.library input,.library select{width:100%;background:#201d18;color:var(--paper);border:1px solid var(--line);padding:11px;font-size:12px;min-height:40px}.library select{margin:8px 0 16px}.archive-list{display:flex;flex-direction:column;gap:7px;max-height:49vh;overflow:auto;scrollbar-width:thin}.archive-card{width:100%;text-align:left;display:grid;grid-template-columns:84px 1fr;gap:12px;align-items:center;border:1px solid transparent;background:none;padding:8px;color:var(--paper)}.archive-card:hover{background:#272219}.archive-card[aria-pressed=true]{background:#2b241b;border-color:#786044}.archive-card img{width:84px;height:58px;object-fit:cover}.archive-card strong{display:block;font-size:12px;font-weight:500;line-height:1.4}.archive-card small{display:block;font:9px/1.5 monospace;color:var(--faded);margin-top:5px}#archiveEmpty{font-size:12px;color:var(--faded);padding:20px 0}#retryPlayback{background:#30281f;border:1px solid #786044;padding:9px 13px;font-size:12px}.is-watching{overflow:hidden}.is-watching .scene{filter:brightness(.5)}
@keyframes watch-arrive{from{opacity:0;transform:scale(.92) translateY(20px)}to{opacity:1;transform:none}}
.quality-control{display:flex;align-items:center;gap:12px;margin-top:12px;font-size:12px;color:var(--faded)}.quality-control select{background:#201d18;color:var(--paper);border:1px solid var(--line);padding:7px}.is-watching dialog::backdrop{backdrop-filter:none}
.scene{container-type:inline-size}.tv-neon{position:absolute;left:40%;top:2.5%;width:29%;height:8.5%;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;transform:rotate(-.5deg);background:#100b09b3;border:1px solid #a4453f66;border-radius:5px;box-shadow:0 0 18px #ed35252e,inset 0 0 16px #ed352514}.tv-neon span{font:700 2.1cqw/1.15 Arial,sans-serif;letter-spacing:.15cqw;color:#fff1e7;text-shadow:0 0 2px #fff,0 0 5px #ffb39d,0 0 12px #ff442e,0 0 24px #fb3023}.tv-neon strong{font:italic 1.75cqw/1.5 Georgia,serif;color:#ffcbad;text-shadow:0 0 3px #ff9c77,0 0 9px #ff3d26,0 0 20px #ff3525}.archive-note{position:absolute;left:36.5%;top:89.5%;width:16%;height:8%;z-index:3;border:0;padding:.7cqw 1cqw;background:linear-gradient(175deg,#d9ba57 0 19%,#ead47e 20%,#f1dc8b 87%,#dbc370);color:#37271a;transform:rotate(-8deg) skewX(-5deg);box-shadow:2px 5px 7px #0009;border-radius:0 0 2px 2px;text-align:center}.archive-note span{display:block;font:italic 700 1.55cqw/1.18 'Comic Sans MS','Segoe Print',cursive}.archive-note:hover{filter:brightness(1.08)}.dedicated-film .watch-layout{grid-template-columns:minmax(0,1fr)}
@media(min-width:701px){.room-header{height:64px}.room-intro{padding-top:18px;padding-bottom:18px}h1{font-size:32px}.scene-scroll{width:min(92vw,calc((100svh - 245px)*1.33364));min-width:480px;margin:0 auto;border:1px solid var(--line)}.room-controls{padding-top:8px;padding-bottom:8px}.device-shortcuts{padding-top:12px;padding-bottom:10px}.room-footer{padding-bottom:12px}.room-footer p{margin:0}}
@media(max-width:700px){.room-header{height:72px;padding:0 5%;gap:14px}.brand{font-size:18px}.brand span{font-size:7px;letter-spacing:1.5px}.room-header nav{display:none}.archive-open{margin-left:auto;font-size:10px;padding:12px}.archive-open span{margin-left:8px}.room-intro{padding:25px 5% 20px}.room-hint{display:none}h1{font-size:30px}.scene{width:820px}.room-controls{padding:12px 5%;font-size:9px;gap:9px}.room-controls button{font-size:9px}.device-shortcuts{padding:14px 5%;gap:6px}.device-shortcuts button{padding:9px 11px}.room-footer{padding:0 5% 20px;font-size:9px}dialog{width:96vw;max-height:94dvh}.watch-shell{padding:16px}.watch-header{align-items:start;gap:10px;margin-bottom:17px}.watch-header h2{font-size:20px}.back-button{font-size:10px;padding:9px 10px}.watch-layout{grid-template-columns:1fr;gap:15px}.video-info{padding:5px 0}.video-info h3{font-size:22px}.library-heading{margin-bottom:12px}.archive-list{max-height:36vh}#playbackStatus{font-size:11px}.archive-card{grid-template-columns:100px 1fr}.archive-card img{width:100px;height:62px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}