*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation;height:100%}
body{margin:0;background:#000;color:#ffb27a;min-height:100vh;min-height:100svh;
 display:flex;flex-direction:column;align-items:center;justify-content:center;
 background-image:radial-gradient(ellipse at 50% 0,rgba(253,94,2,.18),transparent 60%);
 padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.stage{display:flex;justify-content:center;align-items:center;width:100%;padding:8px}
.view{aspect-ratio:1586/992;width:min(100%,calc((100vh - 16px) * 1586 / 992));
 width:min(100%,calc((100svh - 16px) * 1586 / 992));
 border:3px solid #fd5e02;border-radius:10px;overflow:hidden;background:#000;box-shadow:0 0 18px rgba(253,94,2,.35)}
.view svg{display:block;width:100%;height:100%}
.pin{cursor:pointer;outline:none}
.pin polygon{fill:rgba(253,94,2,0);stroke:#fd5e02;stroke-width:5;stroke-linejoin:round;stroke-opacity:0;transition:stroke-opacity .15s,fill .15s}
.pin:hover polygon,.pin:focus-visible polygon,.pin:active polygon{stroke-opacity:1;fill:rgba(253,94,2,.08)}