/* Reserve three independent slots above the playback controls. */
.s360-link-buttons { position:absolute; left:12px; right:12px; bottom:calc(var(--s360-links-bottom, 48px) + env(safe-area-inset-bottom, 0px)); z-index:18; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; align-items:end; pointer-events:none; }
.s360-link-buttons[hidden] { display:none !important; }
.s360-link-buttons .s360-link-button { grid-row:1; box-sizing:border-box; display:block; width:max-content; max-width:100%; min-width:0; padding:9px 14px; border:1px solid rgba(255,255,255,.35); border-radius:7px; color:#fff !important; font:600 clamp(12px,2.2vw,16px)/1.35 system-ui,sans-serif; text-align:center; text-decoration:none; white-space:normal; overflow-wrap:anywhere; text-shadow:0 1px 2px rgba(0,0,0,.4); box-shadow:0 2px 6px rgba(0,0,0,.2); pointer-events:auto; cursor:pointer; }
.s360-link-buttons .s360-link-left { grid-column:1; justify-self:start; }
.s360-link-buttons .s360-link-center { grid-column:2; justify-self:center; }
.s360-link-buttons .s360-link-right { grid-column:3; justify-self:end; }
.s360-link-buttons .s360-link-button:hover { filter:brightness(1.12); }
.s360-link-buttons .s360-link-button:focus-visible { outline:3px solid #fff; outline-offset:3px; }
@media (max-width:480px) { .s360-link-buttons { left:8px; right:8px; gap:6px; } .s360-link-buttons .s360-link-button { padding:7px 8px; } }