.story-panel[data-hub]{background-color:var(--is-bg,#f3f3f3);height:100vh;min-height:100vh;overflow:hidden;padding:0;position:relative}.story-panel[data-hub] .hub-bg{border-radius:0!important;display:block!important;height:100%!important;left:0;margin:0!important;max-height:none!important;max-width:none!important;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;pointer-events:none;position:absolute;top:0;width:100%!important;z-index:0}.story-panel[data-hub] .hub-menu{height:100%;position:relative;width:100%}.story-panel[data-hub] .hub-button{background:rgba(0,0,0,.5);border:2px solid hsla(0,0%,100%,.6);border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;min-height:44px;min-width:44px;padding:.75rem 1.5rem}.story-panel[data-hub] .hub-button[style*="--x"]{left:var(--x,50%);position:absolute;top:var(--y,50%);transform:translate(-50%,-50%)}.story-panel[data-hub] .hub-button{opacity:.85;transition:opacity .2s ease,outline-color .2s ease,box-shadow .2s ease}.story-panel[data-hub] .hub-button:not(.hub-pin).is-visited{background:rgba(40,120,60,.7);border-color:rgba(80,200,120,.9);box-shadow:0 0 8px rgba(80,200,120,.4);opacity:1}.story-panel[data-hub] .hub-button:not(.hub-pin).is-current{background:rgba(60,100,180,.7);border-color:rgba(100,160,255,.9);box-shadow:0 0 0 3px rgba(100,160,255,.6),0 0 12px rgba(100,160,255,.3)}.story-panel[data-hub][data-hub-state]:after{background:rgba(0,0,0,.7);border-radius:4px;bottom:12px;color:#fff;content:attr(data-hub-state);font-family:monospace;font-size:12px;padding:4px 8px;pointer-events:none;position:absolute;right:12px;z-index:10}.story-panel[data-hub] .hub-button:not(.hub-pin):has(img){border-radius:var(--hub-btn-radius,8px);height:var(--hub-btn-height,auto);overflow:hidden;padding:0;width:var(--hub-btn-width,180px)}.story-panel[data-hub] .hub-button:not(.hub-pin) img{border-radius:inherit;display:block;height:100%;-o-object-fit:cover;object-fit:cover;pointer-events:none;width:100%}.hub-button__label{background:rgba(0,0,0,.6);bottom:0;color:#fff;font-size:.9rem;left:0;padding:.5rem;position:absolute;right:0;text-align:center}.hub-pin-layer{pointer-events:none;position:absolute;z-index:1}.story-panel[data-hub] .hub-pin{background:none;border:none;border-radius:0;box-shadow:none;cursor:pointer;min-height:0;min-width:0;opacity:1;padding:0;pointer-events:auto;position:absolute;transform:translate(-50%,-100%);transform-origin:50% 100%;transition:transform .2s ease}.story-panel[data-hub] .hub-pin:hover{background:none;border:none;transform:translate(-50%,-100%) scale(1.15);z-index:10}.hub-pin:focus-visible{border-radius:4px;outline:2px solid #fff;outline-offset:4px}.story-panel[data-hub] .hub-pin .hub-pin__icon{height:auto;pointer-events:none;width:var(--hub-pin-size,36px)}.story-panel[data-hub] .hub-pin .hub-pin__icon--default{display:block!important}.story-panel[data-hub] .hub-pin .hub-pin__icon--visited,.story-panel[data-hub] .hub-pin.is-visited .hub-pin__icon--default{display:none!important}.story-panel[data-hub] .hub-pin.is-visited .hub-pin__icon--visited{display:block!important}.hub-pin.is-current{filter:drop-shadow(0 0 8px rgba(100,160,255,.7))}.hub-mobile{display:none}@media (max-width:768px){.story-panel[data-hub] .hub-pin .hub-pin__icon{width:var(--hub-pin-size-m,26px)}.story-panel[data-hub] .hub-pin:after{content:"";left:50%;min-height:44px;min-width:44px;position:absolute;top:50%;transform:translate(-50%,-50%)}.story-panel[data-hub]{background-image:none!important;flex-direction:column;height:100dvh;min-height:100dvh;overflow:hidden;padding:0}.hub-bg{display:none!important}.story-panel[data-hub] .hub-pin-layer{display:none}.hub-mobile{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;width:100%}.hub-mobile__img{display:block;flex:1 1 0;min-height:0;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;width:100%}.hub-mobile__chapters{background:var(--hub-mobile-bg,#f3f3f3);display:grid;flex:0 0 auto;gap:.35rem;grid-template-columns:1fr 1fr;padding:.5rem .75rem calc(.5rem + env(safe-area-inset-bottom, 0px) + 65px)}.hub-mobile__btn{-webkit-tap-highlight-color:transparent;align-items:center;background:var(--hub-mobile-btn-bg,hsla(0,0%,100%,.7));border:1.5px solid var(--hub-mobile-btn-border,rgba(0,0,0,.1));border-radius:6px;color:inherit;cursor:pointer;display:flex;font-size:.85rem;justify-content:center;min-height:44px;padding:.5rem;text-align:center;transition:background .2s ease,border-color .2s ease}.hub-mobile__btn:active{background:rgba(0,0,0,.06)}.hub-mobile__btn.is-visited{background:rgba(40,120,60,.08);border-color:rgba(80,200,120,.5)}.hub-mobile__btn.is-current{background:rgba(60,100,180,.08);border-color:rgba(100,160,255,.6)}.story-panel[data-hub][data-hub-state]:after{display:none}.hub-overlay-pins{display:none!important}}.hub-overlay-pins{opacity:0;pointer-events:none;position:fixed;transition:opacity .3s ease;z-index:11}.hub-overlay-pins.is-visible{opacity:1}.hub-overlay-pins .hub-pin{background:none;border:none;border-radius:0;box-shadow:none;cursor:pointer;min-height:0;min-width:0;opacity:1;padding:0;pointer-events:auto;position:absolute;transform:translate(-50%,-100%);transform-origin:50% 100%;transition:transform .2s ease}.hub-overlay-pins .hub-pin:hover{background:none;border:none;transform:translate(-50%,-100%) scale(1.15);z-index:10}.hub-overlay-pins .hub-pin .hub-pin__icon{height:auto;pointer-events:none;width:var(--hub-pin-size,36px)}.hub-overlay-pins .hub-pin .hub-pin__icon--default{display:block!important}.hub-overlay-pins .hub-pin .hub-pin__icon--visited,.hub-overlay-pins .hub-pin.is-visited .hub-pin__icon--default{display:none!important}.hub-overlay-pins .hub-pin.is-visited .hub-pin__icon--visited{display:block!important}.story-panel[data-hub-mode=overlay] .hub-bg,.story-panel[data-hub-mode=overlay] .hub-pin-layer{display:none}
/*# sourceMappingURL=story-hub.css.map */