:root{--tv-shell:#171816;--tv-edge:#31332e;--tv-recess:#050605;--tv-label:#aaa990}

body{padding:28px 18px 42px;overflow:hidden}

.tv-stage{min-height:calc(100vh - 70px);display:grid;place-items:center;position:relative;z-index:1}

.tv-set{width:min(1160px,calc(100vw - 36px));position:relative;padding:28px 30px 0;border:1px solid #46483f;border-radius:42px 42px 25px 25px;background:linear-gradient(135deg,#272822 0,#11120f 38%,#1c1d19 70%,#0b0c0a 100%);box-shadow:0 30px 80px #000,0 0 0 5px #070807,0 0 0 6px #34362f,inset 0 1px #626457,inset 0 -12px 24px #050505;isolation:isolate}

.tv-set:before{content:"";position:absolute;inset:9px 13% auto;height:1px;background:linear-gradient(90deg,transparent,#6e7063,transparent);opacity:.55}

.tv-screen{height:min(73vh,800px);min-height:560px;overflow:auto;overscroll-behavior:contain;position:relative;border:13px solid var(--tv-recess);border-radius:32px / 24px;background:#020302;box-shadow:0 0 0 2px #3c3e36,0 0 0 5px #090a08,inset 0 0 52px #000,0 0 30px rgba(145,76,255,.14);scrollbar-color:#bdff00 #080808;scrollbar-width:thin}

.tv-screen::-webkit-scrollbar{width:9px;height:9px}.tv-screen::-webkit-scrollbar-track{background:#080808}.tv-screen::-webkit-scrollbar-thumb{background:#bdff00;border:2px solid #080808}

.tv-screen .app-shell{width:100%;max-width:none!important;margin:0!important;min-height:100%;border:0!important;box-shadow:none!important}

.tv-console{height:92px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding:13px 12px 15px;color:var(--tv-label);font:10px/1.25 "Courier New",monospace;letter-spacing:.12em;text-transform:uppercase}

.tv-brand-plate{display:flex;align-items:center;gap:10px;white-space:nowrap}.tv-brand-plate:before{content:"";width:8px;height:8px;border-radius:50%;background:#bdff00;box-shadow:0 0 12px #bdff00}.tv-brand-plate b{display:block;color:#dedec8;font-size:11px}.tv-brand-plate small{display:block;color:#6f7167;font-size:8px;letter-spacing:.08em}

.tv-speaker{height:48px;opacity:.58;background-image:radial-gradient(circle,#050505 0 1.5px,transparent 1.7px);background-size:9px 9px;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}

.tv-dials{display:flex;align-items:center;gap:12px}.tv-dial{width:46px;height:46px;border:2px solid #050505;border-radius:50%;position:relative;background:radial-gradient(circle at 38% 32%,#4c4e46 0,#252620 36%,#0a0b09 72%);box-shadow:0 0 0 2px #3f413a,4px 6px 12px #000}.tv-dial:after{content:"";position:absolute;width:2px;height:13px;background:#bdff00;left:50%;top:5px;transform:translateX(-50%) rotate(28deg);transform-origin:50% 18px;box-shadow:0 0 6px rgba(189,255,0,.55)}.tv-power{width:13px;height:13px;border-radius:50%;background:#161712;border:1px solid #47493f;box-shadow:inset 0 0 4px #000}.tv-power.on{background:#bdff00;box-shadow:0 0 10px rgba(189,255,0,.75)}

@media(max-width:760px){body{padding:0;overflow:auto}.tv-stage{display:block;min-height:100vh}.tv-set{width:100%;padding:0;border:0;border-radius:0;background:none;box-shadow:none}.tv-set:before,.tv-console{display:none}.tv-screen{height:100vh;min-height:100vh;border:0;border-radius:0;box-shadow:none}.tv-screen .app-shell{min-height:100vh}}

@media(max-height:760px) and (min-width:761px){body{padding-top:18px;padding-bottom:24px}.tv-stage{min-height:calc(100vh - 42px)}.tv-screen{height:70vh;min-height:430px}.tv-console{height:72px}.tv-speaker{height:38px}.tv-dial{width:38px;height:38px}}