.mobile-tabs,.mobile-more{display:none}
.mobile-menu{width:min(420px,calc(100% - 32px));border:1px solid #d5dfda;border-radius:20px;padding:20px;color:#103d30}.mobile-menu::backdrop{background:#103d3066}.mobile-menu>button{float:inline-end}.mobile-menu h2{font-size:22px;margin:8px 0 24px}.mobile-menu>a{display:block;margin:10px 0;padding:14px;text-decoration:none;min-height:48px}
.directory-personal-link{text-decoration:none;display:inline-flex;align-items:center;min-height:44px}.directory-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.directory-availability{font-size:13px;background:#edf5e7;color:#174a31;border-radius:999px;padding:5px 9px}.game-return{display:inline-flex;align-items:center;min-height:44px;margin-bottom:6px;text-decoration:none}.game-registration-feedback{padding:14px;background:#edf5e7;border:1px solid #cee0bc;border-radius:12px;margin:12px 0;scroll-margin-bottom:180px}.game-registration-feedback:empty{display:none}
@media(max-width:700px){
 body.has-mobile-tabs{--mobile-tab-height:64px;padding-bottom:var(--mobile-tab-height);}
 .mobile-menu[open]{position:fixed;inset:auto 8px calc(var(--mobile-tab-height) + 8px);z-index:35;width:auto;max-width:none;max-height:calc(100dvh - var(--mobile-tab-height) - 24px);margin:0;padding:8px;display:grid;grid-template-columns:minmax(0,1fr);gap:6px;border-radius:16px;background:#fff;box-shadow:0 -4px 24px #103d3020;overflow:auto;animation:mobile-menu-up .16s ease-out}
 .mobile-menu>button,.mobile-menu h2{display:none}.mobile-menu>a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:48px;margin:0;padding:10px 6px;font-size:14px;text-align:center;white-space:normal;overflow-wrap:anywhere}
 .mobile-tabs{position:fixed;inset:auto 0 0;z-index:30;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));background:#fff;border-top:1px solid #d5dfda;padding:6px 6px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -3px 16px #103d300a}
 .mobile-tabs :is(a,button){border:0;background:transparent;font-family:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:52px;min-width:0;padding:3px;color:#64756c;text-decoration:none;border-radius:12px;font-size:12px;text-align:center;line-height:1.2;overflow-wrap:anywhere}.mobile-tabs svg{width:23px;height:23px;flex-shrink:0}.mobile-tabs [aria-current=page]{color:#075438;background:#eef6e7;font-weight:700}.mobile-tabs :is(a,button):focus-visible{outline:2px solid #075438;outline-offset:-2px}
 body.has-mobile-tabs .home-primary-row{display:none}body.has-mobile-tabs .mobile-more{display:inline-flex;align-items:center;justify-content:center;min-height:44px}
 body.has-mobile-tabs .nav.home-nav,body.has-mobile-tabs .nav.home-nav.has-header-city{grid-template-columns:56px minmax(0,1fr);gap:8px;padding:10px 12px}body.has-mobile-tabs .nav.home-nav.has-header-city{grid-template-columns:56px minmax(0,1fr) auto;gap:8px}
 body.has-mobile-tabs .home-nav .brand-link.home-logo{width:56px;height:56px}body.has-mobile-tabs .home-account-row{gap:6px;flex-wrap:wrap;justify-content:flex-end}body.has-mobile-tabs .home-nav .ghost-btn,body.has-mobile-tabs .home-nav .primary-btn{font-size:13px;min-height:44px;padding:9px 10px}body.has-mobile-tabs .home-nav .language-quick{width:88px;font-size:13px;min-height:44px}body.has-mobile-tabs .city-bar{grid-column:1/-1;width:100%;justify-self:stretch}body.has-mobile-tabs .has-header-city .home-account-row{max-width:none}
 body.has-mobile-tabs .has-header-city>.home-logo{grid-row:1;grid-column:1}body.has-mobile-tabs .has-header-city .home-account-row{grid-row:1;grid-column:3}body.has-mobile-tabs .has-header-city>.city-bar{grid-row:1;grid-column:2;width:100%;max-width:none;min-width:0}body.has-mobile-tabs .has-header-city .city-trigger{font-size:14px;padding:10px 12px;min-height:44px}
 body.has-mobile-tabs .game-mobile-join{bottom:var(--mobile-tab-height);padding:10px 12px;z-index:25}body.has-mobile-tabs .game-page:has(.game-mobile-join){padding-bottom:105px}body.has-mobile-tabs .profile-save-bar{bottom:var(--mobile-tab-height);padding-bottom:10px}
 body.has-mobile-tabs .hero{padding:22px 18px}body.has-mobile-tabs .hero h1{font-size:clamp(26px,7vw,36px);line-height:1.15}body.has-mobile-tabs .hero .eyebrow{font-size:11px}body.has-mobile-tabs .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}body.has-mobile-tabs .hero-actions>a,body.has-mobile-tabs .hero-actions>button{min-height:46px;text-align:center;display:flex;justify-content:center;align-items:center;padding:10px}
 body.has-mobile-tabs .directory-heading{align-items:flex-start;flex-wrap:wrap}body.has-mobile-tabs .directory-heading .actions{flex-wrap:wrap}body.has-mobile-tabs .directory-list .cards{grid-template-columns:1fr;gap:12px}body.has-mobile-tabs .directory-list .game-card{padding:16px}body.has-mobile-tabs .directory-list .game-card h3{font-size:20px;margin:10px 0}.directory-card-meta{justify-content:space-between}body.has-mobile-tabs .directory-list .game-card>.ghost-btn{width:100%;min-height:44px;text-align:center;margin-top:8px}
 body.has-mobile-tabs #pageMessage{scroll-margin-bottom:170px}body.has-mobile-tabs #myGames{scroll-margin-top:12px}body.has-mobile-tabs input,body.has-mobile-tabs select{font-size:16px}
 body.has-mobile-tabs .game-facts>div{order:5}body.has-mobile-tabs .game-facts>div:nth-child(1){order:1}body.has-mobile-tabs .game-facts>div:nth-child(2){order:2}body.has-mobile-tabs .game-facts>div:nth-child(6){order:3}body.has-mobile-tabs .game-facts>div:nth-child(7){order:4}
}
@keyframes mobile-menu-up{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.mobile-menu[open]{animation:none}}

.directory-my-games-guest{padding:14px 16px;background:#edf5e7;border:1px solid #d5dfda;border-radius:16px;margin:8px 0 20px}.directory-my-games-guest h2{font-size:20px;margin:0}.directory-my-games-guest p{margin:4px 0 0;font-size:14px;color:#61736b}.directory-my-games-guest a{text-decoration:none;color:#075438}.game-page #pageContent>#myGames{margin:8px 0 24px}

header #logoutBtn,header #profileLogoutBtn,header .header-logout-retired{display:none!important}
.settings-gear{display:flex;align-items:center;justify-content:center;width:44px;height:44px;margin-left:auto;color:#075438}.settings-gear svg{width:25px;height:25px}
.hub-tabs{display:flex;gap:8px;margin:8px 0 16px}.hub-tabs a{padding:12px 20px;border-radius:22px;text-decoration:none;color:#075438;background:white;min-height:44px;box-sizing:border-box}.hub-tabs [aria-current=page]{background:#c2f229;font-weight:700}
.home-account-row .notification-ball{position:relative;flex-shrink:0;min-width:44px}.home-account-row .notification-ball span{display:none}.notification-ball.has-unread:after{content:'';width:8px;height:8px;border-radius:50%;background:#d73440;position:absolute;top:5px;right:5px}

#modalLogoutBtn{display:none!important}


.nav-popover{display:none}
@media(min-width:0px){
 body.nav-language-ready header #languageBtn,body.nav-language-ready header .nav-language{display:none}
 .mobile-tabs [data-nav=create]{background:#c4f32b;color:#075438;font-weight:700}
 .mobile-tabs [data-nav]{position:relative}
 .mobile-tabs .nav-unread:after{content:'';position:absolute;top:3px;right:calc(50% - 17px);width:8px;height:8px;background:#ca263d;border:2px solid white;border-radius:50%}
 .nav-popover[open]{position:fixed;inset:auto auto auto 8px;z-index:35;display:flex;flex-direction:column;width:max-content;max-width:calc(100vw - 16px);margin:0;padding:4px;gap:0;box-sizing:border-box;border:1px solid #d5dfda;border-bottom:0;border-radius:12px 12px 0 0;background:white;color:#075438;box-shadow:0 -4px 20px #103d3020;overflow:auto;overscroll-behavior:contain}
 .nav-popover>a{display:flex;align-items:center;gap:8px;flex-shrink:0;min-height:44px;margin:0;padding:8px 6px;box-sizing:border-box;border:0;border-radius:8px;background:transparent;box-shadow:none;color:#075438;text-decoration:none;font-family:inherit;font-size:14px;font-weight:500;line-height:1.25;text-align:start;white-space:nowrap}
 .nav-popover>a:hover{background:#eef6e7}
 .nav-popover>a:focus-visible{outline:2px solid #075438;outline-offset:-2px}
 .nav-popover .nav-menu-icon{width:18px;height:18px;flex:0 0 18px;font-size:20px;line-height:18px;text-align:center}
 .nav-popover .nav-identity{max-width:245px;border-bottom:1px solid #e6ece5;border-radius:0;padding-bottom:10px;margin-bottom:2px;white-space:normal}
 .nav-identity strong,.nav-identity small{display:block;overflow-wrap:anywhere}
 .nav-identity small{font-size:12px;margin-top:4px;color:#61736b}
 .nav-avatar{width:36px;height:36px;flex:0 0 36px;border-radius:50%;overflow:hidden;background:#eef6e7;display:grid;place-items:center;font-weight:700}
 .nav-avatar img{width:100%;height:100%;object-fit:cover}
 .mobile-tabs [aria-expanded=true]{background:#eef6e7;color:#075438}
 .mobile-tabs [data-nav=create][aria-expanded=true]{background:#c4f32b}
}

@media(min-width:0px){body.nav-v11 .notification-ball.has-unread:not(.has-other-unread):after{display:none}}

@media(min-width:0px){body.nav-v11 .notification-ball.has-unread:not(.has-other-unread){color:#78ac19!important}}

@media(min-width:0px){
 .nav-popover>[hidden],.nav-language-options[hidden]{display:none!important}
 .nav-language-options{min-width:150px}
 .nav-language-options button{display:block;width:100%;min-height:44px;padding:10px 12px;border:0;border-radius:8px;background:white;color:#075438;text-align:start;font:inherit;font-size:14px;cursor:pointer}
 .nav-language-options button[aria-selected=true]{background:#c4f32b;font-weight:700}
 .nav-language-options button:focus-visible{outline:2px solid #075438;outline-offset:-2px}
}

.nav-language-options button[value="help-translate"]{color:#8b1e2d;font-weight:600}

/* Shared navigation on tablet and desktop; retain wide page content. */
@media(min-width:701px){
 body.has-mobile-tabs{--mobile-tab-height:76px;padding-bottom:calc(var(--mobile-tab-height) + 16px)}
 .mobile-tabs{position:fixed;inset:auto auto 0 50%;transform:translateX(-50%);z-index:30;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:min(640px,calc(100% - 32px));box-sizing:border-box;background:#fff;border:1px solid #d5dfda;border-bottom:0;border-radius:18px 18px 0 0;padding:6px 8px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -3px 20px #103d3015}
 .mobile-tabs :is(a,button){border:0;background:transparent;font-family:inherit;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:56px;min-width:0;padding:4px;color:#64756c;text-decoration:none;border-radius:12px;font-size:13px;text-align:center;line-height:1.2}
 .mobile-tabs svg{width:24px;height:24px;flex-shrink:0}.mobile-tabs [aria-current=page]{color:#075438;background:#eef6e7;font-weight:700}.mobile-tabs :is(a,button):focus-visible{outline:2px solid #075438;outline-offset:-2px}
 .mobile-tabs [data-nav=create]{background:#c4f32b;color:#075438;font-weight:700}.mobile-tabs [aria-expanded=true]{background:#eef6e7;color:#075438}
 body.has-mobile-tabs .home-primary-row{display:none}
 body.has-mobile-tabs .profile-save-bar{bottom:var(--mobile-tab-height)}
 body.has-mobile-tabs .game-mobile-join{bottom:var(--mobile-tab-height)}
}

/* Mouse/trackpad desktops use top navigation; touch tablets retain the bottom dock. */
@media(min-width:1200px) and (hover:hover) and (pointer:fine){
 body.has-mobile-tabs{padding-top:76px;padding-bottom:16px}
 .mobile-tabs{inset:0 auto auto 50%;border-top:0;border-bottom:1px solid #d5dfda;border-radius:0 0 18px 18px;padding:6px 8px;box-shadow:0 3px 20px #103d3015}
 .mobile-tabs :is(a,button){flex-direction:row;gap:8px;font-size:14px}
 .nav-popover[open]{border-top:0;border-bottom:1px solid #d5dfda;border-radius:0 0 12px 12px;box-shadow:0 4px 20px #103d3020}
}

@media(min-width:1200px) and (hover:hover) and (pointer:fine){
 body.has-mobile-tabs{padding-top:0}
 header.nav.desktop-nav-header{position:static!important;display:flex!important;align-items:center;gap:16px;flex-wrap:nowrap}
 .desktop-nav-header>.home-logo{order:1;flex:0 0 80px;width:80px;height:80px}
 .desktop-nav-header>.city-bar{order:2;flex:0 1 210px;width:210px;min-width:130px;margin:0}
 .desktop-nav-header>.mobile-tabs{order:3;position:static;inset:auto;transform:none;flex:1 1 500px;width:auto;max-width:640px;min-width:400px;border:0;border-radius:12px;padding:4px;background:transparent;box-shadow:none}
 .desktop-nav-header>.home-nav-right{display:flex;order:4;flex:0 0 auto;width:auto;margin:0}
 .desktop-nav-header .home-account-row{flex-wrap:nowrap}
 .desktop-nav-header .mobile-tabs :is(a,button){min-height:48px}
}

/* Horizontal brand mark shares the city / notifications row. */
body.has-mobile-tabs header.nav.header-wordmark{grid-template-columns:132px minmax(0,1fr);align-items:center}
body.has-mobile-tabs header.nav.header-wordmark.has-header-city{grid-template-columns:132px minmax(0,1fr) auto}
body.has-mobile-tabs header.nav.header-wordmark>.brand-link{width:132px;height:44px;flex:0 0 132px;background:transparent;border-radius:0;overflow:visible;grid-row:1}
body.has-mobile-tabs header.nav.header-wordmark>.brand-link img{display:block;width:100%;height:100%;object-fit:contain;transform:none}
@media(min-width:1200px) and (hover:hover) and (pointer:fine){body.has-mobile-tabs header.nav.header-wordmark>.brand-link{width:144px;height:48px;flex-basis:144px}}
@media(max-width:359px){body.has-mobile-tabs header.nav.header-wordmark.has-header-city{grid-template-columns:120px minmax(0,1fr) auto;gap:6px}body.has-mobile-tabs header.nav.header-wordmark>.brand-link{width:120px;flex-basis:120px}}