.tv-section{position:relative;isolation:isolate;max-width:980px;margin:65px auto 85px;padding:55px 25px 20px}.tile-accent{position:absolute;z-index:-1;inset:0 -5% 10%;background:url("painted-wall-tiles.jpg") center/cover;filter:saturate(2.2) brightness(1.6);opacity:.52;mask-image:radial-gradient(ellipse,#000 15%,transparent 70%);pointer-events:none}.retro-tv{max-width:830px;margin:auto;transform:rotate(-1deg)}.tv-shell{display:grid;grid-template-columns:minmax(0,1fr) 86px;gap:18px;padding:25px;border:2px solid #464649;border-radius:32px 32px 22px 22px;background:linear-gradient(135deg,#343436,#111112 55%,#29292c);box-shadow:inset 3px 3px 3px #60606450,inset -5px -6px 8px #000,0 24px 40px #000b}.tv-screen{position:relative;aspect-ratio:4/3;overflow:hidden;border:12px solid #080809;border-radius:20%/10%;background:#060e0b;box-shadow:0 0 0 3px #48484b,inset 0 0 45px #000}.tv-screen:after{content:'';position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 15px #0008;pointer-events:none}#tv-player{position:absolute;inset:0}#tv-player iframe{display:block;width:100%;height:100%;border:0}#tv-idle{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:22px;color:#75ee9b;background:repeating-linear-gradient(0deg,#07100b 0px,#07100b 2px,#0b180f 3px,#0b180f 4px);font:12px 'Courier New',monospace}#tv-idle[hidden]{display:none}#tv-idle p{font:bold clamp(14px,2.4vw,26px) 'Courier New',monospace;letter-spacing:-1px}.tv-channel{position:absolute;top:20px;left:20px;font-size:10px}.tv-panel{display:flex;flex-direction:column;align-items:center;gap:23px;padding:14px 0}.tv-wordmark{font:900 10px Arial,sans-serif;color:#b5b4ae;letter-spacing:-.5px}.tv-panel button,.tv-knob{width:42px;height:42px;border-radius:50%;border:3px solid #111;background:linear-gradient(135deg,#777,#252526 55%,#111);box-shadow:2px 3px 4px #000;display:block;color:#eee;font-size:22px}.tv-panel button{cursor:pointer}.tv-knob:after{content:'';display:block;height:27px;width:3px;background:#aaa;margin:4px auto}.tv-speaker{width:55px;flex:1;min-height:65px;background:repeating-linear-gradient(0deg,#090909 0 3px,#303032 3px 6px);border-radius:5px}.tv-led{width:5px;height:5px;background:#6aea91;box-shadow:0 0 9px #56f98a;border-radius:50%}.tv-foot{height:15px;background:#19191b;width:70%;margin:auto;border-radius:0 0 12px 12px;box-shadow:0 12px 20px #000}.tv-caption{max-width:780px;margin:26px auto 0}.tv-caption p{font:700 10px Arial,sans-serif;letter-spacing:1px;color:#b8b9b2}.tv-actions{display:flex;gap:20px;flex-wrap:wrap;align-items:center;margin:15px 0}.tv-actions button,.tv-actions a{font:800 10px Arial,sans-serif;color:#e4dfd5;background:none;border:0;padding:8px 0;cursor:pointer}.tv-caption small{display:block;font:11px/1.6 Arial,sans-serif;color:#93938f}.christ-banner>img,.prayer-heading>img{background:transparent}@media(max-width:600px){.tv-section{padding:28px 0 10px;margin:35px auto 55px}.tv-shell{padding:14px;gap:10px;grid-template-columns:minmax(0,1fr) 45px;border-radius:23px}.tv-screen{border-width:7px;min-height:200px}.tv-panel{gap:14px;padding:5px 0}.tv-wordmark{font-size:7px}.tv-panel button,.tv-knob{width:30px;height:30px;font-size:16px}.tv-knob:after{height:17px}.tv-speaker{width:30px}.tv-caption{padding:0 8px}.tile-accent{inset:0 -3% 10%}}
/* A portable CRT: heavy two-tone plastic, antennae and painted casing. */
.tv-section{padding-top:125px}.retro-tv{position:relative;max-width:850px;transform:rotate(-1.5deg)}.tv-shell{position:relative;isolation:isolate;grid-template-columns:minmax(0,1fr) 115px;padding:35px 30px 52px;gap:25px;border:3px solid #a5a5a0;border-radius:20px 22px 28px 25px;background:linear-gradient(100deg,#a9aaa5 0%,#deded7 4%,#f0f0e9 44%,#c6c7c0 94%,#888b85 100%);box-shadow:inset 3px 4px 0 #fff9,inset -8px -10px 0 #7c7e78,10px 15px 0 #333632,14px 19px 0 #090909,0 32px 45px #000b}.tv-shell:after{content:'STEREO  •  COLOR';position:absolute;bottom:19px;left:35px;color:#333;font:900 9px Arial,sans-serif;letter-spacing:3px}.tv-screen{z-index:1;border:18px solid #171819;border-radius:25%/14%;box-shadow:0 0 0 3px #5e615d,0 0 0 7px #969992,4px 7px 6px #0007,inset 0 0 30px #000;background:#050807}.tv-panel{z-index:1;background:#1a1b1c;border:3px solid #7a7c76;border-radius:7px;padding:18px 10px;gap:23px;box-shadow:inset 3px 3px 5px #0009}.tv-wordmark{color:#fff;font-size:12px;transform:rotate(-5deg);background:#111;padding:7px 4px;border:1px solid #eee}.tv-panel button,.tv-knob{width:48px;height:48px;background:repeating-conic-gradient(#999 0 4deg,#444 4deg 8deg);border:5px solid #bfc0b8;box-shadow:3px 4px 0 #000;color:white}.tv-panel button:hover{border-color:#21c8ed}.tv-knob:after{width:5px;height:29px;background:#ecece6;margin:4px auto;transform:rotate(25deg);border-radius:2px}.tv-speaker{width:65px;background:repeating-linear-gradient(0deg,#050505 0 3px,#555854 3px 5px);border:3px solid #070707;border-radius:2px;min-height:110px}.tv-foot{width:83%;height:19px;background:linear-gradient(#64675f,#171918);border-radius:0 0 6px 6px;margin-top:12px}.tv-handle{position:absolute;top:-24px;left:36%;width:28%;height:32px;border:9px solid #555852;border-bottom:0;border-radius:10px 10px 0 0;box-shadow:inset 3px 2px #a3a69d}.tv-aerial{position:absolute;width:100px;height:20px;top:-17px;right:9%;background:#2c2d2a;border-radius:50%}.tv-aerial i{position:absolute;width:5px;height:110px;background:linear-gradient(90deg,#444,#f1f1ed,#666);bottom:8px;left:40px;transform-origin:bottom;border-radius:4px;transform:rotate(-38deg)}.tv-aerial i+ i{height:95px;transform:rotate(40deg);left:53px}.tv-aerial i:after{content:'';position:absolute;top:-4px;left:-2px;width:9px;height:9px;border-radius:50%;background:#deded8}.tv-paint{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none;z-index:0}.tv-paint i{position:absolute;top:-10%;width:25px;height:62%;background:#ffd537;left:9%;transform:rotate(-19deg);border-radius:20px 10px 70% 50%;box-shadow:32px -40px 0 -7px #ffd537,-18px 85px 0 -9px #ffd537}.tv-paint i:nth-child(2){left:17%;top:-25%;height:72%;width:30px;background:#21c8ed;box-shadow:28px 35px 0 -9px #21c8ed;transform:rotate(-19deg)}.tv-paint i:nth-child(3){left:64%;top:57%;height:65%;width:33px;background:#ff3293;box-shadow:35px 15px 0 -11px #ff3293;transform:rotate(-24deg)}.tv-paint i:nth-child(4){left:73%;top:65%;height:50%;width:25px;background:#448fff;box-shadow:26px 0 0 -9px #448fff;transform:rotate(-24deg)}#tv-idle{background:repeating-linear-gradient(0deg,#070a09 0 2px,#131815 2px 4px)}#tv-idle:after{content:'';position:absolute;bottom:22px;width:75px;height:4px;background:linear-gradient(90deg,#ffd537 0 25%,#21c8ed 25% 50%,#ff3293 50% 75%,#448fff 75%)}.tile-accent{opacity:.45}.tv-caption{margin-top:38px}
@media(max-width:600px){.tv-section{padding-top:100px}.tv-shell{grid-template-columns:minmax(0,1fr) 58px;gap:12px;padding:20px 14px 37px;border-radius:16px;box-shadow:inset 2px 2px #fff8,inset -4px -6px #7c7e78,5px 8px #333632,8px 11px #090909,0 20px 30px #000b}.tv-screen{border-width:9px;min-height:200px;box-shadow:0 0 0 2px #5e615d,0 0 0 4px #969992}.tv-panel{gap:14px;padding:10px 2px;border-width:2px}.tv-wordmark{font-size:7px;padding:5px 2px}.tv-panel button,.tv-knob{width:33px;height:33px;border-width:3px}.tv-knob:after{height:20px;width:3px;margin:3px auto}.tv-speaker{width:35px;min-height:70px}.tv-shell:after{font-size:6px;bottom:14px;left:20px;letter-spacing:2px}.tv-aerial{right:8%;width:65px}.tv-aerial i{height:80px;left:20px}.tv-aerial i+i{height:70px;left:30px}.tv-handle{height:25px;top:-20px;border-width:7px}.tv-paint i{width:17px}.tv-paint i:nth-child(2){width:20px}.tv-paint i:nth-child(3){width:23px}.tv-paint i:nth-child(4){width:18px}.tv-caption{margin-top:30px}}

.connection-dialog{max-width:560px;width:calc(100% - 36px);box-sizing:border-box;background:#121313;color:#ddd;border:1px solid #555;padding:28px}.connection-dialog::backdrop{background:#000c}.connection-dialog h2{font:900 26px Arial,sans-serif}.connection-dialog p{font:13px/1.7 Arial,sans-serif;color:#b9b9b3}.connection-dialog label{display:block;font:800 10px Arial,sans-serif;letter-spacing:1px;margin:20px 0 8px}.connection-dialog input{box-sizing:border-box;width:100%;background:#080909;color:#b5f0c3;border:1px solid #555;padding:13px;font:16px monospace}.connection-dialog button{padding:12px;margin:6px 7px 6px 0;cursor:pointer}.connection-dialog button:disabled,.tv-actions button:disabled{opacity:.5;cursor:wait}

#tv-idle p{max-width:100%;font-size:clamp(13px,1.8vw,22px);line-height:1.5;overflow-wrap:anywhere}#tv-idle span:last-child{font-size:11px;line-height:1.5;max-width:90%}#connect-status{min-height:1.5em;color:#99f2b5;font-weight:700}.tv-caption #tv-status{line-height:1.6;color:#d5e5d9}