@import url("https://fonts.googleapis.com/css2?family=IM+Fell+English+SC&display=swap");:root{--color-primary:#121212;--color-secondary:#bbbbbb;--color-accent:rgb(211,179,0)}.tv-container{height:calc((70vh) / 3);aspect-ratio:4/3;padding:4%;flex-direction:row;box-sizing:border-box;gap:5px}.instrument-panel,.tv-container{background-color:var(--color-primary);border:2px solid var(--color-accent);border-radius:2px;display:flex}.instrument-panel{width:20%;flex-direction:column;padding:2%;gap:4%}.dial-container{background-color:var(--color-secondary);padding:9%;border-radius:2px}.dial{width:100%;aspect-ratio:1;background-color:var(--color-primary);border-radius:50%;position:relative}.dial:after{content:"";position:absolute;top:50%;left:50%;width:40%;height:14%;background-color:var(--color-accent);transform:translate(-50%,-50%) rotate(var(--rotation,45deg))}.slot-container{background-color:var(--color-secondary);padding:20%;height:18%;border-radius:2px;align-items:center}.slot{width:100%;height:100%;background-color:var(--color-primary);margin:0 auto;border-radius:2px}.vent{margin-top:auto;height:60%;background:repeating-linear-gradient(180deg,var(--color-primary),var(--color-primary) 5%,var(--color-secondary) 5%,var(--color-secondary) 10%)}.tv-frame{width:80%;background-color:var(--color-primary);border:2px solid var(--color-accent);overflow:hidden;align-items:center;aspect-ratio:4/3;border-radius:2px}.tv-frame,.tv-screen{display:flex;justify-content:center}.tv-screen{position:relative;width:calc(100% - 10px);height:calc(100% - 10px);background-color:var(--color-secondary);align-items:flex-end}.tv-image{width:100%;height:100%;object-fit:cover;flex-shrink:0;border-radius:15%;outline:1px solid var(--color-accent);outline-offset:-1px;box-sizing:border-box}.tv-name-overlay{z-index:2;color:var(--foreground);font-family:monospace;text-align:center;font-size:2vh;background-color:var(--color-primary);width:fit-content;line-height:1;position:absolute;left:50%;transform:translate(-50%);bottom:4%}.tv-link{position:absolute;width:100%;height:100%;z-index:5;border-radius:30px}.antenna-line{bottom:99%;width:2px;height:90px}.antenna-ball,.antenna-line{position:absolute;background-color:var(--color-accent)}.antenna-ball{top:0;width:10px;height:10px;border-radius:50%;transform-origin:bottom;transform:translateX(-40%)}.left-antenna{left:45.5%;transform:rotate(-15deg)}.right-antenna{right:45.5%;transform:rotate(15deg)}.tv-text-content{font-family:IM Fell English SC,serif;background-color:black;color:white;font-size:2vh;text-align:center;line-height:1;padding:.75rem 1rem;border:3px double white;border-radius:15%;margin:0;z-index:0;width:100%;height:100%;overflow:hidden}.tv-text-content:after,.tv-text-content:before{content:"◀ ◈ ▶";position:absolute;color:white;font-size:1.8vh;font-family:serif;width:100%;text-align:center}.tv-text-content:before{top:-1.5em}.tv-text-content:after{bottom:-1.5em;transform:rotate(180deg)}@keyframes fadeInSilent{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.tv-grid{display:grid;gap:1px;height:100%;box-sizing:border-box;grid-template-columns:repeat(7,auto);grid-template-rows:repeat(3,1fr);width:fit-content}.grid-item{height:100%;display:flex;justify-content:center;align-items:center}.main-container{height:100vh;width:100%;position:relative;overflow-x:scroll;overflow-y:hidden;display:flex;justify-content:left}.content-wrapper{display:inline-block}.grid-container{height:70vh;width:fit-content;overflow:visible}.foreground{position:relative;height:30vh;width:100%;overflow:visible;display:flex;justify-content:center;align-items:flex-end}.viewer-image{height:55vh;min-height:40vh;bottom:0;width:auto;min-width:max-content;position:absolute;z-index:2;overflow:visible}.nameplate-container{position:absolute;bottom:6vh;left:50%;transform:translateX(-50%);z-index:3}.nameplate{height:6vh;width:auto;border-radius:5px}.ground-tvs{position:absolute;bottom:70%;width:100%;display:flex;justify-content:space-between;padding:0 27%;z-index:3}.ground-tv{transform:scale(.5);transform-origin:bottom center;position:relative}body,html{margin:0;padding:0;height:100%}.desk-scene{width:100%;height:100%;perspective:1000px;perspective-origin:top;z-index:2}.desk{width:1000px;height:100%;margin:0 auto;transform-style:preserve-3d}.desk-front{height:70%;bottom:0;background:repeating-linear-gradient(90deg,#8B4513 0,#8B4513 10px,#9C6C3C 0,#9C6C3C 12px);box-shadow:0 2px 8px rgba(0,0,0,.3);transform-origin:bottom center;transform:rotateX(0deg)}.desk-front,.desk-top{position:absolute;width:100%;left:0}.desk-top{height:50%;bottom:70%;background:#8B4513;box-shadow:0 2px 4px rgba(0,0,0,.4);transform-origin:bottom center;transform:rotateX(55deg)}