/* Gelli Belle unified, TEST-only global navigation. Isolated from the site-specific experiences. */
#gb-unified-nav {box-sizing:border-box; width:100%; position:sticky; top:0; z-index:2147480000; isolation:isolate; background:rgba(255,250,241,.97); color:#173955; border-bottom:1px solid rgba(29,65,85,.12); box-shadow:0 7px 28px rgba(22,38,54,.08); -webkit-backdrop-filter:blur(16px); backdrop-filter:blur(16px); font-family:'Fredoka','DM Sans',system-ui,sans-serif; }
#gb-unified-nav *, #gb-unified-nav *:before, #gb-unified-nav *:after {box-sizing:border-box}
#gb-unified-nav .gb-nav-row {min-height:76px; max-width:1540px; margin:auto; padding:11px clamp(18px,3vw,52px); display:flex; align-items:center; gap:28px; justify-content:space-between}
#gb-unified-nav .gb-nav-brand {display:flex; flex-direction:column; flex:none; gap:0; color:#173955; text-decoration:none; font-size:27px; font-weight:700; letter-spacing:-.055em; line-height:1}
#gb-unified-nav .gb-nav-brand em{color:#42a9c7;font-style:normal}
#gb-unified-nav .gb-nav-brand small{font-size:8px; color:#53768a; letter-spacing:.16em; font-weight:700; margin-top:5px; white-space:nowrap}
#gb-unified-nav .gb-nav-links {display:flex;align-items:center; gap:5px; margin-left:auto}
#gb-unified-nav .gb-nav-links a{color:#213d54; font-size:14px; font-weight:600; letter-spacing:.003em; padding:11px 16px; border-radius:40px; text-decoration:none; white-space:nowrap; border:1px solid transparent; transition:background .2s,transform .2s,box-shadow .2s; line-height:1.25}
#gb-unified-nav .gb-nav-links a:hover{background:#e4f2f3; color:#114861;transform:translateY(-1px)}
#gb-unified-nav .gb-nav-links a[aria-current=page]{background:#e7f0ee;border-color:#c7ddd8;color:#103d4e}
#gb-unified-nav .gb-nav-links a.gb-nav-cta{background:#eed7a6;border:1px solid #e4c98e; color:#173955; margin-left:7px;box-shadow:0 3px 12px rgba(120,89,40,.09)}
#gb-unified-nav .gb-nav-links a.gb-nav-cta:hover{background:#f8e5ba;box-shadow:0 6px 14px rgba(120,89,40,.15)}
#gb-unified-nav .gb-nav-toggle{display:none; flex:none; background:#fff9ef; color:#163950; border:1px solid #d9d7cb; border-radius:14px; padding:10px 13px; min-height:42px; font-size:20px; cursor:pointer}
#gb-unified-nav a:focus-visible,#gb-unified-nav button:focus-visible{outline:3px solid #0b86aa; outline-offset:3px}
#gb-unified-nav .gb-subnav{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;padding:0 18px 10px;margin-top:-3px;}
#gb-unified-nav .gb-subnav a{font-size:12px;font-weight:600;padding:5px 10px;color:#45677b;text-decoration:none;border-radius:20px;}
#gb-unified-nav .gb-subnav a:hover{background:#edf5f3}
body.gb-unav-enabled > header.site-header,
body.gb-unav-enabled > header.header,
body.gb-unav-enabled > header.dl-header,
body.gb-unav-enabled > header.site-nav,
body.gb-unav-enabled > nav.dl-mobile-nav,
body.gb-unav-enabled > nav.mobile-links {display:none !important;}
html.gb-unav-present{scroll-padding-top:105px}
@media(max-width:900px){
 #gb-unified-nav .gb-nav-row{min-height:65px; flex-wrap:wrap;gap:12px;padding:10px 18px}
 #gb-unified-nav .gb-nav-brand{font-size:25px}
 #gb-unified-nav .gb-nav-toggle{display:block;margin-left:auto}
 #gb-unified-nav .gb-nav-links{display:none;width:100%;order:5;flex-direction:column;align-items:stretch;gap:4px;padding:6px 0 12px}
 #gb-unified-nav .gb-nav-links.gb-nav-open{display:flex}
 #gb-unified-nav .gb-nav-links a{padding:13px 16px;min-height:44px}
 #gb-unified-nav .gb-nav-links a.gb-nav-cta{margin-left:0}
 #gb-unified-nav .gb-subnav{padding-bottom:8px}
}
@media(prefers-reduced-motion:reduce){#gb-unified-nav *{transition:none!important}}

/* v3.9.7.1: App destinations only. Home remains a splash page, reached by logo. */
#gb-unified-nav .gb-nav-explore {position:relative;flex:none}
#gb-unified-nav .gb-nav-explore-button {border:1px solid rgba(31,70,89,.18);border-radius:999px;background:#fff6e8;color:#183c52;padding:11px 18px;font:600 14px/1.25 'Fredoka','DM Sans',system-ui,sans-serif;cursor:pointer;min-height:43px;transition:background .2s,transform .2s}
#gb-unified-nav .gb-nav-explore-button::after{content:'⌄';display:inline-block;margin-left:10px;transition:transform .2s}
#gb-unified-nav .gb-nav-explore-button[aria-expanded=true]::after{transform:rotate(180deg)}
#gb-unified-nav .gb-nav-explore-button:hover{background:#e5f2ed;transform:translateY(-1px)}
#gb-unified-nav .gb-nav-explore-panel{position:absolute;z-index:30;left:0;top:calc(100% + 8px);width:230px;padding:8px;background:#fffdf8;box-shadow:0 17px 40px rgba(13,48,65,.2);border:1px solid #dae4de;border-radius:17px;display:flex;flex-direction:column;gap:2px}
#gb-unified-nav .gb-nav-explore-panel[hidden]{display:none!important}
#gb-unified-nav .gb-nav-explore-panel a{display:block;border-radius:10px;padding:11px 13px;font-size:13px}
#gb-unified-nav .gb-nav-explore-button:focus-visible{outline:3px solid #0b86aa;outline-offset:3px}
#gb-app-sticker {position:fixed;z-index:2147477000;right:18px;bottom:92px;display:flex;align-items:center;gap:9px;padding:11px 15px 11px 12px;border:2px solid #fff3d4;border-radius:17px 18px 18px 7px;background:linear-gradient(135deg,#fff0be 0%,#eac983 75%,#d9ae63 100%);box-shadow:0 9px 0 -5px rgba(107,74,28,.3),0 12px 25px rgba(45,30,18,.23);color:#153951;text-decoration:none;font-family:'Fredoka','DM Sans',system-ui,sans-serif;transform:rotate(-3deg);transition:transform .24s,box-shadow .24s;max-width:160px}
#gb-app-sticker .gb-sticker-star{display:grid;place-items:center;width:30px;height:30px;flex:none;border-radius:50%;background:#183f53;color:#ffe7a8;font-size:18px}
#gb-app-sticker .gb-sticker-copy{display:flex;flex-direction:column;gap:1px;line-height:1.05}
#gb-app-sticker .gb-sticker-copy small{font-size:8px;font-weight:800;letter-spacing:.12em;white-space:nowrap}
#gb-app-sticker .gb-sticker-copy strong{font-size:13px;font-weight:800;white-space:nowrap}
#gb-app-sticker:hover,#gb-app-sticker:focus-visible{transform:rotate(0deg) translateY(-4px) scale(1.03);box-shadow:0 16px 28px rgba(45,30,18,.25)}
#gb-app-sticker:focus-visible{outline:3px solid #1680a3;outline-offset:3px}
#gb-app-sticker[hidden]{display:none!important}
body:has(#gbInstallOverlay:not([hidden])) #gb-app-sticker{display:none}
@media(max-width:900px){
 #gb-unified-nav .gb-nav-explore{width:100%}
 #gb-unified-nav .gb-nav-explore-button{width:100%;text-align:left;min-height:44px}
 #gb-unified-nav .gb-nav-explore-panel{position:static;width:100%;box-shadow:none;padding:4px 4px 4px 14px;margin-top:4px}
 #gb-app-sticker{right:12px;bottom:94px;padding:9px 11px;max-width:137px}
 #gb-app-sticker .gb-sticker-star{width:26px;height:26px}
 #gb-app-sticker .gb-sticker-copy strong{font-size:12px}
}
@media(prefers-reduced-motion:reduce){#gb-app-sticker,#gb-unified-nav .gb-nav-explore-button{transition:none!important}}

/* V3.9.8: Hide legacy duplicate top-level headers; keep game/Studio section controls. */
body.gb-unav-enabled > header.music-header,
body.gb-unav-enabled > header.top,
body.gb-unav-enabled > nav.mobile-nav,
body.gb-unav-enabled > nav#mobileNav {display:none!important;}
/* Keep the install sticker outside media and onscreen mobile system bars. */
@media(max-width:640px){#gb-app-sticker{bottom:calc(94px + env(safe-area-inset-bottom));right:calc(12px + env(safe-area-inset-right));}}

#gb-unified-nav .gb-nav-playhouse-active{background:#e7f0ee;border-color:#c7ddd8}