/* Navigation owns its breakpoints, independently of the older game styles. */
:root{--header-height:76px}
html{scroll-padding-top:150px}
.site-header{height:var(--header-height);padding:0 max(24px,calc((100vw - 1360px)/2 + 48px));gap:20px}
.site-header .header-actions{margin-left:auto;gap:10px}
.site-header .app-menu{display:inline-flex;align-items:center;justify-content:center;gap:9px;flex:none;min-height:44px;padding:10px 15px;border:1px solid #B9D1CB;border-radius:8px;background:#E9F1EB;color:#275D61;font-size:13px;font-weight:650}
.site-header .app-menu:hover{background:#DCEBE3;border-color:#2C7377}
.app-navigation{display:block;position:sticky;top:var(--header-height);z-index:29;background:#FFFDF9;border-bottom:1px solid #D9E4DE}
.app-navigation-inner{display:flex;align-items:center;gap:6px;max-width:1360px;min-height:58px;padding:6px 48px;margin:auto;overflow-x:auto;scrollbar-width:thin;scrollbar-color:#B9D1CB transparent}
.app-navigation .app-nav-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 14px;flex:none;border:1px solid transparent;border-radius:8px;color:#3E6565;font-size:13px;font-weight:550;white-space:nowrap}
.app-navigation .app-nav-link:hover{color:#245E62;background:#EDF3EB;border-color:#D9E4DE}
.app-navigation .app-nav-link.active{color:#FFFFFF;background:#2C7377;border-color:#2C7377}
.app-navigation .app-nav-link svg{flex:none}
.all-pages-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.all-pages-menu>a{display:flex;align-items:center;gap:12px;min-height:80px;padding:15px;border:1px solid #D9E4DE;border-radius:9px;background:#FFFDF9;color:#275D61}
.all-pages-menu>a>svg{flex:none}
.all-pages-menu>a>svg:last-child{width:16px;margin-left:auto}
.all-pages-menu>a>span{min-width:0;display:grid;gap:5px}
.all-pages-menu strong{font-size:14px;font-weight:650}
.all-pages-menu small{font-size:11px;color:#52716F;line-height:1.5}
.all-pages-menu>a:hover,.all-pages-menu>a[aria-current=page]{border-color:#2C7377;background:#EAF2EA;color:#245E62}
.menu-tools{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;padding-top:20px;border-top:1px solid #D9E4DE}
.menu-tools .button{flex:1;white-space:nowrap}
.home-shortcuts{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:21px 0 5px}
.home-shortcuts>a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:9px 12px;border:1px solid #B9D1CB;border-radius:8px;background:#FFFDF5F0;color:#275D61;font-size:12px;font-weight:600;white-space:nowrap}
.home-shortcuts>a:hover{background:#E5F0E6;border-color:#2C7377;color:#245E62}
.drz-hero-inner{min-height:730px}
.mission-card .mission-action{display:inline-flex;width:100%;margin-top:20px;justify-content:center;font-size:13px}
.mission-card .mission-status{flex-wrap:wrap}
.drz-journey-home .button{margin-top:12px;align-self:flex-start}
.profile-mission-link .button{width:100%;justify-content:space-between}
.page-back{display:inline-flex;align-items:center;gap:8px;min-height:44px;background:#FFFFFF;color:#275D61;border-color:#B9D1CB}
.page-back:hover{background:#EAF2EA;color:#245E62;border-color:#2C7377}
.button.secondary:hover,.filter:hover{background:#EAF2EA;color:#245E62;border-color:#2C7377}
.button:disabled{opacity:.6}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #2C7377;outline-offset:3px}
.mobile-tabs{grid-template-columns:repeat(5,minmax(0,1fr))}
.mobile-tabs>a{min-height:50px;color:#3E6565;font-size:11px;font-weight:550}
.mobile-tabs>a.active{color:#FFFFFF;background:#2C7377}
.playing .site-header{height:72px}
@media(max-width:1020px){.site-header{padding-left:24px;padding-right:24px}.app-navigation-inner{padding-left:24px;padding-right:24px}.site-header .points-pill{display:none}}
@media(max-width:800px){:root{--header-height:70px}.app-navigation-inner{padding-left:16px;padding-right:16px}.app-navigation .app-nav-link{padding-left:12px;padding-right:12px}.drz-hero-inner{min-height:760px}.site-header{padding-left:20px;padding-right:20px}.site-header .brand .brand-name{font-size:20px}.site-header .brand-name small{display:none}.site-header .header-actions{gap:8px}.site-header .app-menu{padding-left:12px;padding-right:12px}}
@media(max-width:600px){:root{--header-height:64px}.site-header{padding-left:12px;padding-right:12px;gap:8px}.site-header .brand{gap:6px}.site-header .brand .brand-mark{width:30px;height:30px}.site-header .brand .brand-name{display:block;font-size:16px;letter-spacing:.07em}.site-header .header-actions{gap:6px}.site-header .wallet-button{font-size:11px;min-height:44px;padding:9px 10px}.site-header .app-menu{padding:9px 10px;gap:6px;font-size:12px}.site-header .app-menu svg{width:18px}.site-header .x-button{display:none}.app-navigation-inner{min-height:54px;gap:3px;padding:5px 12px}.app-navigation .app-nav-link{font-size:12px;padding:8px 11px}.app-navigation .app-nav-link svg{width:16px;height:16px}.all-pages-menu{grid-template-columns:1fr}.all-pages-menu>a{min-height:66px;padding:13px}.home-shortcuts{gap:7px;margin-top:19px}.home-shortcuts>a{padding:9px 10px;font-size:11px}.drz-hero-inner{min-height:860px}.mobile-tabs{display:grid;padding-left:6px;padding-right:6px}.mobile-tabs>a{font-size:10px;gap:5px;padding:5px 2px}.playing .mobile-tabs{display:none}.playing .site-header{height:64px}.playing .site-header .brand-name{display:none}html{scroll-padding-top:130px}}
@media(max-width:360px){.site-header{gap:5px;padding-left:10px;padding-right:10px}.site-header .brand .brand-name{font-size:14px}.site-header .brand .brand-mark{width:25px;height:25px}.site-header .wallet-button{font-size:10px;padding-left:8px;padding-right:8px}.site-header .app-menu{gap:4px;padding-left:8px;padding-right:8px}.home-shortcuts{gap:6px}.home-shortcuts>a{padding-left:8px;padding-right:8px}}