/* Only the TV hotspot and its separate viewing overlay. */
#livingRoomTVHotspot,#livingRoomTVHotspot:hover,#livingRoomTVHotspot:focus,#livingRoomTVHotspot:active{position:absolute;left:41.7%;top:31.5%;width:7.5%;height:13.8%;padding:0;margin:0;border:0;outline:0;background:transparent;box-shadow:none;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
#livingRoomTVHotspot::before,#livingRoomTVHotspot::after{content:none}
#livingTV{width:min(1050px,96vw);max-width:96vw;max-height:94dvh;overflow:auto;padding:16px;background:#171716;color:#ded7c8;border:1px solid #514b42;box-shadow:0 20px 70px #000b}
#livingTV::backdrop{background:#070a0cbd}
#livingTV .tv-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font:12px 'DM Mono',monospace;letter-spacing:.08em}
#livingTV #tvClose{min-height:44px;padding:8px 12px;background:#2d2d2a;border:1px solid #77746a;color:#eee5d3;cursor:pointer}
#livingTV .tv-view{display:grid;grid-template-columns:minmax(0,1fr) 155px;gap:20px;align-items:center}
#livingTV .tv-cabinet{padding:24px 24px 14px;border:8px ridge #44433e;border-radius:20px 20px 28px 28px;background:linear-gradient(130deg,#53534c,#2a2b28 42%,#383b35);box-shadow:inset 0 0 20px #0008,0 12px 20px #0008}
#livingTV #tvScreen{position:relative;overflow:hidden;border-radius:8% / 7%;border:9px solid #161b19;background:#101816;box-shadow:inset 0 0 30px #000,0 0 16px #b9d6ce1a;isolation:isolate}
#livingTV #tvPicture{display:block;width:100%;height:auto;aspect-ratio:4/3}
#livingTV #tvScreen::after{content:'';pointer-events:none;position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(0deg,#00000013 0 1px,transparent 1px 3px),radial-gradient(ellipse,transparent 50%,#0005 100%);box-shadow:inset 0 0 18px #0008}
#livingTV #tvScreen.tv-off::after{opacity:.3}
#livingTV #tvOSD{position:absolute;left:7%;top:6%;z-index:2;color:#84ed94;text-shadow:1px 1px #172d21;font:700 clamp(14px,3vw,25px)/1.2 monospace;white-space:nowrap}
#livingTV #tvOSD[hidden]{display:none}
#livingTV .tv-speaker{height:23px;margin-top:12px;background:repeating-linear-gradient(90deg,#1a1d1b 0 2px,transparent 2px 5px);border-radius:3px;opacity:.75}
#livingTV .tv-badge{text-align:center;margin:10px 0 0;font:10px Georgia,serif;letter-spacing:.2em;color:#b9bbae}
#livingTV .tv-remote{padding:20px 13px;background:linear-gradient(100deg,#464643,#262726);border:3px ridge #565751;border-radius:22px 22px 35px 35px;box-shadow:4px 7px 12px #0008;text-align:center}
#livingTV .tv-remote button{display:block;min-height:48px;width:100%;margin:9px 0;padding:10px 5px;border:1px solid #151816;border-radius:8px;background:linear-gradient(#73766b,#55584f);color:#f3eddc;box-shadow:0 3px 0 #111;font:700 11px 'DM Mono',monospace;cursor:pointer;touch-action:manipulation}
#livingTV .tv-remote button:active{transform:translateY(2px);box-shadow:0 1px 0 #111}
#livingTV .tv-remote button:focus-visible{outline:2px solid #e5c57d;outline-offset:2px}
#livingTV .tv-remote #tvPower{background:linear-gradient(#ac6656,#783e35);margin-bottom:20px}
#livingTV #tvVolume{font:10px monospace;color:#c3c5b7}
#livingTV .tv-keyboard{font:11px/1.6 'DM Mono',monospace;color:#b1b2a6;text-align:center;margin:14px 0 0}
@media(max-width:650px){#livingTV{padding:10px}.tv-view{min-width:0}#livingTV .tv-view{grid-template-columns:1fr;gap:14px}#livingTV .tv-cabinet{padding:12px 10px 10px;border-width:5px}#livingTV #tvScreen{border-width:5px}#livingTV .tv-remote{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;border-radius:15px;padding:10px}#livingTV .tv-remote button,#livingTV .tv-remote #tvPower{margin:0;min-height:48px}#livingTV #tvVolume{align-self:center}#livingTV .tv-keyboard{font-size:10px}}
