.hb-section{position:relative;width:100%;background:#030d13;border-top:1px solid #264449;padding:32px 0 0;isolation:isolate;scroll-margin-top:70px}
.hb-section-heading,.hb-section-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 3.5vw 25px;font:12px/1.5 'JetBrains Mono',monospace;letter-spacing:.18em;color:#aadad4}
.hb-section-heading span:last-child{color:#a8a887;letter-spacing:.12em}
#hivebreaker-frame{display:block;width:100%;height:min(80vw,80svh);aspect-ratio:16/9;max-height:1000px;border:0;background:#020c10;touch-action:none;color-scheme:dark}
.hb-section-caption{padding:20px 3.5vw;letter-spacing:.03em;color:#799691;flex-wrap:wrap}
.hb-section-caption a{color:#ddca9e;text-decoration:none}
.hb-section-caption a:hover{text-decoration:underline}
html.hb-expanded,html.hb-expanded body{overflow:hidden!important;overscroll-behavior:none!important}
html.hb-expanded #j-content{z-index:2147483000!important}
html.hb-expanded #hivebreaker-frame{position:fixed;inset:0;width:100vw;height:100vh;height:100dvh;max-height:none;z-index:2147483001;aspect-ratio:auto}
html.hb-expanded #j-cursor-dot,html.hb-expanded #j-cursor-ring{display:none!important}
@media(min-width:1000px){#hivebreaker-frame{height:auto;aspect-ratio:16/8.8}}
@media(max-width:600px){.hb-section{padding-top:22px}.hb-section-heading{font-size:10px;letter-spacing:.12em;padding:0 18px 18px;gap:10px}.hb-section-caption{font-size:11px;padding:16px 18px}.hb-section-caption span{display:none}#hivebreaker-frame{height:74svh;min-height:440px}}
@media(orientation:landscape) and (max-height:550px){#hivebreaker-frame{height:95svh;min-height:0}}