.beacon-panel{position:fixed;z-index:9100;inset:20px max(calc(var(--play-right,0px) + 12px),15%) 20px max(calc(var(--play-left,0px) + 12px),15%);overflow:auto;padding:22px;background:#112d36;color:#eafffa;border:2px solid #8ee2da;border-radius:24px;display:flex;flex-direction:column;gap:12px;box-shadow:0 12px 60px #0009;overscroll-behavior:contain;touch-action:pan-y;font:16px/1.4 system-ui}
.beacon-panel h2{margin:0 40px 0 0;font:600 24px system-ui}.beacon-panel p{margin:0}.beacon-panel small{font-size:13px;color:#bfd4d0}.beacon-panel button,.beacon-panel input,.beacon-panel a{min-height:44px;padding:10px;border:1px solid #85c5bd;border-radius:14px;color:inherit;background:#214a50;font:inherit;box-sizing:border-box}.beacon-panel a{text-align:center}.beacon-panel input{width:100%}.beacon-panel button:disabled{opacity:.5}.beacon-panel img,.beacon-panel video{max-height:40dvh;width:100%;object-fit:contain;border-radius:16px}.beacon-panel .beacon-close{position:absolute;right:10px;top:10px;width:44px}.beacon-pin{border:2px solid #8ee2da;background:#112d36;border-radius:18px;width:56px;height:56px;position:relative;padding:0;overflow:hidden;box-shadow:0 4px 12px #0005}.beacon-pin img{width:100%;height:100%;object-fit:cover}.beacon-pin span{position:absolute;bottom:2px;right:2px;font-size:22px}.beacon-stop{position:fixed;z-index:9200;top:8px;left:50%;transform:translateX(-50%);background:#b82539;color:white;border:2px solid white;border-radius:22px;padding:10px 18px;font:600 16px system-ui;min-height:44px}.beacon-stop[hidden]{display:none}body.beacon-open .timeline-rail{visibility:hidden}
@media(max-width:600px){.beacon-panel{inset:12px 12px max(12px,var(--play-bottom,0px));padding:16px}}
html[data-uov-arena] .beacon-panel{inset:60px var(--play-right,12px) max(12px,var(--play-bottom,0px)) var(--play-left,12px);padding:12px;min-width:0}
html[data-uov-arena] .beacon-panel .beacon-close{position:sticky;top:0;right:auto;align-self:flex-end;flex-shrink:0;z-index:2}
html[data-uov-arena] .beacon-panel h2{margin:0;font-size:20px;overflow-wrap:anywhere}
html[data-uov-arena] .beacon-panel>*{flex-shrink:0}