/* Five stable destinations. Filters stay next to search instead of taking a main tab. */
.primary-navigation{position:relative;inset:auto;transform:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:66px;width:100%;padding:5px max(18px,calc((100vw - 850px)/2));gap:7px;background:#fafaf4;border:0;border-bottom:1px solid #d8dfce;border-radius:0;box-shadow:none;z-index:1000}
.primary-navigation button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;min-height:48px;border:0;border-radius:12px;padding:5px 10px;background:transparent;color:#516a56;font:600 12px var(--sans);cursor:pointer}
.primary-navigation span{display:block;opacity:1;padding:0;font-size:inherit}.primary-navigation .nav-labels{text-align:left;line-height:1.3}.primary-navigation small{display:block;font-size:9px;font-weight:400;color:inherit;opacity:.8}
.nav-symbol{width:23px;height:23px;flex-shrink:0}.nav-symbol svg,.dialog-shortcuts svg,.menu-tile svg,.explore-filter-button svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.primary-navigation button:hover{background:#e9eedf}.primary-navigation button.active{background:#315b46;color:#fffbed}
.primary-navigation #navPlay{background:#edd390;color:#40351b;box-shadow:inset 0 0 0 1px #c4a560}.primary-navigation #navPlay:hover,.primary-navigation #navPlay.active{background:#e4bd66}
.primary-navigation #mobilePassport{display:flex;flex-direction:row;gap:8px;font-size:12px;padding:5px 10px}.primary-navigation .nav-collection-label{display:block!important;font-size:inherit!important}
.primary-navigation #navAvatar{margin:0;width:25px;height:25px}.primary-navigation #navAvatar:not([hidden])+.nav-symbol{display:none}
.workspace{height:calc(100dvh - 148px)}
.explore-search-row{display:flex;align-items:stretch;gap:8px;min-width:0}.explore-search-row .searchbox{flex:1;min-width:0}.explore-search-row .searchbox input{min-width:0;width:100%}.explore-filter-button{display:flex;align-items:center;justify-content:center;gap:6px;min-width:44px;min-height:46px;padding:8px 12px;border:1px solid #cbd6c1;border-radius:10px;background:#fffdf6;color:#345641;font:600 12px var(--sans)}.explore-filter-button svg{width:19px;height:19px}.explore-filter-button[aria-pressed=true]{background:#315b46;color:#fff}
.dialog-shortcuts{position:sticky;top:0;z-index:30;display:flex;gap:6px;background:#f8f7eff5;backdrop-filter:blur(12px);padding:6px 46px 6px 0;margin:0 0 10px;border-bottom:1px solid #d8dfce}.dialog-shortcuts button{display:flex;align-items:center;justify-content:center;gap:7px;min-height:44px;min-width:44px;border:0;border-radius:10px;padding:8px 12px;background:transparent;color:#345641;font:600 12px var(--sans);cursor:pointer}.dialog-shortcuts button:hover{background:#e9eedf}.dialog-shortcuts svg{width:19px;height:19px}.dialog-shortcuts button:last-child{margin-left:auto}
.has-navigation>.passport-toolbar{position:static!important}
#gurooGame>.dialog-shortcuts{padding:5px 16px;background:#193a2ef5;border-color:#77927c50;margin-bottom:0}#gurooGame>.dialog-shortcuts button{color:#f6efd7}#gurooGame>.dialog-shortcuts button:hover{background:#ffffff16}
#gurooGame.has-navigation .guroo-game-head{padding-top:10px}
#navigationDialog{width:560px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:22px;border:1px solid #d3dac7;border-radius:24px;background:#f8f7ef;overflow:auto;overscroll-behavior:contain;color:#294c3a}
#navigationDialog::backdrop{background:#122d23a6;backdrop-filter:blur(5px)}
.navigation-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.navigation-heading h2{font:32px var(--serif);margin:0}.navigation-heading button{width:44px;height:44px;flex-shrink:0;border:1px solid #d0d9c5;border-radius:50%;background:#fffdf6;font-size:25px;color:#365a43}
.menu-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 0 18px;min-width:0}.menu-summary>div{min-width:0}.menu-summary strong{font-size:15px;display:block;overflow-wrap:anywhere}.menu-summary small{display:block;margin-top:4px;font-size:11px;color:#6e7c65}.menu-wallet{display:flex;gap:7px;align-items:center;font-size:12px;font-weight:700;flex-shrink:0}.menu-wallet .guroo-coin{width:24px;height:24px;font-size:15px}
.menu-destinations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.menu-tile{display:flex;align-items:center;gap:12px;text-align:left;min-width:0;min-height:84px;padding:16px;border:1px solid #d4ddc8;border-radius:16px;background:#fffef8;color:#365940;cursor:pointer}.menu-tile>.nav-symbol{width:27px;height:27px}.menu-tile>span:last-child{min-width:0}.menu-tile strong{display:block;font-size:14px}.menu-tile small{display:block;font-size:11px;font-weight:400;line-height:1.45;color:#718069;margin-top:5px}.menu-tile:hover{border-color:#6c8b70;background:#eef2e5}.menu-tile.menu-play{background:#294e3c;border-color:#294e3c;color:#f9edc7}.menu-play small{color:#ddd0a5}.menu-play:hover{background:#35614b}
.menu-secondary{margin-top:18px;padding-top:18px;border-top:1px solid #d6ddcc;gap:8px}.menu-secondary .menu-tile{min-height:60px;padding:12px;border-radius:12px}.menu-secondary .menu-tile strong{font-size:12px}.menu-secondary .nav-symbol{width:21px;height:21px}.menu-footer{display:flex;flex-wrap:wrap;gap:4px 12px;padding-top:15px}.menu-footer button{min-height:44px;border:0;background:transparent;color:#61715b;padding:6px;font:12px var(--sans);text-decoration:underline;text-underline-offset:4px}
.primary-navigation button:focus-visible,.dialog-shortcuts button:focus-visible,#navigationDialog button:focus-visible,.explore-filter-button:focus-visible{outline:3px solid #be843e;outline-offset:2px}
@media(max-height:800px) and (min-width:761px){.workspace{height:calc(100dvh - 136px)}}
@media(max-width:760px){
 :root{--mobile-nav:calc(70px + env(safe-area-inset-bottom,0px))}
 .primary-navigation{position:fixed;inset:auto 0 0;width:100%;height:var(--mobile-nav);grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:5px 6px calc(5px + env(safe-area-inset-bottom,0px));border:0;border-top:1px solid #d0dac5;box-shadow:0 -5px 22px #233e3010;z-index:1200}
 .primary-navigation button,.primary-navigation #mobilePassport{display:flex;flex-direction:column;gap:3px;min-height:58px;height:58px;padding:4px 2px;border-radius:12px;font-size:10px;line-height:1.2}.primary-navigation .nav-labels{text-align:center}.primary-navigation .nav-symbol{height:23px;width:23px}.primary-navigation small{display:none!important}.primary-navigation .nav-collection-label{font-size:10px!important}
 .primary-navigation #mobileLevel{display:block!important;font-size:8px;line-height:1.1;margin:1px 0 0}
 .workspace{height:calc(100dvh - var(--mobile-header) - var(--mobile-nav))}
 .explore-filter-button{padding:8px 10px}.explore-filter-button>span:last-child{display:none}
 .dialog-shortcuts{gap:2px;padding-right:44px}.dialog-shortcuts button{padding:7px 9px;font-size:11px;gap:5px}.dialog-shortcuts button:last-child{margin-left:0}
 #gurooGame>.dialog-shortcuts{padding:3px 12px}.dialog-shortcuts~.passport-toolbar{padding-top:0}
 #navigationDialog{width:100%;max-width:100%;max-height:calc(100dvh - max(12px,env(safe-area-inset-top,0px)));margin:auto 0 0;padding:18px 18px calc(18px + env(safe-area-inset-bottom,0px));border-radius:24px 24px 0 0;border-bottom:0}
 .navigation-heading h2{font-size:28px}.menu-summary{padding:10px 0 16px}.menu-tile{padding:13px;gap:10px;min-height:82px}.menu-tile strong{font-size:13px}.menu-tile small{font-size:10px}.menu-secondary{margin-top:14px;padding-top:14px}.menu-footer{padding-top:8px}
}
@media(prefers-reduced-motion:no-preference){#navigationDialog[open]{animation:navigation-in .18s ease-out}@keyframes navigation-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}}