.trapper-nav{display:flex;gap:8px;overflow:visible;position:sticky;top:0;background:#101a21f5;z-index:20;padding:10px 0;margin:0 0 24px;border-bottom:1px solid #34464b}.trapper-nav>button,.trapper-nav>.nav-category{flex:1;min-width:0}.trapper-nav button{display:flex;align-items:center;justify-content:center;gap:8px;min-height:52px;border:1px solid #34464b;background:#1b2932;color:#e6efea;border-radius:12px;font-size:14px;padding:9px 12px}.nav-category{position:relative}.nav-category>button{width:100%}.trapper-nav [data-nav-route=capture]{background:#edb070;border-color:#edb070;color:#302216}.trapper-nav .active{border-color:#d6fa72;background:#304333;color:#e8f9c5}.nav-drawer{position:absolute;right:0;top:calc(100% + 8px);width:240px;background:#172630;border:1px solid #57716d;border-radius:16px;padding:12px;box-shadow:0 16px 50px #0008;line-height:1.4}.nav-drawer>strong{display:block;padding:4px 8px 10px;color:#c4d3ca}.nav-drawer button{width:100%;justify-content:flex-start;margin-bottom:6px}.nav-drawer[hidden],.trapper-nav [hidden]{display:none!important}.trapper-nav button:focus-visible{outline:3px solid #ffe0a0;outline-offset:3px}
.hub-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0}.hub-card{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;text-align:left;border:1px solid #475d60;border-radius:20px;background:#182831;color:#edf5ed;padding:24px;min-height:180px;text-decoration:none}.hub-card>span{font-size:34px}.hub-card strong{font-size:23px}.hub-card small{color:#bccfc7;font-size:13px}.hub-card.hub-capture{grid-column:1/-1;min-height:170px;background:linear-gradient(110deg,#efb479,#f1ce99);color:#302218}.hub-capture small{color:#65442c}.hub-portraits{display:flex;gap:4px;min-height:46px}.hub-portraits img{width:46px;height:46px;object-fit:contain;border-radius:10px;background:#233940}.hub-strip{display:flex;gap:12px;flex-wrap:wrap;margin:14px 0}.hub-strip a,.hub-continue{display:flex;align-items:center;gap:12px;background:#24372e;border:1px solid #617b55;border-radius:14px;color:#e8f5dc;padding:16px 20px;text-decoration:none}.hub-continue strong{display:block}.hub-continue small{display:block;color:#bed1b8;margin-top:4px}.hub-wallet{font-size:14px;color:#bdcec5}.hub-wallet strong{color:#d6fa72}.hub-grid button:hover,.hub-grid a:hover{filter:brightness(1.08)}.hub-continue[hidden],.hub-strip [hidden]{display:none}.player-home .player-heading h1{margin-top:10px}.player-home .player-heading{margin-bottom:20px}
@media(max-width:700px){body{padding-bottom:calc(88px + env(safe-area-inset-bottom))}.trapper-nav{position:fixed;top:auto;bottom:0;left:0;right:0;margin:0;padding:8px 8px calc(8px + env(safe-area-inset-bottom));gap:5px;border-top:1px solid #445955;border-bottom:0}.trapper-nav button{flex-direction:column;gap:4px;font-size:10px;min-height:58px;padding:6px 2px}.trapper-nav button>span:first-child{font-size:21px}.trapper-nav small{display:none}.nav-drawer{position:fixed;left:10px;right:10px;width:auto;top:auto;bottom:calc(82px + env(safe-area-inset-bottom));padding:16px}.nav-drawer button{flex-direction:row;justify-content:flex-start;font-size:16px;padding:12px;gap:14px}.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.hub-card{padding:18px;min-height:150px}.hub-card strong{font-size:20px}.hub-card.hub-capture{min-height:160px}.hub-portraits img{width:34px;height:34px}.player-home{padding-top:24px}}

.capture-entry{background:#edb070!important;color:#302216!important;border-color:#edb070!important}
.trapper-nav [data-nav-route=capture].active{background:#f5c690;border-color:#ffe0a0;color:#302216;box-shadow:inset 0 0 0 1px #fff0ca66}
@media(min-width:701px){#mainNavigation{position:sticky;top:0;z-index:20}.trapper-nav{position:relative;top:auto}}
.hub-portraits{width:100%;max-width:100%;min-width:0}.hub-portraits img{flex:1 1 0;min-width:0;max-width:46px}

.home-page .hub-grid{grid-template-columns:1fr}.home-page .hub-card:not(.hub-capture){min-height:130px}