:root{font-family:SFMono-Regular,Courier New,Consolas,monospace;color:#f2ce79;background:#120f0b;font-synthesis:none;text-rendering:optimizeLegibility;--amber: #edb954;--amber-bright: #ffd979;--amber-dim: #9f6c2e;--brass: #ae7429;--ink: #1a110b;--wood-deep: #24150c;--wood: #4f2813;--wood-light: #7e481f;--metal: #22201a;--metal-light: #4b4438;--cabinet-width: min(95vw, 1536px)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{min-width:280px;background:radial-gradient(circle at 50% 34%,rgba(121,83,45,.17),transparent 52%),radial-gradient(circle at 50% 120%,rgba(0,0,0,.7),transparent 56%),#120f0b}button,input{font:inherit}button{color:inherit}.app-surface{position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate}.app-surface:before,.app-surface:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:-1}.app-surface:before{opacity:.22;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.02) 0,rgba(255,255,255,.02) 1px,transparent 1px,transparent 3px),repeating-linear-gradient(90deg,rgba(255,210,132,.018) 0,rgba(255,210,132,.018) 1px,transparent 1px,transparent 5px);mix-blend-mode:overlay}.app-surface:after{background:radial-gradient(ellipse at center,transparent 48%,rgba(0,0,0,.48) 100%)}.screen-reader-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.landscape-only,.portrait-only{width:100%;height:100%}.portrait-only{display:none}.landscape-only{display:grid;place-items:center;padding:max(1.5rem,env(safe-area-inset-top)) max(1.5rem,env(safe-area-inset-right)) max(1.5rem,env(safe-area-inset-bottom)) max(1.5rem,env(safe-area-inset-left))}.tv-object{position:relative;width:var(--cabinet-width);max-height:94dvh;aspect-ratio:1.76 / 1;color:var(--amber);filter:drop-shadow(0 3.6rem 2.8rem rgba(0,0,0,.63))}.tv-object:before,.tv-object:after{content:"";position:absolute;z-index:-1;pointer-events:none}.tv-object:before{inset:1.6% 1.15%;border-radius:5%/8%;background:linear-gradient(105deg,rgba(255,230,186,.48),transparent 8%,transparent 92%,rgba(255,220,163,.16));filter:blur(2px)}.tv-object:after{left:7%;right:7%;bottom:-2.9%;height:4%;border-radius:50%;background:#000000c7;filter:blur(14px)}.cabinet-rim,.cabinet-surface{position:absolute;inset:0;border-radius:5.4%/8.8%}.cabinet-rim{padding:.75%;background:linear-gradient(135deg,#7d7868,#1b1b18 5%,#060605,#777363 17%,#292823 22%,#050504 51%,#6b675c 87%,#0a0a09 94%,#94907f);box-shadow:inset 0 1px #ffffffd1,inset 0 -2px #000000f2,0 0 0 1px #000000eb}.cabinet-surface{inset:.95%;overflow:hidden;border:1px solid rgba(4,3,2,.85);background:linear-gradient(90deg,rgba(255,184,76,.12),transparent 16%,transparent 86%,rgba(245,180,93,.1)),repeating-linear-gradient(86deg,#2410061a 0 2px,#7c421821 2px 4px,#28120733 4px 7px),linear-gradient(115deg,#7d441c,#452311 26%,#6b3515 48%,#34170b 80%,#6a3718);box-shadow:inset 0 0 0 1px #de913061,inset 0 0 2.8rem #0009,inset 0 3px #ffbe4b33}.cabinet-surface:before,.cabinet-surface:after{content:"";position:absolute;pointer-events:none}.cabinet-surface:before{inset:1.2%;border:1px solid rgba(8,5,3,.9);border-radius:4%/6%;box-shadow:inset 0 0 0 2px #cc80272e,inset 0 0 1.2rem #00000094}.cabinet-surface:after{inset:0;opacity:.3;background:repeating-linear-gradient(90deg,transparent 0,transparent 3px,rgba(255,235,179,.06) 4px,transparent 6px);mix-blend-mode:screen}.crt-column{position:absolute;inset:3.1% 22% 2.7% 3.1%;display:flex;flex-direction:column;align-items:center;min-width:0;z-index:1}.crt-bezel{position:relative;flex:1 1 auto;width:100%;min-height:0;display:grid;place-items:center;padding:2.2% 2.3% 2.8%;border-radius:8%;background:linear-gradient(138deg,#757264,#181713 13%,#070706 35%,#35332c 75%,#10100d 92%),#15140f;border:1px solid rgba(0,0,0,.9);box-shadow:inset 0 0 0 2px #897d5f73,inset 0 0 0 4px #12110dd1,inset 0 0 2rem #000000eb,0 1px #f1bd573d}.crt-bezel:after{content:"";position:absolute;inset:1.7%;pointer-events:none;border:1px solid rgba(236,174,68,.48);border-radius:8%/10%;box-shadow:inset 0 0 0 1px #ffe08b26}.crt-aperture{position:relative;width:100%;height:100%;min-height:0;overflow:hidden;display:grid;place-items:center;isolation:isolate;background:#070807;border-radius:8%/10%;border:1px solid #050504;box-shadow:inset 0 0 0 5px #000000a6,inset 0 0 2.2rem #000000f5,0 0 0 1px #99743ead}.crt-aperture:before{content:"";position:absolute;inset:1.7%;z-index:4;pointer-events:none;border:1px solid rgba(255,239,179,.1);border-radius:8%/10%;box-shadow:inset 0 0 2rem #000000a6}.crt-video{display:block;width:100%;height:100%;background:#10110e;object-fit:contain;object-position:center;border:0;border-radius:7%/9%;filter:saturate(.92) contrast(1.04) brightness(.9);z-index:1}.crt-glass{position:absolute;inset:0;z-index:5;pointer-events:none;border-radius:inherit;background:linear-gradient(115deg,rgba(255,255,255,.13),transparent 11%,transparent 55%,rgba(255,255,255,.035) 70%,transparent 73%),radial-gradient(ellipse at center,transparent 60%,rgba(0,0,0,.38) 100%);mix-blend-mode:screen}.crt-glass:after{content:"";position:absolute;inset:0;opacity:.21;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,rgba(255,255,255,.12) 4px,transparent 5px)}.static-overlay{position:absolute;inset:0;z-index:3;display:grid;place-items:center;opacity:0;pointer-events:none;background:#0d0e0b80;transition:opacity .12s ease}.static-overlay-active{opacity:.92}.static-overlay-no-signal{opacity:.98;background:#11120f}.static-noise{position:absolute;inset:-10%;opacity:.34;background:repeating-radial-gradient(circle at 20% 30%,rgba(255,245,190,.78) 0 1px,transparent 1px 4px),repeating-linear-gradient(91deg,rgba(255,245,205,.24) 0 1px,transparent 1px 5px),repeating-linear-gradient(0deg,#76756b 0 1px,#20231e 1px 3px,#d5d0ad 3px 4px,#191b18 4px 8px);filter:contrast(1.8) brightness(.72);mix-blend-mode:screen;animation:static-drift .9s steps(3,end) infinite}.static-scan{position:absolute;inset:0;opacity:.36;background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(255,255,255,.34) 3px,transparent 4px 7px);animation:scan-roll 1.7s linear infinite}.no-signal-copy,.crt-tuning-copy{position:relative;z-index:2;color:#ffe89fdb;font-size:clamp(.62rem,1.1vw,1rem);letter-spacing:.3em;text-shadow:0 0 12px rgba(255,198,79,.55)}.crt-tuning-copy{position:absolute;z-index:4;top:50%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;opacity:.72}.static-retry{position:absolute;z-index:6;left:50%;bottom:15%;transform:translate(-50%);min-height:2.45rem;padding:.6rem 1rem;color:#20180d;letter-spacing:.12em;font-size:clamp(.54rem,.9vw,.78rem);font-weight:700;border:1px solid #f0c970;border-radius:.28rem;background:linear-gradient(#f3c766,#a56e27);box-shadow:0 0 1.2rem #eeb33f40,inset 0 1px #fff8c9ad;cursor:pointer}.title-plate{position:relative;flex:0 0 8.8%;width:62%;min-height:2rem;margin-top:.8%;display:flex;align-items:center;justify-content:space-between;gap:.7rem;padding:.25rem 1rem;overflow:hidden;color:#f7cd79;border:2px solid #a76b24;border-radius:.42rem;background:linear-gradient(180deg,rgba(255,208,105,.33),transparent 17%),linear-gradient(90deg,#3a1c0c,#5b2b0d 50%,#35190b);box-shadow:inset 0 0 0 1px #ffdc7d59,inset 0 -4px #130a0461,0 3px #1f0e04d1;cursor:pointer;text-align:center;z-index:8}.title-plate:hover{background:linear-gradient(180deg,rgba(255,214,126,.42),transparent 17%),linear-gradient(90deg,#48230d,#6e3614 50%,#43200e)}.title-plate-copy{display:grid;min-width:0;justify-items:center;line-height:1.14;flex:1}.title-plate-copy strong{max-width:100%;overflow:hidden;font-family:Libre Baskerville,Georgia,serif;font-size:clamp(.48rem,1vw,.83rem);font-weight:700;letter-spacing:.11em;text-overflow:ellipsis;white-space:nowrap}.title-plate-copy small{max-width:100%;overflow:hidden;color:#bd8c48;font-size:clamp(.43rem,.72vw,.64rem);letter-spacing:.15em;text-overflow:ellipsis;white-space:nowrap}.title-plate-screw{flex:0 0 .35rem;width:.35rem;height:.35rem;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f7d989 0 18%,#9d5e1d 24% 55%,#211106 64%);box-shadow:0 0 0 1px #ffd37142}.control-spine{position:absolute;inset:3.25% 2.2% 3.1% 80%;display:grid;grid-template-rows:27% 9% 20% 12% 7% minmax(10%,1fr) 12%;align-items:center;gap:.6%;padding:.5% 1.4%;border-left:1px solid rgba(17,7,2,.9);border-right:1px solid rgba(212,134,42,.26);background:linear-gradient(90deg,rgba(12,6,2,.52),transparent 13%,rgba(255,185,66,.08) 48%,transparent 84%,rgba(10,5,2,.52)),repeating-linear-gradient(90deg,transparent 0 4px,rgba(35,15,5,.24) 5px,transparent 8px);z-index:2}.control-label,.control-caption,.network-caption,.volume-state,.era-caption{color:#d2a25e;font-size:clamp(.42rem,.74vw,.67rem);letter-spacing:.16em;text-transform:uppercase;text-shadow:0 1px #1c0c04}.control-label{line-height:1;white-space:nowrap}.channel-module{display:grid;justify-items:center;align-items:center;gap:.12rem;flex:0 0 28%;width:100%;min-height:0;padding-top:.5%}.channel-dial{position:relative;width:min(78%,clamp(7rem,20vh,12rem));aspect-ratio:1;display:grid;place-items:center;filter:drop-shadow(0 3px 2px rgba(0,0,0,.72))}.dial-outer-ring,.dial-face{position:absolute;inset:4%;border-radius:50%}.dial-outer-ring{background:radial-gradient(circle,transparent 0 53%,rgba(26,14,4,.75) 54% 57%,transparent 58%),repeating-conic-gradient(from -15deg,#81511d 0deg 1.5deg,#27170a 1.5deg 8deg,#bb7d2a 8deg 9deg),#5e3815;border:3px solid #a96d27;box-shadow:inset 0 0 0 3px #3b210c,inset 0 0 0 5px #e4a43fa6,inset 0 0 1rem #170c04,0 0 0 2px #211006}.dial-face{inset:21%;background:radial-gradient(circle at 32% 28%,#70501e,#2a180a 52%,#120b05);border:2px solid #9b6725;box-shadow:inset 0 0 0 4px #180c04b3,inset 5px 5px 12px #e8ad4c40,0 2px 4px #000000d9;transform:rotate(var(--dial-rotation));transition:transform .14s cubic-bezier(.2,.75,.24,1)}.dial-face:after{content:"";position:absolute;inset:11%;border:1px solid rgba(242,195,101,.32);border-radius:50%}.dial-mark{position:absolute;inset:3% 49.2%;transform:rotate(var(--mark-angle));transform-origin:50% 50%}.dial-mark:before{content:"";position:absolute;top:0;left:50%;width:1px;height:7%;background:#ebbd6c;transform:translate(-50%)}.dial-mark-major:before{height:11%;width:2px;background:#f3cc7a}.dial-number{position:absolute;color:#eac17a;font-size:clamp(.44rem,.77vw,.68rem);font-weight:500;text-shadow:0 1px #1c0b03}.dial-number-top{top:7%;left:48%}.dial-number-right{top:43%;right:6%}.dial-number-bottom{bottom:6%;left:46%}.dial-number-left{top:43%;left:6%}.dial-pointer{position:absolute;top:5%;left:calc(50% - 1px);width:2px;height:41%;border-radius:2px;background:linear-gradient(#ffd675,#90551a);box-shadow:0 0 4px #ffcb58b3}.dial-readout{position:absolute;inset:27%;display:grid;place-items:center;color:#eac272;font-family:Libre Baskerville,Georgia,serif;font-size:clamp(1.05rem,2.3vw,2rem);line-height:1;transform:rotate(calc(var(--dial-rotation) * -1));text-shadow:0 0 8px rgba(255,203,99,.3),0 2px #160a02}.channel-input,.volume-input{position:absolute;z-index:10;inset:-10%;width:120%;height:120%;opacity:0;cursor:grab;touch-action:none}.channel-input:active,.volume-input:active{cursor:grabbing}.channel-dial:focus-within .dial-face,.volume-knob:focus-within .volume-face{box-shadow:inset 0 0 0 4px #180c04b3,inset 5px 5px 12px #e8ad4c40,0 0 0 3px #ffd87ef5,0 0 1.2rem #f3b441bf}.control-caption{font-size:clamp(.39rem,.62vw,.56rem);color:#805728}.network-badge{display:grid;justify-items:center;gap:.11rem;width:84%;min-height:9%;padding:.38rem .2rem .25rem;border:2px solid #a56b24;border-radius:.35rem;background:linear-gradient(#633412,#311707 70%);box-shadow:inset 0 0 0 1px #ffcf6c40,0 2px #1c0c03}.network-name{max-width:100%;overflow:hidden;color:#edbf69;font-family:Libre Baskerville,Georgia,serif;font-size:clamp(.62rem,1.35vw,1.13rem);font-weight:700;letter-spacing:.08em;text-overflow:ellipsis;white-space:nowrap}.network-rule{width:70%;height:1px;background:#a36c2b}.network-caption{font-size:clamp(.33rem,.53vw,.48rem);color:#97682c;letter-spacing:.11em}.era-module{display:grid;justify-items:center;gap:.12rem;flex:none;width:100%;min-height:0}.era-gauge{position:relative;width:min(62%,clamp(5.2rem,13vh,8.2rem));aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 33% 28%,#765320,#29170a 57%,#130a03);border:2px solid #a16a29;box-shadow:inset 0 0 0 3px #2a1608,inset 0 0 0 4px #dc9b328c,inset 0 0 1rem #0e0702,0 2px 4px #000000bf}.era-gauge:before{content:"";position:absolute;inset:14%;border-radius:50%;border:1px solid rgba(242,191,88,.37)}.era-tick{position:absolute;color:#eac174;font-size:clamp(.4rem,.62vw,.56rem);text-shadow:0 1px #130802}.era-tick-50{top:22%;left:15%}.era-tick-60{top:59%;left:12%}.era-tick-70{top:22%;right:13%}.era-tick-80{top:59%;right:10%}.era-hub{position:absolute;top:40%;left:40%;width:20%;height:20%;border-radius:50%;background:radial-gradient(circle at 30% 25%,#c38a34,#6b4014 52%,#2a1608);box-shadow:inset 0 0 0 2px #291405,0 2px 3px #0a0502}.era-caption{font-size:clamp(.36rem,.58vw,.52rem);color:#956329}.era-neutral .era-hub{opacity:.44}.year-module{display:grid;justify-items:center;gap:.12rem;flex:none;width:100%;min-height:0}.year-readout{display:flex;gap:2px;padding:.18rem .24rem;border:2px solid #77491b;background:#160b04;box-shadow:inset 0 0 0 1px #bc7d2d,inset 0 2px 5px #000000e6}.year-readout span{width:clamp(.65rem,1.4vw,1.1rem);padding:.16rem 0;color:#d8922f;font-family:Libre Baskerville,Georgia,serif;font-size:clamp(.58rem,1.05vw,.88rem);line-height:1;text-align:center;background:linear-gradient(90deg,#2a1507,#51270c,#211004);box-shadow:inset 1px 0 #ebad451f,inset -1px 0 #0000007a}.genre-plate{display:grid;place-items:center;width:82%;min-height:6.3%;padding:.22rem .38rem;color:#e5b866;font-family:Libre Baskerville,Georgia,serif;font-size:clamp(.43rem,.75vw,.68rem);letter-spacing:.13em;text-align:center;border:2px solid #a26a26;border-radius:.33rem;background:linear-gradient(#4e280e,#241104);box-shadow:inset 0 0 0 1px #fdd67a42,0 2px #180a02}.genre-plate span{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.speaker-grille{position:relative;flex:none;width:88%;min-height:0;height:100%;overflow:hidden;display:grid;grid-template-rows:repeat(8,minmax(0,1fr));gap:2px;padding:7% 9%;border:2px solid #3b2310;border-radius:.22rem;background:radial-gradient(ellipse at center,rgba(102,66,24,.35),transparent 75%),#110c07;box-shadow:inset 0 0 0 1px #815022,inset 0 0 12px #000000d9}.speaker-grille:before{content:"";position:absolute;inset:4%;opacity:.42;background:repeating-radial-gradient(ellipse at center,#b8833d 0 1px,transparent 1px 4px)}.speaker-grille span{display:block;position:relative;z-index:1;border-radius:50%;background:linear-gradient(90deg,#39230e,#050403 25%,#9b682b 52%,#090604 78%,#5c3715);box-shadow:0 1px #c08a3f,inset 0 -1px #050302}.spine-lower-controls{display:flex;align-items:end;justify-content:space-between;width:94%;flex:none;height:100%;min-height:0;padding:2% 2% 1%}.info-control{display:grid;justify-items:center;align-content:end;gap:.18rem;min-width:3.4rem;min-height:3.4rem;padding:.3rem;color:#d8a350;border:0;background:transparent;font-size:clamp(.37rem,.58vw,.52rem);letter-spacing:.1em;cursor:pointer}.info-led{display:grid;place-items:center;width:clamp(1.2rem,2.2vw,1.75rem);aspect-ratio:1;color:#36200c;font-family:Georgia,serif;font-size:clamp(.75rem,1.3vw,1.08rem);font-weight:700;border-radius:50%;background:radial-gradient(circle at 30% 25%,#f4c96a,#9c5e1c 54%,#241104 75%);border:2px solid #a76b23;box-shadow:0 2px #120701,inset 0 0 0 1px #ffeb9570}.info-control:hover .info-led,.info-control:focus-visible .info-led{box-shadow:0 0 0 3px #ffda7fe6,0 0 1rem #eba732a6,inset 0 0 0 1px #ffeb9570}.volume-module{position:relative;display:grid;justify-items:center;gap:.18rem;min-width:4.1rem;min-height:0;height:100%}.volume-knob{position:relative;width:clamp(2.3rem,3.6vw,2.8rem);aspect-ratio:1}.volume-face{position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle at 31% 27%,#b27b2b,#4b2a0e 49%,#1c0d04);border:2px solid #a56a22;box-shadow:inset 0 0 0 3px #2f1808,inset 4px 4px 10px #f0b34b3d,0 2px 4px #0d0501;transform:rotate(var(--volume-rotation));transition:transform .12s ease-out}.volume-face:after{content:"";position:absolute;inset:16%;border:1px solid rgba(235,182,88,.36);border-radius:50%}.volume-pointer{position:absolute;top:12%;left:calc(50% - 1px);width:2px;height:37%;background:#f6d17b;box-shadow:0 0 4px #f9bb50}.volume-module-hint .volume-face{animation:volume-pulse 2.2s ease-in-out 2}.volume-state{color:#a77937;font-size:clamp(.37rem,.58vw,.52rem)}.volume-state-muted{color:#e6b965}.service-panel-wrap{position:absolute;z-index:30;inset:4% 2.2% 4% 3.1%;pointer-events:none}.service-panel{pointer-events:auto;position:absolute;right:0;top:0;bottom:0;width:min(39%,31rem);min-width:17rem;overflow:auto;padding:clamp(1rem,2vw,2rem);color:#efd18e;border:2px solid #aa7029;border-radius:.4rem;background:linear-gradient(135deg,rgba(247,192,83,.14),transparent 15%),repeating-linear-gradient(85deg,#7947171c 0 2px,#2a14081f 2px 5px),#2c170b;box-shadow:-1.1rem 0 2.4rem #0000008c,inset 0 0 0 1px #ffd97b36,inset 0 0 2rem #0000007a}.service-panel:before{content:"";position:absolute;inset:.5rem;pointer-events:none;border:1px solid rgba(220,155,56,.27);border-radius:.2rem}.service-panel-header,.service-panel h2,.service-panel p,.service-facts,.service-panel-footer{position:relative;z-index:1}.service-panel-header{display:flex;justify-content:space-between;align-items:start;gap:1rem;padding-bottom:.7rem;border-bottom:1px solid rgba(206,145,48,.42)}.service-panel-eyebrow,.service-source{color:#bb873f;font-size:clamp(.46rem,.68vw,.62rem);letter-spacing:.13em}.service-close{min-height:2rem;padding:.25rem .4rem;color:#f5cc7b;border:1px solid #a66b25;background:#2b1307b3;cursor:pointer;font-size:clamp(.48rem,.68vw,.62rem);letter-spacing:.1em}.service-panel h2{margin:1.3rem 0 .35rem;color:#f4d48d;font-family:Libre Baskerville,Georgia,serif;font-size:clamp(1rem,1.8vw,1.65rem);line-height:1.3}.service-subtitle{margin:0;color:#bc8d4e;font-size:.8rem;letter-spacing:.08em}.service-description{max-height:8.7rem;overflow:auto;margin:1rem 0;color:#ddc18a;font-family:Georgia,serif;font-size:.92rem;line-height:1.55}.service-loading{color:#e5b45d;font-size:.64rem;letter-spacing:.11em}.service-facts{display:grid;gap:.45rem;margin:1rem 0 1.4rem}.service-facts div{display:grid;grid-template-columns:7.3rem minmax(0,1fr);gap:.6rem;padding-bottom:.33rem;border-bottom:1px solid rgba(214,157,67,.2)}.service-facts dt{color:#ad7936;font-size:.56rem;letter-spacing:.11em}.service-facts dd{margin:0;color:#f2d190;font-size:.67rem;line-height:1.4;overflow-wrap:anywhere}.service-panel-footer{display:grid;gap:.8rem;padding-top:.8rem;border-top:1px solid rgba(206,145,48,.4)}.service-feedback{display:flex;gap:.45rem;flex-wrap:wrap}.service-feedback button{min-height:2.2rem;padding:.45rem .55rem;color:#e9bc68;border:1px solid #906023;background:#1a0b04a6;cursor:pointer;font-size:.55rem;letter-spacing:.08em}button:focus-visible,input:focus-visible{outline:2px solid #ffe08f;outline-offset:3px}.portrait-fallback{position:relative;width:100%;height:100%;display:grid;place-items:center;overflow:hidden;color:#e6b75e;background:#15130f}.portrait-screen-lines{position:absolute;inset:8% 7%;border:10px solid #25231d;border-radius:12%/6%;opacity:.7;background:repeating-linear-gradient(0deg,rgba(243,199,100,.18) 0 1px,transparent 1px 5px),radial-gradient(ellipse at center,#2a2e27,#0d100e 75%);box-shadow:inset 0 0 0 2px #8c632b,inset 0 0 3rem #030403}.portrait-brand{position:absolute;top:max(2rem,env(safe-area-inset-top));left:max(2rem,env(safe-area-inset-left));color:#cf9237;font-family:Libre Baskerville,Georgia,serif;font-weight:700;letter-spacing:.18em}.portrait-brand span{color:#f3d084}.portrait-message{position:relative;z-index:1;display:grid;justify-items:center;gap:.8rem;text-align:center}.portrait-glyph{display:grid;place-items:center;width:4.4rem;height:2.4rem;color:#f2c96d;font-size:2rem;border-top:2px solid #ad7628;border-bottom:2px solid #ad7628}.portrait-message h1{margin:0;color:#f3cf83;font-family:Libre Baskerville,Georgia,serif;font-size:clamp(1.1rem,6vw,2rem);letter-spacing:.12em}.portrait-message p{margin:0;color:#aa7e3b;font-size:clamp(.65rem,2.7vw,.9rem);letter-spacing:.08em}.portrait-channel{position:absolute;right:max(2rem,env(safe-area-inset-right));bottom:max(2rem,env(safe-area-inset-bottom));color:#88612d;font-size:.62rem;letter-spacing:.14em}.access-gate-tv{overflow:hidden}.access-panel{background:linear-gradient(112deg,rgba(255,213,132,.13),transparent 19%,transparent 78%,rgba(0,0,0,.4)),repeating-linear-gradient(88deg,#1809022e 0 2px,#81411621 2px 6px,#270e043d 6px 9px),linear-gradient(115deg,#73401d,#311609 42%,#5c2c12 70%,#241005)}.access-panel:before{opacity:.56;background:repeating-linear-gradient(89deg,transparent 0 4px,rgba(255,219,154,.065) 5px,transparent 7px),linear-gradient(90deg,rgba(0,0,0,.36),transparent 18%,transparent 82%,rgba(0,0,0,.46))}.access-panel-wood{position:absolute;inset:2.5%;border:1px solid rgba(11,4,1,.9);border-radius:7%/9%;box-shadow:inset 0 0 0 2px #d0892e33,inset 0 0 3rem #00000085}.access-panel-content{position:relative;z-index:6;display:grid;justify-items:center;align-content:center;width:min(88%,48rem);height:100%;padding:5% 3%;text-align:center}.access-panel-plate{margin-bottom:clamp(.55rem,1.6vh,1.2rem);padding:.35rem .8rem;color:#f4d082;border:2px solid #a66c24;border-radius:.28rem;background:linear-gradient(#51270e,#251005);box-shadow:inset 0 0 0 1px #ffdf8b52,0 2px #140802;font-size:clamp(.45rem,.9vw,.75rem);letter-spacing:.18em}.access-panel h1{margin:0 0 clamp(.7rem,2vh,1.4rem);color:#f5d488;font-family:Libre Baskerville,Georgia,serif;font-size:clamp(.73rem,1.65vw,1.32rem);letter-spacing:.14em;text-shadow:0 2px #190b03,0 0 1rem rgba(255,190,70,.26)}.lock-dials{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.6rem,2.5vw,2.5rem);align-items:end;width:min(100%,38rem)}.lock-dial-module{display:grid;justify-items:center;gap:.4rem;min-width:0}.lock-dial-label{color:#d39d4b;font-size:clamp(.38rem,.66vw,.57rem);letter-spacing:.15em}.lock-dial{position:relative;width:min(100%,clamp(5.8rem,13vw,9.2rem));aspect-ratio:1}.lock-dial-ring,.lock-dial-face{position:absolute;border-radius:50%}.lock-dial-ring{inset:3%;background:radial-gradient(circle,transparent 0 53%,rgba(26,14,4,.75) 54% 57%,transparent 58%),repeating-conic-gradient(from -15deg,#8f5b21 0deg 1.5deg,#1c0d04 1.5deg 8deg,#c0832e 8deg 9deg),#52300f;border:3px solid #bd822e;box-shadow:inset 0 0 0 3px #2a1507,inset 0 0 0 5px #eeb44e8f,inset 0 0 1.3rem #100602,0 3px 5px #000c}.lock-dial-face{inset:22%;border:2px solid #a96f29;background:radial-gradient(circle at 32% 28%,#835e22,#321a08 56%,#110702);box-shadow:inset 0 0 0 4px #140903d1,inset 5px 5px 12px #e8ad4c3b,0 2px 4px #080301;transform:rotate(var(--dial-rotation));transition:transform .14s cubic-bezier(.2,.75,.24,1)}.lock-dial-readout{position:absolute;inset:27%;display:grid;place-items:center;color:#efc674;font-family:Libre Baskerville,Georgia,serif;font-size:clamp(.92rem,2.1vw,1.75rem);text-shadow:0 0 8px rgba(255,203,99,.32),0 2px #160a02;transform:rotate(calc(var(--dial-rotation) * -1))}.lock-dial-input{position:absolute;z-index:10;inset:-9%;width:118%;height:118%;opacity:0;cursor:grab;touch-action:none}.lock-dial-input:active{cursor:grabbing}.lock-dial-input:focus-visible+*{outline:3px solid #ffe08f}.lock-dial:focus-within .lock-dial-face{box-shadow:inset 0 0 0 4px #140903d1,inset 5px 5px 12px #e8ad4c3b,0 0 0 3px #ffd87ef5,0 0 1.2rem #f3b441bf}.access-status{min-height:1.2rem;margin:clamp(.8rem,2.3vh,1.5rem) 0 0;color:#dbaa57;font-size:clamp(.43rem,.78vw,.67rem);letter-spacing:.2em;text-shadow:0 1px #160901}.access-status-error{color:#e38e61}.access-title-plate{cursor:default}.access-title-plate:hover{background:linear-gradient(180deg,rgba(255,208,105,.33),transparent 17%),linear-gradient(90deg,#3a1c0c,#5b2b0d 50%,#35190b)}.gate-control-spine{display:grid;place-content:center;gap:.55rem;color:#7b5527;font-size:clamp(.38rem,.6vw,.53rem);letter-spacing:.16em;text-align:center}.gate-control-spine i{width:.55rem;height:.55rem;justify-self:center;border-radius:50%;background:#4a2111;box-shadow:0 0 .5rem #702f1940}.access-gate-opening .access-panel-content{animation:access-release .32s ease-in forwards}@keyframes access-release{to{opacity:0;transform:scale(.97)}}@keyframes static-drift{0%{transform:translate3d(-2%,-1%,0)}33%{transform:translate3d(2%,1%,0)}66%{transform:translate3d(-1%,2%,0)}to{transform:translate3d(1%,-2%,0)}}@keyframes scan-roll{0%{transform:translateY(-3%)}to{transform:translateY(3%)}}@keyframes volume-pulse{0%,to{box-shadow:inset 0 0 0 3px #2f1808,inset 4px 4px 10px #f0b34b3d,0 2px 4px #0d0501}50%{box-shadow:inset 0 0 0 3px #2f1808,inset 4px 4px 10px #f0b34b3d,0 0 0 4px #ffd87eb8,0 0 1.6rem #f3b44194}}@media(max-aspect-ratio:1 / 1),(max-width:520px){.landscape-only{display:none}.portrait-only{display:block}}@media(max-height:560px)and (orientation:landscape){.landscape-only{padding:max(.35rem,env(safe-area-inset-top)) max(.7rem,env(safe-area-inset-right)) max(.35rem,env(safe-area-inset-bottom)) max(.7rem,env(safe-area-inset-left))}.tv-object{width:min(97vw,165.44dvh);max-height:97dvh}.control-spine{gap:.1%}.service-panel{width:min(48%,29rem)}.channel-input,.volume-input,.lock-dial-input,.info-control{min-width:44px;min-height:44px}}@media(min-width:1700px)and (orientation:landscape){.tv-object{width:min(94vw,1720px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}.static-noise,.static-scan{animation:none}}