.computer-screen-hotspot{position:absolute;z-index:4;display:block;min-width:44px;min-height:44px;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;transform:translateY(-50%)}
.computer-screen-hotspot[data-computer-room="apartment"]{top:27.8%;height:10.8%}
/* Anchor the neighboring touch targets at their shared gap so 44px targets never overlap. */
.computer-screen-hotspot[data-computer-room="apartment"][data-computer-screen="browser"]{right:27.95%;width:10.7%}
.computer-screen-hotspot[data-computer-room="apartment"][data-computer-screen="files"]{left:72.5%;width:9.8%}
.computer-screen-hotspot[data-computer-room="basement"]{left:67.35%;top:33.05%;width:5.7%;height:5.5%;transform:translate(-50%,-50%)}
.computer-screen-hotspot::before{content:"";position:absolute;inset:0;pointer-events:none;background:rgba(128,226,191,.08);box-shadow:inset 0 0 0 2px #acd9b8;opacity:0}
.computer-screen-hotspot span{position:absolute;right:0;bottom:calc(100% + 7px);display:block;padding:5px 7px;background:#172d2b;color:#f3e1b5;border:2px solid #a5b68f;box-shadow:2px 2px #081b1c;font:16px/1.1 var(--font-pixel,RoomPixel),monospace;white-space:nowrap;pointer-events:none;opacity:0}
.computer-screen-hotspot:hover::before,.computer-screen-hotspot:focus-visible::before,.computer-screen-hotspot:hover span,.computer-screen-hotspot:focus-visible span{opacity:1}
.computer-screen-hotspot:focus-visible{outline:2px solid #f2dcaa!important;outline-offset:3px}
@media(forced-colors:active){.computer-screen-hotspot:focus-visible{outline-color:Highlight!important}.computer-screen-hotspot span{background:Canvas;color:CanvasText;border-color:CanvasText}}