/* Scoped navigation, independent of each page's content styling. */
.bv-nav,.bv-bottom,.bv-reader-settings{box-sizing:border-box;font:14px/1.35 system-ui,sans-serif;color:#173e49}
.bv-nav *,.bv-bottom *{box-sizing:border-box}
.bv-nav a,.bv-nav summary,.bv-nav button,.bv-bottom a{font:600 13px/1.35 system-ui,sans-serif;letter-spacing:normal;text-transform:none;display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 10px;color:#174a53;text-decoration:none;border-radius:10px;white-space:nowrap}
.bv-nav .bg-brand{font-size:20px;font-weight:900;gap:7px;padding:0;background:transparent;border:0}
.bv-nav .bg-brand small{display:block;font-size:8px;letter-spacing:.2em}
.bv-nav .bg-brand>span:first-child{font-size:28px}
body .bg-hud.bv-nav{display:flex;position:relative;align-items:center;gap:8px;max-width:1240px;margin:0 auto 24px;padding:10px 14px;background:#fff8e8f5;border:1px solid #dfbd81;border-radius:18px;box-shadow:0 4px 15px #123b4920;z-index:40;flex-wrap:nowrap}
.bv-primary{display:flex;gap:2px;flex:1;justify-content:center}
.bv-account{margin-left:auto}
.bv-menu{position:relative}
.bv-menu summary{cursor:pointer;list-style:none;gap:6px}
.bv-menu summary::-webkit-details-marker{display:none}
.bv-menu:not([open])>.bv-panel{display:none}
.bv-panel{position:absolute;right:0;top:calc(100% + 8px);width:270px;max-width:calc(100vw - 28px);max-height:calc(100dvh - 170px);overflow:auto;padding:10px;background:#fff9ed;border:1px solid #d9b985;border-radius:14px;box-shadow:0 12px 30px #123a4940}
.bv-panel a,.bv-panel button{width:100%;justify-content:flex-start;white-space:normal;text-align:left}
.bv-nav button[hidden]{display:none!important}
.bv-nav a[aria-current=page],.bv-bottom a[aria-current=page]{background:#d4ebe5;color:#075966;box-shadow:inset 0 -3px #087582;font-weight:800}
.bv-nav :is(a,button,summary):focus-visible,.bv-bottom a:focus-visible,.bv-reader-settings button:focus-visible{outline:3px solid #007e88;outline-offset:3px}
.bv-mobile-destinations,.bv-bottom{display:none}
.bv-context{margin-left:auto}
.bv-reader-settings{max-width:900px;margin:0 auto 8px;text-align:right}
.bv-reader-settings button{min-height:44px;border:1px solid var(--line,#dfbd81);border-radius:10px;background:var(--paper,#fff9ed);color:var(--ink,#174a53);padding:8px 12px;cursor:pointer}
.bv-reader-settings button[hidden]{display:none}
body.bg-reader .reader-top .brand{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);font-size:20px}
body.bg-game:has(.bw-world) .bg-hud.bv-nav{position:fixed;left:20px;right:20px;top:16px;pointer-events:auto;background:#fff8e8f5;border:1px solid #dfbd81;padding:10px 14px;box-shadow:0 4px 15px #123b4920}
body.bg-game:has(.bw-world) .bv-nav>*{background:transparent;border:0;padding:0}
body.bg-game:has(.bw-world) .bv-nav .bv-panel{background:#fff9ed;border:1px solid #d9b985;padding:10px}
@media(max-width:1100px){
 .bv-primary,.bv-account{display:none}
 .bv-mobile-destinations{display:block;border-bottom:1px solid #d9b985;padding-bottom:6px;margin-bottom:6px}
 .bv-menu{margin-left:auto}
 .bv-bottom{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));position:fixed;bottom:0;left:0;right:0;z-index:35;min-height:66px;padding:7px 8px max(7px,env(safe-area-inset-bottom,0px));background:#fff9edf7;border-top:1px solid #d9c49b;border-radius:18px 18px 0 0}
 .bv-bottom a{white-space:normal;text-align:center;font-size:12px;padding:6px 3px}
 body.bv-has-bottom{padding-bottom:calc(80px + env(safe-area-inset-bottom,0px))}
 body .bg-hud.bv-nav{margin:12px 14px 24px;min-height:54px}
 body.bg-game .bg-hud.bv-nav[data-bacavia-navigation=public]{position:fixed;top:12px;left:14px;right:14px;margin:0}
 body.bg-game:has([data-landing-page]) .bg-hud.bv-nav{position:relative;top:auto;left:auto;right:auto;margin:12px 14px 24px}
 body .bv-nav[data-bacavia-navigation=auth],body .bv-nav[data-bacavia-navigation=payment]{position:relative;top:auto;left:auto;right:auto;width:auto;margin:12px 0 24px}
 .bv-nav[data-bacavia-navigation=auth]>a:last-child{margin-left:auto}
 .bv-nav[data-bacavia-navigation=payment] .bv-context{display:none}
 .bv-nav[data-bacavia-navigation=payment]>a:last-child{margin-left:auto;white-space:normal;text-align:right}
 body.bg-reader .reader-top{padding-right:14px}
 .bv-reader-settings{margin-top:0;margin-bottom:8px}
}
@media(max-width:600px){
 body.bg-reader .reader-top .brand{font-size:16px;margin-right:auto}
 body.bg-reader .reader-top .reading-mode{display:none}
}
@media(max-width:600px){
 /* Existing checkout total otherwise pushes the page wider than the navigation. */
 body:has([data-bacavia-navigation=payment]) .total{flex-wrap:wrap}
}