:root{color-scheme:dark;--cyan:#19d8e8;--text:#c5bda6;--gold:#c6ae6d;--ambient:25,216,232}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 36%,#263023,#111613 68%);color:var(--text);font-family:Arial,sans-serif}button,a,input{touch-action:manipulation}button{color:var(--cyan);background:linear-gradient(#28322d,#19221d);border:1px solid #4b5848;border-radius:3px;padding:12px;font:11px monospace;cursor:pointer}button:hover,button:focus-visible{outline:1px solid var(--cyan);box-shadow:0 0 14px #19d8e844}button:active{background:#19d8e833}a{color:var(--cyan);text-decoration:none}header{max-width:1280px;margin:auto;padding:28px 36px;display:flex;align-items:center;justify-content:space-between}.brand img{width:150px;height:68px;object-fit:contain}nav{display:flex;gap:24px;font:11px monospace;letter-spacing:.08em}main{max-width:1280px;margin:auto;padding:0 36px}.room-title{text-align:center;margin:20px 0 40px}.room-title>span,.archive>span,.now>span{font:10px monospace;letter-spacing:.2em;color:var(--gold)}h1{font-size:clamp(26px,4vw,46px);font-weight:400;color:var(--gold);margin:12px 0}.room-title p{font-size:14px;color:#8e998c}.theater{display:grid;grid-template-columns:110px minmax(0,1fr) 110px;gap:26px;align-items:center}.speaker{padding:16px 12px;background:linear-gradient(90deg,#392d20,#695338 8%,#292d25 13%,#171e18 86%,#644e35 93%,#30271e);border:2px solid #65533d;border-radius:5px;box-shadow:0 12px 22px #0008,inset 0 0 18px #000c;display:flex;flex-direction:column;align-items:center;gap:22px}.speaker-brand{font:11px monospace;color:#9b9679;align-self:flex-start}.cone{display:block;width:80px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#1a2018 0 13%,#4d5940 16%,#303d29 30%,#63724b 46%,#283020 55%,#111912 62%,#5c6748 65%,#111610 73%);border:2px solid #151b11;box-shadow:0 0 0 3px #38412d,inset 0 0 9px #000}.medium{width:65px}.tweeter{width:35px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#111 15%,#475139 22%,#172012 40%,#536341 58%,#111a11 65%)}.speaker small{font:7px monospace;line-height:1.6;color:#838775;text-align:center}.screen-frame{position:relative;background:#050907;border:10px solid #191f1b;border-radius:5px;box-shadow:0 0 35px rgba(var(--ambient),.26),0 0 95px rgba(var(--ambient),.14),0 20px 30px #000a;transition:box-shadow .8s}.screen-frame video{width:100%;aspect-ratio:16/9;display:block;background:#040705;object-fit:contain}.screen-idle{position:absolute;inset:0;background:linear-gradient(#08100bb0,#07100df0);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px}.screen-idle[hidden]{display:none}.screen-idle span{font:11px monospace;letter-spacing:.2em;color:var(--cyan)}.screen-idle strong{font-size:24px;font-weight:400;color:var(--gold)}.under-screen{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:24px 10px}.under-screen>span{font:8px monospace;letter-spacing:.16em;color:#8a937d}.subwoofer{padding:10px 25px;display:flex;align-items:center;gap:20px;background:linear-gradient(100deg,#51402e,#191e17 12% 90%,#5b4830);border:1px solid #65533d;border-radius:4px;box-shadow:0 10px 20px #0007}.subwoofer .cone{width:70px}.subwoofer small{font:8px monospace;color:#9f9d7d}.now{text-align:center;padding:18px 0 32px}h2{font-weight:400;color:var(--gold);font-size:20px;overflow-wrap:anywhere}.now p{font:12px monospace;line-height:1.6}.now #status{color:var(--cyan);min-height:1.5em}.archive{padding:25px 0 60px;border-top:1px solid #414931}.films{margin-top:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.film{text-align:left;padding:22px;border:1px solid #455039;background:#1b231b;color:var(--text)}.film span{display:block;color:var(--cyan);font:10px monospace;margin-bottom:14px}.film strong{display:block;color:var(--gold);font:16px Arial;line-height:1.4}.film small{display:block;line-height:1.5;margin-top:12px}.film[aria-current="true"]{border-color:var(--cyan)}.remote{position:fixed;right:18px;top:20%;width:236px;max-height:75vh;overflow:auto;background:linear-gradient(110deg,#252d26,#101a14);border:1px solid #6a7562;border-radius:12px;padding:18px;z-index:20;box-shadow:0 8px 35px #000b;animation:remote-in .25s ease-out}.remote[hidden]{display:none}@keyframes remote-in{from{transform:translateX(110%);opacity:0}to{transform:translateX(0);opacity:1}}.remote-top{display:flex;align-items:center;justify-content:space-between;font:10px monospace;color:var(--gold)}.remote-top button{padding:5px 9px}.remote p{font:10px monospace;line-height:1.5;color:var(--gold)}.remote-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0}.remote label{font:10px monospace;color:var(--text)}.remote input{display:block;width:100%;accent-color:var(--cyan);margin:15px 0 22px}.remote>button{width:100%}footer{text-align:center;padding:30px;font:9px monospace;letter-spacing:.15em;color:#819077}@media(max-width:650px){header{padding:18px}.brand img{width:110px;height:52px}nav{gap:12px;font-size:9px}main{padding:0 12px}.room-title{margin:20px 0 30px}.theater{grid-template-columns:32px minmax(0,1fr) 32px;gap:8px}.speaker{padding:8px 4px;gap:13px;border-width:1px}.speaker .cone{width:22px}.speaker .medium{width:18px}.tweeter{width:12px}.speaker small{display:none}.speaker-brand{font-size:7px}.screen-frame{border-width:5px}.screen-idle{gap:9px}.screen-idle strong{font-size:16px}.screen-idle span{font-size:8px}.screen-idle button{padding:9px;font-size:9px}.under-screen{padding:18px 0;flex-wrap:wrap;justify-content:center}.under-screen>span{display:none}.subwoofer{padding:6px 13px}.subwoofer .cone{width:40px}.subwoofer small{font-size:7px}.under-screen button{font-size:9px;padding:10px}.films{grid-template-columns:1fr}.remote{right:10px;top:12%;width:220px}.now h2{font-size:17px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}