/* Halo 2-style industrial Forerunner side control. Shared between domains; no gradients. */
.hc-bridge-arrow{position:fixed;top:50%;z-index:9500;display:grid;place-items:center;width:65px;height:117px;padding:0;border:0;background:transparent;color:#b9e3f7;cursor:pointer;transform:translateY(-50%);transition:filter .2s;filter:drop-shadow(0 3px 9px rgba(0,0,0,.55));-webkit-tap-highlight-color:transparent}
.hc-bridge-arrow[data-direction=right]{right:max(3px,env(safe-area-inset-right))}
.hc-bridge-arrow[data-direction=left]{left:max(3px,env(safe-area-inset-left))}
.hc-bridge-arrow svg{width:60px;height:106px;display:block;overflow:visible;transition:transform .2s;filter:drop-shadow(0 0 4px rgba(94,191,231,.19))}
.hc-bridge-arrow[data-direction=left] svg{transform:scaleX(-1)}
.hc-bridge-arrow .hc-wing{fill:#092537;stroke:#295c78;stroke-width:2;stroke-linejoin:bevel}
.hc-bridge-arrow .hc-wing-cut{fill:none;stroke:#4089ad;stroke-width:1.6;opacity:.6}
.hc-bridge-arrow .hc-rim{fill:none;stroke:#70b0d0;stroke-width:1.6;stroke-linecap:square}
.hc-bridge-arrow .hc-chevron{fill:#9bd6f1;stroke:#def5ff;stroke-width:1.2;stroke-linejoin:bevel}
.hc-bridge-arrow .hc-chevron-notch{fill:#12374a;opacity:.74}
.hc-bridge-arrow .hc-tick{fill:none;stroke:#60a5c5;stroke-width:1.7}
.hc-bridge-arrow:hover,.hc-bridge-arrow:focus-visible{outline:none;filter:drop-shadow(0 0 13px rgba(94,191,231,.5))}
.hc-bridge-arrow:hover .hc-chevron,.hc-bridge-arrow:focus-visible .hc-chevron{fill:#d6f6ff}
.hc-bridge-arrow:active svg{filter:brightness(1.35)}
.hc-bridge-arrow .hc-bridge-label{position:absolute;top:calc(100% - 12px);left:50%;transform:translateX(-50%);white-space:nowrap;color:#99cfe5;font:9px Conduit,Arial,sans-serif;letter-spacing:.9px;background:#071d2a;padding:2px 4px}
.hc-bridge-wipe{position:fixed;inset:0;z-index:99998;pointer-events:none;background:#071927;clip-path:inset(0 100% 0 0);border-top:2px solid #488cb0;will-change:clip-path}
.hc-bridge-wipe::before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:#5096ae;box-shadow:0 0 20px #5096ae}
.hc-bridge-wipe::after{content:"HALOCOL  /  HALO 2";position:absolute;top:calc(50% + 15px);right:6vw;font:12px Handel,Arial,sans-serif;letter-spacing:3px;color:#8bb9cc}
.hc-bridge-wipe.is-exiting.to-stats{animation:hc-cover-right .37s ease-in forwards}
.hc-bridge-wipe.is-exiting.to-platform{animation:hc-cover-left .37s ease-in forwards}
.hc-bridge-wipe.is-entering.from-platform{clip-path:inset(0 0 0 0);animation:hc-uncover-right .45s ease-out forwards}
.hc-bridge-wipe.is-entering.from-stats{clip-path:inset(0 0 0 0);animation:hc-uncover-left .45s ease-out forwards}
@keyframes hc-cover-right{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0 0 0 0)}}
@keyframes hc-cover-left{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}
@keyframes hc-uncover-right{from{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 0 100%)}}
@keyframes hc-uncover-left{from{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 100% 0 0)}}
@media(max-width:760px){.hc-bridge-arrow{top:auto;bottom:calc(9px + env(safe-area-inset-bottom));width:45px;height:72px;transform:none}.hc-bridge-arrow svg{width:43px;height:65px}.hc-bridge-arrow .hc-bridge-label{display:none}.hc-bridge-arrow[data-direction=right]{right:0}.hc-bridge-arrow[data-direction=left]{left:0}}
@media(prefers-reduced-motion:reduce){.hc-bridge-arrow{transition:none!important}.hc-bridge-wipe{display:none!important}}