:root{--wood-1: #6b4a2f;--wood-2: #3d2817;--wood-3: #2a1a0e;--amber: #ffb347;color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{background:#0a0908;background-image:radial-gradient(ellipse 90% 70% at 50% 45%,#1c1814,#0a0908 70%);font-family:Helvetica Neue,Helvetica,Arial,sans-serif;margin:0;overflow:hidden;cursor:none}#room{position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate}#set{--bezel: clamp(10px, 1.9vmin, 26px);position:absolute;inset:0;padding:var(--bezel);padding-bottom:0;border-radius:0;background:linear-gradient(160deg,var(--wood-1) 0%,var(--wood-2) 42%,var(--wood-3) 100%);box-shadow:inset 0 2px 3px #ffd2a038,inset 0 -3px 6px #0009,inset 0 0 120px 40px #00000073;display:flex;flex-direction:column;overflow:hidden;contain:layout paint}#set:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:.16;background:repeating-linear-gradient(92deg,transparent 0 3px,rgba(0,0,0,.5) 3px 4px,transparent 4px 9px)}#well{position:relative;flex:1;width:100%;min-height:0;background:#000;border-radius:2.2vmin;overflow:hidden;box-shadow:inset 0 0 0 2px #000000e6,inset 0 0 22px 6px #000000d9,0 0 0 3px #14100c}#screen{display:block;width:100%;height:100%}#well:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,rgba(255,255,255,.075) 0%,rgba(255,255,255,.02) 22%,transparent 45%);border-radius:inherit}#chin{flex:0 0 auto;height:calc(var(--bezel) * 1.6);display:flex;align-items:center;justify-content:space-between;padding:0 calc(var(--bezel) * .3)}.badge{font-size:clamp(7px,1.05vmin,12px);letter-spacing:.34em;color:#ffe2be6b;font-weight:600}#led{width:7px;height:7px;border-radius:50%;background:#3a1a10;transition:background .5s,box-shadow .5s}#led.on{background:var(--amber);box-shadow:0 0 9px 2px #ff963cbf}#bug,#upnext,#filmstrip,#digits,#offlive,#info,#guide,#hint,#boot{position:absolute;pointer-events:none;opacity:0;transition:opacity .28s ease;z-index:3}#info{pointer-events:auto}.visible{opacity:1!important}#bug{top:3.4%;right:3.4%;display:flex;align-items:baseline;gap:.7em;padding:.5em .85em;background:#0408049e;border-left:3px solid var(--amber);font-size:clamp(10px,1.55vmin,18px);text-shadow:0 1px 3px #000}.bug-num{font-size:1.85em;font-weight:700;color:var(--amber);line-height:1}.bug-left{color:#ffffff8c;font-size:.85em;margin-left:.4em}#upnext{top:3.4%;left:3.4%;padding:.45em .8em;background:#0408049e;border-left:3px solid #8cf;color:#eae4da;font-size:clamp(10px,1.4vmin,16px);letter-spacing:.08em}#filmstrip{left:4%;right:4%;bottom:8%;display:flex;gap:.8em;align-items:stretch;padding:.8em 1em;background:#040804e0;border-top:2px solid var(--amber);font-size:clamp(10px,1.4vmin,16px)}.film-head{color:var(--amber);letter-spacing:.2em;writing-mode:vertical-rl;transform:rotate(180deg);font-size:.75em;padding:0 .3em}.film-item{flex:1;border-left:1px solid rgba(255,255,255,.15);padding:.2em .7em;min-width:0}.film-title{display:block;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.film-meta{display:block;color:#ffffff73;font-size:.85em;margin-top:.25em}#digits{top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(48px,12vmin,120px);font-weight:700;color:var(--amber);text-shadow:0 2px 12px #000;letter-spacing:.12em}#offlive{top:3.4%;left:50%;transform:translate(-50%);padding:.35em .8em;background:#781400bf;color:#ffe0c0;letter-spacing:.14em;font-size:clamp(9px,1.2vmin,13px);text-transform:uppercase}.info-actions{margin:.8em 0}.info-btn{pointer-events:auto;background:transparent;border:1px solid var(--amber);color:var(--amber);padding:.35em .8em;font:inherit;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.bug-ch{color:#fff;letter-spacing:.19em;text-transform:uppercase;font-size:.86em}.bug-title{color:#ffffff9e;font-style:italic}#info{left:4%;right:4%;bottom:5%;padding:1.5em 1.8em;background:#040804d6;border-left:3px solid var(--amber);font-size:clamp(10px,1.5vmin,17px);color:#eae4da}.info-kicker{color:var(--amber);letter-spacing:.24em;text-transform:uppercase;font-size:.76em;margin-bottom:.55em}#info h2{font-size:1.7em;font-weight:600;margin-bottom:.15em}.info-meta{color:#ffffff80;margin-bottom:.85em}.info-note{line-height:1.55;max-width:62ch;color:#d8d0c4}.info-foot{display:flex;gap:1.6em;margin-top:1em;flex-wrap:wrap;color:#ffffff61;font-size:.82em;letter-spacing:.1em;text-transform:uppercase}.info-src{text-transform:none;letter-spacing:.04em;color:#ffffff4d}#guide{inset:4% 3%;background:#0a2a6e;border:3px solid #1e5cff;padding:.8em .9em;font-family:Courier New,Courier,monospace;font-size:clamp(9px,1.35vmin,15px);color:#e8f0ff;overflow:hidden;outline:none;display:flex;flex-direction:column;gap:.4em}#well.guide-dim #screen{opacity:.42}.epg-head{color:#ffe14a;letter-spacing:.28em;font-size:.9em;font-weight:700;text-transform:uppercase;border-bottom:2px solid #1e5cff;padding-bottom:.35em}.epg-mode{letter-spacing:.12em;color:#9cf;font-size:.85em}.epg-body{display:grid;grid-template-columns:11em 1fr 14em;gap:.5em;flex:1;min-height:0;overflow:hidden}.epg-left{display:flex;flex-direction:column;border-right:2px solid #1e5cff;padding-right:.4em}.epg-ruler-spacer{height:1.4em;flex-shrink:0}.epg-ch{min-height:3.2em;padding:.35em .25em;border-bottom:1px solid rgba(255,255,255,.12);display:flex;flex-direction:column;justify-content:center}.epg-ch.selected{background:#c40;color:#fff}.epg-ch.tuned:not(.selected){box-shadow:inset 3px 0 #ffe14a}.epg-ch-num{color:#ffe14a;font-weight:700}.epg-ch.selected .epg-ch-num{color:#fff}.epg-ch-name{text-transform:uppercase;letter-spacing:.08em;font-size:.92em}.epg-ch-charter{font-size:.72em;color:#e8f0ff8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.epg-marathon{display:block;font-size:.68em;letter-spacing:.06em;text-transform:uppercase;color:#c8dcffa6;font-style:italic}.epg-block-tag{font-size:.72em;letter-spacing:.05em;text-transform:uppercase;color:#ffe1b4d9;margin-right:.25em}.epg-ch.selected .epg-ch-charter{color:#ffffffbf}.epg-right{position:relative;overflow:hidden;min-width:0}.epg-ruler{position:relative;height:1.4em;border-bottom:2px solid #1e5cff;margin-bottom:.15em;transition:transform .15s linear}.epg-tick{position:absolute;top:0;transform:translate(-50%);font-size:.75em;color:#9cf;white-space:nowrap}.epg-now-line{position:absolute;top:0;bottom:-100vh;width:2px;background:#f44;z-index:3;pointer-events:none}.epg-rows{position:relative;transition:transform .15s linear}#guide.epg-instant .epg-ruler,#guide.epg-instant .epg-rows{transition:none}.epg-row{position:relative;height:3.2em;border-bottom:1px solid rgba(255,255,255,.12)}.epg-row.selected{background:#cc440040}.epg-row.tuned:not(.selected){background:#ffe14a14}.epg-block{position:absolute;top:.2em;bottom:.2em;background:#1450b8;border:1px solid #3a7dff;padding:.25em .4em;overflow:hidden;cursor:default;box-sizing:border-box}.epg-block.focused{background:#c40;border-color:#fff;z-index:2}.epg-block.remind .epg-dot{position:absolute;top:.25em;right:.3em;width:.45em;height:.45em;border-radius:50%;background:#ffe14a}.epg-block-title{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.88em;color:#fff}.epg-meta,.epg-time{display:block;font-size:.75em;color:#ffffffb3}.epg-empty{padding:.8em;color:#e8f0ff73;font-style:italic}.epg-detail{border-left:2px solid #1e5cff;padding-left:.6em;overflow:auto;font-size:.88em}.epg-detail h3{margin:0 0 .3em;color:#ffe14a;font-size:1.05em}.epg-detail-meta{color:#9cf;margin-bottom:.5em}.epg-detail-src{margin-top:.6em;font-size:.78em;word-break:break-all;color:#e8f0ff73}.epg-detail-lic{margin-top:.3em;color:#9cf;font-size:.8em}.epg-detail-hint{margin-top:.8em;color:#ffe14a;font-size:.78em;letter-spacing:.06em;text-transform:uppercase}.epg-footer{display:flex;justify-content:space-between;gap:1em;border-top:2px solid #1e5cff;padding-top:.35em;font-size:.75em;color:#9cf;letter-spacing:.04em}.epg-credits{color:#ffe14a;text-decoration:none}.epg-credits:hover{text-decoration:underline}.epg-more{text-align:center;color:#ffe14a;font-size:.78em;letter-spacing:.12em}.epg-compact-row{display:grid;grid-template-columns:2.2em 7em 1fr;grid-template-areas:"num name now" ". next next" ". later later";gap:.1em .6em;padding:.55em .4em;border-bottom:1px solid rgba(255,255,255,.12)}.epg-compact-row.selected{background:#c40}.epg-compact-row.tuned:not(.selected){box-shadow:inset 3px 0 #ffe14a}.epg-compact-row .g-num{grid-area:num;color:#ffe14a;font-weight:700}.epg-compact-row .g-name{grid-area:name;text-transform:uppercase}.epg-compact-row .g-now{grid-area:now;color:#fff}.epg-compact-row .g-next{grid-area:next;color:#e8f0ff8c;font-size:.85em}.epg-compact-row .g-later{grid-area:later;color:#e8f0ff66;font-size:.85em}@media(max-width:700px){#guide{inset:2% 1%}.epg-body{grid-template-columns:1fr}}#hint{left:50%;bottom:6%;transform:translate(-50%);color:#ffffff80;letter-spacing:.2em;text-transform:uppercase;font-size:clamp(8px,1.2vmin,13px);text-shadow:0 1px 4px #000}#boot{inset:0;display:grid;place-content:center;gap:1.1em;justify-items:center;background:#000;z-index:5}.boot-brand{color:#ffb347d9;letter-spacing:.5em;font-size:clamp(11px,1.9vmin,22px);font-weight:600}.boot-cue{color:#ffffff4d;letter-spacing:.28em;text-transform:uppercase;font-size:clamp(8px,1.15vmin,13px);animation:pulse 2.4s ease-in-out infinite}#ident{position:absolute;inset:0;display:grid;place-content:center;gap:.8em;justify-items:center;background:radial-gradient(ellipse at center,#1a1208,#000 70%);opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:6}#ident.visible{opacity:1}.ident-brand{color:#ffb347f2;letter-spacing:.45em;font-size:clamp(14px,2.4vmin,28px);font-weight:600}.ident-cue{color:#ffffff59;letter-spacing:.2em;text-transform:uppercase;font-size:clamp(8px,1.1vmin,12px)}#plate{position:absolute;inset:0;display:grid;place-content:center;gap:.45em;justify-items:center;text-align:center;padding:8%;opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:5;text-shadow:0 2px 8px #000}#plate.visible{opacity:1}.plate-kicker{color:#ffffff8c;letter-spacing:.28em;text-transform:uppercase;font-size:clamp(9px,1.3vmin,14px)}.plate-title{color:#f4efe6;font-size:clamp(18px,3.6vmin,42px);font-weight:600;letter-spacing:.06em;max-width:18em}.plate-sub{color:#ffdca0d9;font-size:clamp(12px,2vmin,22px);letter-spacing:.12em}#closedown{position:absolute;top:4%;left:50%;transform:translate(-50%);padding:.35em .8em;background:#0000008c;color:#ffe14a;letter-spacing:.18em;font-size:clamp(9px,1.3vmin,14px);opacity:0;pointer-events:none;z-index:4;transition:opacity .2s ease}#closedown.visible{opacity:1}#tune{position:fixed;top:8px;left:8px;z-index:100;width:260px;max-height:calc(100vh - 16px);overflow:auto;background:#0c0a08eb;color:#eee;font:11px/1.3 IBM Plex Mono,ui-monospace,monospace;padding:.6rem .75rem .8rem;border:1px solid #444;border-radius:4px;cursor:default}#tune .tune-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;color:#ffe14a;text-transform:uppercase;letter-spacing:.08em}#tune label{display:grid;grid-template-columns:88px 1fr 42px;gap:.35rem;align-items:center;margin:.2rem 0}#tune input[type=range]{width:100%}#tune button{background:#333;color:#fff;border:1px solid #666;border-radius:3px;font:inherit;padding:.15rem .4rem;cursor:pointer}#tune pre{margin-top:.5rem;white-space:pre-wrap;word-break:break-all;color:#9cf}#volbug{position:absolute;bottom:8%;right:4%;padding:.35em .7em;background:#0000008c;color:#fff;letter-spacing:.08em;font-size:clamp(10px,1.4vmin,15px);opacity:0;pointer-events:none;z-index:4;transition:opacity .2s ease}#volbug.visible{opacity:1}#room[data-cabinet=brushed-steel]{--wood-1: #9aa3ad;--wood-2: #5c6570;--wood-3: #2e343b;--amber: #7ec8ff}#room[data-cabinet=brushed-steel] .badge{letter-spacing:.42em;font-weight:500;color:#c8dcf08c}#room[data-cabinet=brushed-steel] #led.on{background:#7ec8ff;box-shadow:0 0 9px 2px #64b4ffb3}#room[data-cabinet=cream-plastic]{--wood-1: #e8dcc8;--wood-2: #c4b49a;--wood-3: #8a7a62;--amber: #d35400}#room[data-cabinet=cream-plastic] .badge{letter-spacing:.2em;font-family:Georgia,Times New Roman,serif;color:#5032148c}#room[data-cabinet=cream-plastic] #led.on{background:#d35400;box-shadow:0 0 9px 2px #d35400a6}#room[data-cabinet=portable]{--wood-1: #3a3a3a;--wood-2: #222;--wood-3: #111;--amber: #39ff14}#room[data-cabinet=portable] #set{--bezel: clamp(6px, 1.2vmin, 14px)}#room[data-cabinet=portable] .badge{letter-spacing:.5em;font-size:clamp(6px,.9vmin,10px);color:#b4ffa073}#room[data-cabinet=portable] #led.on{background:#39ff14;box-shadow:0 0 9px 2px #39ff14b3}#room[data-cabinet=none] #set{--bezel: 0px;background:#000;box-shadow:none;padding:0}#room[data-cabinet=none] #chin,#room[data-cabinet=none] #set:before{display:none}#room[data-cabinet=none] #well{border-radius:0;box-shadow:none}#room[data-fit=zoom] #set{--bezel: clamp(6px, 1.2vmin, 14px)}#room[data-fit=pillar] #set{--bezel: clamp(14px, 2.6vmin, 36px)}#room[data-dust="1"] #well:before{content:"";position:absolute;inset:0;pointer-events:none;z-index:2;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Ccircle cx='10' cy='20' r='0.8' fill='%23fff'/%3E%3Ccircle cx='40' cy='70' r='0.5' fill='%23fff'/%3E%3Ccircle cx='90' cy='30' r='0.6' fill='%23fff'/%3E%3Ccircle cx='70' cy='100' r='0.4' fill='%23fff'/%3E%3C/svg%3E")}#fps{position:absolute;top:2%;left:2%;z-index:5;font:11px/1 ui-monospace,monospace;color:#0f0;background:#00000073;padding:.2em .45em;opacity:0;pointer-events:none}@media(prefers-reduced-motion:reduce){#dot.collapse{animation:none;opacity:0}*{scroll-behavior:auto!important}}@keyframes pulse{0%,to{opacity:.28}50%{opacity:.85}}#fps{position:absolute;bottom:2%;left:2%;z-index:8;font:11px/1.2 ui-monospace,monospace;color:#8f8;background:#0000008c;padding:.2em .45em;opacity:0;pointer-events:none}#fps.visible{opacity:1}html.hi-contrast #guide,html.hi-contrast #info,html.hi-contrast #bug,html.hi-contrast #upnext,html.hi-contrast #filmstrip,html.hi-contrast #hint{background:#000!important;color:#fff!important;border-color:#fff!important;text-shadow:none!important;opacity:1}html.hi-contrast #well{filter:none}#subs{position:absolute;left:8%;right:8%;bottom:12%;z-index:3;text-align:center;font-family:IBM Plex Mono,ui-monospace,monospace;font-weight:700;font-size:clamp(14px,2.4vmin,28px);line-height:1.35;color:#fff;text-shadow:0 0 2px #000,0 2px 0 #000,2px 0 0 #000,-2px 0 0 #000;background:#000000b8;padding:.35em .6em;white-space:pre-wrap;opacity:0;pointer-events:none;max-height:28%;overflow:hidden}#subs.on{opacity:1}.info-inst{opacity:.75;font-size:.85em;margin-top:.15em}#signal{position:absolute;inset:0;z-index:4;display:grid;place-content:center;background:repeating-linear-gradient(0deg,#111 0 2px,#1a1a1a 2px 4px);color:#ccc;letter-spacing:.2em;text-transform:uppercase;font-size:clamp(12px,2vmin,20px);opacity:0;pointer-events:none;transition:opacity .2s ease}#signal.visible{opacity:.85}#signal:after{content:"poor signal"}#dot{position:absolute;left:50%;top:50%;width:100%;height:100%;background:#fff;transform:translate(-50%,-50%) scale(0);opacity:0;pointer-events:none;z-index:4}#dot.collapse{animation:collapse .42s cubic-bezier(.6,0,.3,1) forwards}@keyframes collapse{0%{transform:translate(-50%,-50%) scaleY(.012);opacity:.95}55%{transform:translate(-50%,-50%) scale(.16,.012);opacity:1}to{transform:translate(-50%,-50%) scale(0);opacity:0}}