.hotspot-stage{height:390px;position:relative;border:1px solid var(--line);border-radius:16px;background:#fff;overflow:hidden}.hotspot-stage img{width:100%;height:100%;object-fit:contain}.hotspot{position:absolute;border:2px solid transparent;background:transparent;border-radius:7px;cursor:crosshair}.hotspot:hover,.hotspot:focus{border-color:var(--cyan);background:#00c2d722;outline:0}.hotspot.correct{border-color:var(--green);background:#2cc97044}.hotspot.wrong{border-color:var(--red);background:#f0445244}.click-hint{color:var(--mid);font-weight:700}@media(max-width:850px){.hotspot-stage{height:280px}}