/* round 10: tv (owned by the tv design pass; overrides site.css) */
/* the set as a real object: thicker cream body, a bevel, a speaker grille, feet and a contact shadow on the floor */
.tv__set { padding: 22px 22px 0; border-radius: 38px; box-shadow: 0 70px 90px -45px rgba(60, 30, 120, .5), 0 0 0 1px rgba(0, 0, 0, .06), inset 0 2px 0 #fff, inset 0 -7px 0 #d6cab0, inset 7px 0 0 rgba(255, 255, 255, .45), inset -7px 0 0 rgba(120, 90, 40, .07); }
.tv__set::before { content: ""; position: absolute; left: 6%; right: 6%; bottom: -54px; height: 46px; background: radial-gradient(ellipse 50% 50% at 50% 50%, rgba(50, 20, 110, .34), rgba(50, 20, 110, 0) 72%); pointer-events: none; }
.tv__set::after { content: ""; position: absolute; left: 11%; right: 11%; bottom: -20px; height: 20px; pointer-events: none;
  background: linear-gradient(90deg, #d9cdb1 0 7%, transparent 7% 93%, #d9cdb1 93% 100%); clip-path: polygon(0 0, 100% 0, 99% 100%, 1% 100%); }
.tv__panel { height: 60px; padding: 0 10px; }
.tv__panel::before { content: ""; flex: 0 0 64px; height: 22px; border-radius: 6px; background: repeating-linear-gradient(90deg, rgba(70, 50, 15, .26) 0 2px, transparent 2px 5px); box-shadow: inset 0 1px 2px rgba(0, 0, 0, .12); }
/* the room: the next sheet reveals paper around the receding set, never a dark frame */
.tv { background: var(--paper); }
.tv__dim { background: #fffaf2; }
/* the channel's name sits low on the back wall, behind the set's feet, clear of the rail copy */
.tv__wall { top: auto; bottom: -.14em; left: auto; right: var(--gutter); text-align: right; font-size: 9vw; color: rgba(60, 30, 140, .11); }
@media (max-width: 900px) {
  .tv { height: calc(var(--channels, 5) * 72vh + 270vh); }
  .tv__set { padding: 10px 10px 0; border-radius: 22px; }
  .tv__set::after { bottom: -12px; height: 12px; }
  .tv__panel { height: 44px; padding: 0 4px; }
  .tv__panel::before { flex-basis: 34px; height: 16px; }
  .tv__wall { font-size: 16vw; bottom: 2vh; }
}