.scene{position:relative}.scene svg{width:100%;height:auto;display:block}.hot{cursor:pointer;outline:none}.hot-ring{fill:none;stroke:#fff;stroke-width:3px;opacity:0;transition:opacity .15s}.hot-dot{fill:#1a1b1a;stroke:#fff;stroke-width:2.5px;transition:fill .15s}.hot text{fill:#fff;font-family:var(--head);pointer-events:none;font-size:15px;font-weight:700}.hot:hover .hot-dot,.hot:focus-visible .hot-dot,.hot.on .hot-dot{fill:var(--green-d)}.hot:focus-visible .hot-ring,.hot.on .hot-ring{opacity:1;stroke:var(--yellow)}.scene-tip{z-index:5;color:var(--ink);border-radius:var(--radius);border-top:4px solid var(--green);background:#fff;flex-direction:column;min-width:190px;padding:12px 16px;display:flex;position:absolute;transform:translate(22px,-50%);box-shadow:0 10px 26px #00000040}.scene-tip[data-side=left]{transform:translate(calc(-100% - 22px),-50%)}.scene-tip small{color:var(--muted);font-size:14px}.scene-tip strong{font-family:var(--head);margin-bottom:6px;font-size:22px;line-height:1.1}.scene-legend{flex-wrap:wrap;gap:8px 6px;margin:14px 0 0;padding:0;list-style:none;display:flex}.scene-legend a{color:#fff;background:#0000002e;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:0 12px 0 5px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.scene-legend a:hover{background:#00000052}.scene-legend b{width:28px;height:28px;font-family:var(--head);color:#fff;background:#1a1b1a;border:2px solid #fff;border-radius:50%;place-items:center;font-size:15px;display:grid}@media (max-width:600px){.scene-tip{min-width:160px;padding:10px 12px}.scene-tip strong{font-size:19px}.hot text{font-size:17px}}