.hb{--hb-eye:50px;--hb-kee-w:66px;--hb-kee-h:88px;--hb-door-w:58px;--hb-door-h:88px;z-index:90;contain:strict;pointer-events:none;-webkit-user-select:none;user-select:none;position:fixed;inset:0;overflow:hidden}.hb *{pointer-events:none}.hb[data-phase=closing],.hb[data-phase=closed]{cursor:progress}html[data-motion=off] .hb{display:none!important}@media (prefers-reduced-motion:reduce){.hb{display:none!important}}@media (max-width:639px){.hb{--hb-eye:40px;--hb-kee-w:51px;--hb-kee-h:68px;--hb-door-w:45px;--hb-door-h:68px}}.hb-lid,.hb-layer{position:absolute;inset:0}.hb-lid-top .hb-fill{background:linear-gradient(180deg, var(--background) 22%, color-mix(in srgb, var(--surface-2) 55%, var(--background)) 50%)}.hb-lid-bottom .hb-fill{background:linear-gradient(0deg, var(--background) 22%, color-mix(in srgb, var(--surface-2) 55%, var(--background)) 50%)}.hb-rim,.hb-glow1,.hb-glow2{background:var(--accent);-webkit-mask-image:linear-gradient(90deg,#0000 2%,#000 28% 72%,#0000 98%);mask-image:linear-gradient(90deg,#0000 2%,#000 28% 72%,#0000 98%)}.hb-rim{opacity:.9}.hb-glow1{opacity:.28}.hb-glow2{opacity:.1}.hb-lid-top .hb-rim{transform:translateY(1.5px)}.hb-lid-top .hb-glow1{transform:translateY(5px)}.hb-lid-top .hb-glow2{transform:translateY(12px)}.hb-lid-bottom .hb-rim{transform:translateY(-1.5px)}.hb-lid-bottom .hb-glow1{transform:translateY(-5px)}.hb-lid-bottom .hb-glow2{transform:translateY(-12px)}.hb-seam{opacity:0;height:0;position:absolute;top:50%;left:0;right:0}.hb-seam-line{background:linear-gradient(90deg, transparent, var(--accent) 30%, var(--accent) 70%, transparent);height:1.5px;position:absolute;top:-.75px;left:0;right:0}.hb-seam-glow{background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 34%, transparent), transparent);height:44px;position:absolute;top:-22px;left:8%;right:8%}.hb-stage{transform-origin:50% 0;width:min(88vw,560px);height:0;margin-inline:auto;position:absolute;top:50%;left:0;right:0}.hb[data-active] .hb-stage,.hb[data-active] .hb-eye,.hb[data-active] .hb-kee{will-change:transform, opacity}.hb-eye{width:var(--hb-eye);height:var(--hb-eye);margin:calc(var(--hb-eye) * -.5625) 0 0 calc(var(--hb-eye) * -.5);opacity:0;position:absolute;top:0;left:50%}.hb-eye-svg{width:100%;height:100%;display:block;position:relative}.hb-eye [data-lid=top]{transform-box:fill-box;transform-origin:50% 0}.hb-eye [data-lid=bottom]{transform-box:fill-box;transform-origin:50% 100%}.hb-eye-glow{opacity:0;background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 60%, transparent), transparent 75%);border-radius:50%;position:absolute;inset:-40%}.hb-eye-spark{opacity:0;width:30%;height:30%;fill:color-mix(in srgb, var(--accent) 30%, var(--accent-foreground));position:absolute;top:27%;left:50%}.hb-kee{left:0;bottom:calc(var(--hb-kee-h) * -.047);width:var(--hb-kee-w);height:var(--hb-kee-h);opacity:0;position:absolute}.hb-kee svg{width:100%;height:100%;display:block}.hb-kee .k-leg-l,.hb-kee .k-leg-r{transform-box:fill-box;transform-origin:50% 0}.hb-kee .k-arm-l,.hb-kee .k-arm-r{transform-box:fill-box;transform-origin:50% 8%}.hb-door,.hb-leaf{width:var(--hb-door-w);height:var(--hb-door-h);margin-left:calc(var(--hb-door-w) * -.5);opacity:0;position:absolute;bottom:0;left:84%}.hb-door svg,.hb-leaf svg{width:100%;height:100%;display:block;overflow:visible}.hb-leaf svg{transform-origin:92%;transform:scaleX(.16)}.hb-leaf .door-keyglow{opacity:0}