/* Keep scene targets attached to visible objects across screen sizes. */
.hotspot[data-place="phone"]{flex-direction:row-reverse;transform:translate(calc(-100% + 16px),-16px)}
.target-label{font-size:14px}
.target-label small,.card-top,.welcome-meta,.intro-footer,.shift-card .eyebrow,.broadcast .eyebrow,.modal-top .eyebrow,.ending-caption{font-size:12px}
.welcome-meta{letter-spacing:0}
.welcome-meta span{margin:0 4px}
.shift-card{width:250px}
.shift-card .eyebrow{letter-spacing:.8px}
.notebook,.quiet-button{font-size:14px}
.latin{font-size:10px}
@media(max-width:900px){.target-label{font-size:13px}}
@media(max-width:600px){
  .room img{transition:none}
  .welcome-card h2 br{display:block}
  .game:not(.intro) .room img{width:100%;height:100%;object-fit:contain;transform:none;filter:saturate(.85) brightness(.95)}
  .game:not(.intro) .room{background:#193e39}
  .game:not(.intro) .room-shade{background:linear-gradient(180deg,#0c2a2840,transparent 30%,transparent 70%,#102f2bb0)}
  .target-label{font-size:12px;padding:8px 9px;letter-spacing:0}
  .hotspot[data-place="cabinet"]{flex-direction:column;transform:translate(-50%,-16px);gap:5px}
  .hotspot[data-place="elevator"]{flex-direction:column-reverse;transform:translate(-50%,calc(-100% + 16px));gap:5px}
  .hotspot[data-place="phone"]{flex-direction:column;transform:translate(-50%,-16px);gap:5px}
  .hotspot[data-place="terminal"]{flex-direction:column;transform:translate(-50%,-16px);gap:5px}
  .target-dot{width:30px;height:30px}
  .shift-card{width:230px}
  .shift-card .eyebrow{font-size:12px;letter-spacing:0}
  .intro-footer{font-size:10px;letter-spacing:.5px}
  .quiet-button{font-size:12px}.latin{font-size:9px}.notebook{font-size:14px}
  .welcome-meta{font-size:11px;gap:7px;letter-spacing:0}
  .broadcast .eyebrow{font-size:12px}.broadcast p{font-size:14px}
  .terminal-status{font-size:12px}.terminal-rule{font-size:14px}.fine{font-size:12px}
  .modal-top .eyebrow{font-size:12px;letter-spacing:1px}
}