/* Local HOME preview. Other screens keep their existing header and content layout. */
body[data-screen="home"]{background:#0b1813;color:#f1f5df;--green:#caff32}
body[data-screen="home"] .game-shell{max-width:1600px;background:#0b1813}
body[data-screen="home"] .topbar{height:76px;padding:0 42px;gap:24px;border-color:#dbe7c218;background:#0b1813}
body[data-screen="home"] .gi-wordmark{width:160px;height:52px}
body[data-screen="home"] .header-center{margin-right:auto;font-size:9px;letter-spacing:1.7px;color:#8faaa0}
body[data-screen="home"] .header-center .live-pulse{display:none}
body[data-screen="home"] .header-edition{border-color:#dbe7c224;color:#b5c6b5}
body[data-screen="home"] .resources{gap:9px;margin-left:auto}
body[data-screen="home"] .resource{background:transparent;border:0;padding:6px 3px;color:#f1f5df;font:700 14px 'Barlow',sans-serif}
body[data-screen="home"] .resource .icon{color:#caff32}
body[data-screen="home"] .resource.dust{color:#a8beb1}
body[data-screen="home"] .resource.dust .icon{color:#8daaa0}
body[data-screen="home"] .topbar .icon-btn{width:34px;height:34px;background:transparent;border-color:transparent;color:#95afa1}
body[data-screen="home"] .header-account{gap:8px}
body[data-screen="home"] .header-account>button{min-height:36px;padding:7px 12px;border:1px solid #dbe7c229;background:transparent;border-radius:7px;color:#f1f5df;font-size:14px;letter-spacing:.35px;box-shadow:none}
body[data-screen="home"] .header-account .account-header-signup{background:transparent;border-color:#dbe7c229;color:#a8beb1}
body[data-screen="home"] .header-account .account-user-link{max-width:182px;gap:7px;background:transparent}
body[data-screen="home"] .account-user-link small{color:#90a99d;font-size:8px}
body[data-screen="home"] .account-user-link strong{font-size:15px;color:#f1f5df}
body[data-screen="home"] .sidebar.game-nav{gap:9px;min-height:58px;padding:0 42px;background:#0b1813;border-color:#dbe7c218}
body[data-screen="home"] .game-nav .nav-item{padding:13px 12px;border-radius:0;border:0;border-bottom:2px solid transparent;box-shadow:none;background:transparent;color:#99b2a3;font-size:16px;letter-spacing:.4px}
body[data-screen="home"] .game-nav .nav-item:hover{color:#f1f5df}
body[data-screen="home"] .game-nav .nav-item.active{border-bottom-color:#caff32;color:#caff32;background:transparent;box-shadow:none}
body[data-screen="home"] .nav-badge{padding:2px 4px;background:#caff321a;color:#caff32;font-size:9px}
body[data-screen="home"] .sidebar.game-nav>.oz-nav-podcast{display:none}
body[data-screen="home"] .oz-nav-podcast .oz-nav-logo{width:32px;height:32px}
body[data-screen="home"] .oz-nav-copy strong{font-size:15px}
body[data-screen="home"] .oz-nav-copy small{display:none}
body[data-screen="home"] .main-content{padding-top:28px}
body[data-screen="home"] .topbar button:focus-visible,body[data-screen="home"] .game-nav button:focus-visible{outline:2px solid #caff32;outline-offset:3px}

/* Five direct mobile destinations. Existing duel rules still own visibility. */
.mobile-nav{border-top-color:#dbe7c223;background:#0b1813f5;box-shadow:0 -8px 30px #0003}
.mobile-nav button:focus-visible,.mobile-more-popover button:focus-visible{outline:2px solid #caff32;outline-offset:2px}
.mobile-more-popover{position:fixed;inset:auto 12px calc(82px + env(safe-area-inset-bottom)) auto;margin:0;width:min(344px,calc(100vw - 24px));max-height:calc(100dvh - 112px - env(safe-area-inset-bottom));padding:16px;overflow-y:auto;background:#11231b;color:#f1f5df;border:1px solid #dbe7c22d;border-radius:16px;box-shadow:0 20px 70px #0009;font-family:'Barlow',sans-serif}
.mobile-more-popover::backdrop{background:#030b0745}
.mobile-more-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.mobile-more-heading h2{margin:0;font:700 24px/1 'Barlow Condensed',sans-serif;letter-spacing:.2px;color:#f1f5df}
.mobile-more-heading>button{display:grid;place-items:center;flex:none;width:40px;height:40px;border:1px solid #dbe7c21f;border-radius:8px;color:#a7bdb0;background:transparent}
.mobile-more-destinations{display:grid;gap:2px}
.mobile-more-destinations>button{display:flex;align-items:center;gap:13px;min-height:52px;padding:10px 8px;border:0;border-radius:8px;text-align:left;background:transparent;color:#d5e0ce;font:600 17px 'Barlow Condensed',sans-serif}
.mobile-more-destinations>button>.icon:first-child{color:#93b3a0;flex:none}
.mobile-more-destinations>button>.icon:last-child{margin-left:auto;width:16px;height:16px;color:#749584}
.mobile-more-destinations>button.active{background:#caff3210;color:#caff32}
.mobile-more-destinations>button.active>.icon:first-child{color:#caff32}
.mobile-more-destinations>button:hover{background:#dbe7c20a}
.mobile-more-tools{display:flex;gap:8px;margin-top:12px;padding-top:14px;border-top:1px solid #dbe7c21b}
.mobile-more-tools>button{display:flex;align-items:center;justify-content:center;flex:1;gap:7px;min-height:44px;padding:8px 4px;background:transparent;border:0;border-radius:7px;font:600 13px 'Barlow',sans-serif;color:#a9c0b0}
.mobile-more-tools>button:hover{background:#dbe7c20a;color:#f1f5df}
.mobile-more-tools .icon{width:17px;height:17px;flex:none}

@media(max-width:1160px){
 body[data-screen="home"] .topbar,body[data-screen="home"] .sidebar.game-nav{padding-left:27px;padding-right:27px}
 body[data-screen="home"] .topbar{gap:18px}
 body[data-screen="home"] .header-center{display:none}
 body[data-screen="home"] .sidebar.game-nav{gap:6px}
 body[data-screen="home"] .game-nav .nav-item{padding-left:10px;padding-right:10px}
}
@media(max-width:760px){
 body[data-screen="home"] .topbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;height:68px;min-height:68px;padding:0 17px;gap:12px}
 body[data-screen="home"] .gi-wordmark{width:122px;height:46px;max-width:100%}
 body[data-screen="home"] .topbar>.resources{justify-self:end;margin:0;gap:0}
 body[data-screen="home"] .resource{font-size:12px;padding:6px 0;gap:5px}
 body[data-screen="home"] .resource .icon{width:15px;height:15px}
 body[data-screen="home"] .resources>.dust,body[data-screen="home"] .resources>.icon-btn{display:none}
 body[data-screen="home"] .topbar>.header-account{grid-column:auto;justify-content:flex-end;border:0;padding:0;gap:0;min-width:0}
 body[data-screen="home"] .header-account .account-header-signup{display:none}
 body[data-screen="home"] .header-account>button{min-height:44px;padding:7px 10px;font-size:13px;flex:none}
 body[data-screen="home"] .header-account .account-user-link{min-height:44px;max-width:104px;padding:7px 8px;justify-content:center;gap:6px}
 body[data-screen="home"] .account-user-link>span{display:block;flex:none;min-width:0}
 body[data-screen="home"] .account-user-link small,body[data-screen="home"] .account-user-link>.icon:last-child{display:none}
 body[data-screen="home"] .account-user-link strong{display:block;max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}
 body[data-screen="home"] .header-account .icon{width:15px;height:15px}
 body[data-screen="home"] .main-content{padding-top:22px}
 .mobile-nav{padding:6px 8px calc(7px + env(safe-area-inset-bottom));gap:2px}
 .mobile-nav>button{min-height:48px;padding:5px 2px;gap:4px;border:0;border-radius:8px;background:transparent;color:#90ab9b;font:700 12px 'Barlow Condensed',sans-serif;letter-spacing:.3px;text-transform:none}
 .mobile-nav>button.active{color:#caff32;background:#caff3209}
 .mobile-nav .icon{width:21px;height:21px}
 .mobile-nav>button.active .icon{background:transparent;box-shadow:none;filter:none}
 .mobile-nav>button[aria-expanded="true"]{color:#caff32}
}
@media(max-width:360px){
 body[data-screen="home"] .topbar{padding-left:12px;padding-right:12px;gap:9px}
 body[data-screen="home"] .gi-wordmark{width:106px}
 body[data-screen="home"] .header-account>button{padding-left:8px;padding-right:8px}
 body[data-screen="home"] .header-account .account-user-link{max-width:92px}
 body[data-screen="home"] .account-user-link strong{max-width:47px}
}