.hj-focus-logo{display:inline-block;position:relative;line-height:0}
/* Transparent hit area over the existing bitmap dot (x=95–100%, y=49–81%). */
.hj-focus-dot{position:absolute!important;left:95%!important;top:49%!important;width:5%!important;height:32%!important;min-width:0!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:50%;cursor:pointer;z-index:2}
.hj-focus-dot::after{content:"";position:absolute;inset:-7px;border-radius:50%}
.hj-focus-dot:focus-visible{outline:2px solid #cfe8f7!important;outline-offset:5px}
.hj-focus-panel{position:fixed;right:calc(12px + env(safe-area-inset-right,0px));top:calc(8px + env(safe-area-inset-top,0px));z-index:2147483647;display:flex;align-items:center;gap:8px;padding:3px 5px 3px 10px;border:1px solid #56758b;border-radius:8px;background:#06141fee;color:#cfe8f7;font:12px/1.3 system-ui,sans-serif;max-width:calc(100vw - 24px);box-sizing:border-box}
.hj-focus-panel[hidden]{display:none}
.hj-focus-exit{display:block!important;flex:none;width:32px!important;height:32px!important;min-height:0!important;padding:0!important;margin:0!important;border:0!important;background:transparent!important;color:#cfe8f7!important;font:24px/1 system-ui!important;cursor:pointer}
.hj-focus-exit:focus-visible{outline:2px solid #cfe8f7}
.hj-focus-frame{position:fixed;inset:0;width:100%;height:100%;border:0;background:#06141f;z-index:2147483646}
html.hj-focus-shell,html.hj-focus-shell body{overflow:hidden!important}
html:fullscreen,html:-webkit-full-screen{background:#06141f}

@media(min-width:701px){.hj-focus-panel{right:auto;left:50%;transform:translateX(-50%)}}

/* A real iframe viewport, like TFB presentation.js: centered, freely resizable. */
.hj-focus-stage{position:fixed;inset:0;display:flex;justify-content:center;background:#101214}
.hj-focus-viewport{position:relative;width:100%;height:100%;flex:none}
.hj-focus-viewport>.hj-focus-frame{position:absolute;inset:0;width:100%;height:100%;z-index:0}
.hj-focus-active .hj-focus-viewport{width:min(var(--hj-focus-width,1440px),calc(100% - 28px))}
.hj-focus-grip{display:none;position:absolute;top:0;bottom:0;width:14px;z-index:1;cursor:ew-resize;touch-action:none;outline:none}
.hj-focus-active .hj-focus-grip{display:block}
.hj-focus-grip[data-side="left"]{left:-14px}
.hj-focus-grip[data-side="right"]{right:-14px}
.hj-focus-grip::after{content:"";position:absolute;top:calc(50% - 24px);left:5px;width:4px;height:48px;border-radius:2px;background:#82939f;opacity:0;transition:opacity .15s}
.hj-grips-visible .hj-focus-grip::after,.hj-focus-grip:focus-visible::after{opacity:1}
.hj-focus-grip:focus-visible{outline:2px solid #cfe8f7;outline-offset:-2px}
@media(max-width:700px){.hj-focus-active .hj-focus-viewport{width:min(var(--hj-focus-width,1440px),calc(100% - 20px))}.hj-focus-grip{width:10px}.hj-focus-grip[data-side="left"]{left:-10px}.hj-focus-grip[data-side="right"]{right:-10px}.hj-focus-grip::after{left:3px}}

.hj-focus-panel{transition:opacity .2s}
.hj-focus-panel:not(.hj-focus-controls):not(:hover):not(:focus-within){opacity:0;pointer-events:none}
.hj-focus-reveal{display:none;position:fixed;top:0;left:0;right:0;height:12px;z-index:2}
.hj-focus-active .hj-focus-reveal{display:block}

.hj-focus-panel span:empty{display:none}