/* Three colors plus three distinct symbols; the 44px control opens the same explanation on touch. */
html body .bi-heading>small{display:block}html body .bi-heading>h1{display:inline-block;vertical-align:middle}
html body .bi-connection{display:inline-flex;vertical-align:middle;position:relative;margin-left:6px;z-index:8}
html body .bi-connection[hidden]{display:none!important}
html body .battle-island .bi-connection .bi-connection-toggle,html[data-hanq-theme] body .battle-island .bi-connection .bi-connection-toggle:is(:hover,:active,[aria-expanded=true]){display:grid;place-items:center;min-width:44px;min-height:44px;width:44px;height:44px;padding:0;border:0!important;border-radius:50%;background:transparent!important;box-shadow:none!important;cursor:pointer}
html body .bi-connection-toggle:focus-visible{outline:2px solid #fff0ad!important;outline-offset:0}
html body .bi-connection-lamp{display:grid;place-items:center;width:20px;height:20px;border:2px solid #f4f9ff;border-radius:50%;font:700 13px/1 system-ui,sans-serif;color:#102535!important;background:#ffd464!important;box-shadow:0 0 0 2px #112d3c,0 0 9px #ffd46455}
html body .bi-connection[data-state=connected] .bi-connection-lamp{background:#78ceff!important;box-shadow:0 0 0 2px #112d3c,0 0 9px #78ceff66}
html body .bi-connection[data-state=disconnected] .bi-connection-lamp{background:#ff8c83!important;box-shadow:0 0 0 2px #112d3c,0 0 9px #ff8c8366}
html body .bi-connection-detail{position:absolute;z-index:12;top:calc(100% + 3px);left:var(--bi-detail-left,0px);width:min(260px,calc(100vw - 32px));box-sizing:border-box;padding:10px 12px;border:1px solid #a2c8dc;border-radius:6px;background:#102d3ff7!important;color:#f2faff!important;box-shadow:0 5px 14px #00131b66;font-size:13px;line-height:1.6;font-weight:400;letter-spacing:0;white-space:normal;visibility:hidden;opacity:0;pointer-events:none}
html body .bi-connection:is(:hover,:focus-within,.is-open) .bi-connection-detail{visibility:visible;opacity:1}
html body .bi-connection-live{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
html body .bi-notice[hidden]{display:none!important}