:root{--po-bottom-nav-h:70px}
.po-bottom-nav-space{height:calc(var(--po-bottom-nav-h) + 22px + env(safe-area-inset-bottom));pointer-events:none}
.po-bottom-nav{position:fixed;z-index:99990;left:50%;bottom:max(8px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(620px,calc(100% - 18px));height:var(--po-bottom-nav-h);display:grid;grid-template-columns:repeat(5,1fr);align-items:end;padding:7px 8px 6px;border:1px solid rgba(255,255,255,.11);border-radius:23px;background:rgba(10,13,19,.92);box-shadow:0 18px 55px rgba(0,0,0,.48),inset 0 1px rgba(255,255,255,.04);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.po-bottom-nav__item{position:relative;min-width:0;height:54px;border:0;background:transparent;color:#7f8a9b;text-decoration:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:15px;cursor:pointer;padding:0 3px;font:850 9px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-tap-highlight-color:transparent}
.po-bottom-nav__item svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.po-bottom-nav__item.is-active{color:#f2d58a;background:rgba(215,184,106,.075)}
.po-bottom-nav__item:active{transform:scale(.96)}
.po-bottom-nav__hub{align-self:start;height:62px;margin-top:-17px;gap:2px;color:#f2d58a}
.po-bottom-nav__hub-mark{width:48px;height:48px;border-radius:17px;display:grid;place-items:center;border:1px solid rgba(242,213,138,.38);background:linear-gradient(145deg,rgba(215,184,106,.17),rgba(17,23,34,.96));box-shadow:0 10px 32px rgba(0,0,0,.45)}
.po-bottom-nav__hub-mark img{width:36px;height:36px;object-fit:contain}
.po-bottom-nav__avatar{width:23px;height:23px;border-radius:8px;display:grid;place-items:center;overflow:hidden;background:rgba(103,217,222,.09);border:1px solid rgba(255,255,255,.08);font-size:10px;font-weight:950;color:#b8f1f3}
.po-bottom-nav__avatar img{width:100%;height:100%;object-fit:cover}
.po-bottom-nav__badge{position:absolute;top:1px;left:50%;margin-left:8px;min-width:17px;height:17px;padding:0 4px;border-radius:999px;background:#ff6674;color:white;border:2px solid #0b0f15;display:grid;place-items:center;font-size:7px;font-weight:950}
.po-bottom-nav__badge[hidden]{display:none}
.po-bottom-nav__backdrop{position:fixed;z-index:99991;inset:0;background:rgba(0,0,0,.18);backdrop-filter:blur(1.5px);-webkit-backdrop-filter:blur(1.5px)}
.po-bottom-nav__backdrop[hidden]{display:none}
.po-hub-popover{position:fixed;z-index:99992;left:50%;bottom:calc(var(--po-bottom-nav-h) + max(20px,env(safe-area-inset-bottom)));transform:translateX(-50%) translateY(8px);width:min(520px,calc(100% - 24px));border:1px solid rgba(255,255,255,.11);border-radius:24px;background:rgba(13,17,24,.97);box-shadow:0 26px 80px rgba(0,0,0,.55);padding:14px;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.po-hub-popover.is-open{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}
.po-hub-popover__head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:2px 3px 11px}.po-hub-popover__head span{font-size:9px;font-weight:950;letter-spacing:.13em;color:#f2d58a}.po-hub-popover__head small{color:#768294;font-size:8px}
.po-hub-popover__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
.po-hub-popover__item{min-width:0;text-decoration:none;border:1px solid rgba(255,255,255,.075);background:#101620;color:#d9e0e8;border-radius:14px;padding:10px 9px;display:grid;grid-template-columns:27px minmax(0,1fr);gap:8px;align-items:center}
.po-hub-popover__item.is-current{border-color:rgba(242,213,138,.34);background:rgba(215,184,106,.07)}
.po-hub-popover__item i{width:27px;height:27px;border-radius:9px;background:#0b1017;display:grid;place-items:center;font-style:normal;font-size:14px}
.po-hub-popover__item b{display:block;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.po-hub-popover__item small{display:block;color:#788496;font-size:7px;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.po-bottom-nav-mounted .po-hub-return{display:none!important}
.po-bottom-nav-mounted .po-scroll-top,.po-bottom-nav-mounted.po-has-hub-return .po-scroll-top{bottom:calc(var(--po-bottom-nav-h) + 22px + env(safe-area-inset-bottom))!important}
@media(max-width:520px){.po-bottom-nav{width:calc(100% - 12px);bottom:max(5px,env(safe-area-inset-bottom));border-radius:20px}.po-bottom-nav__item{font-size:8px}.po-hub-popover{bottom:calc(var(--po-bottom-nav-h) + max(16px,env(safe-area-inset-bottom)));padding:11px}.po-hub-popover__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:360px){.po-bottom-nav__item span:last-child{font-size:7px}.po-hub-popover__item{padding:9px 8px}}
/* v3.8.7 · compact in-game navigation · no floating context chip */
.po-bottom-nav__hub-mark{position:relative}.po-bottom-nav__game-status{position:absolute;right:-2px;top:-2px;width:10px;height:10px;border-radius:50%;border:2px solid #0b0f15;background:#35c98b;box-shadow:0 0 0 3px rgba(53,201,139,.11)}.po-bottom-nav__game-status[hidden]{display:none}.po-bottom-nav__game-status.is-ok{background:#35c98b;box-shadow:0 0 0 3px rgba(53,201,139,.11)}.po-bottom-nav__game-status.is-warn{background:#d7b86a;box-shadow:0 0 0 3px rgba(215,184,106,.12)}.po-bottom-nav__game-status.is-error{background:#ff6674;box-shadow:0 0 0 3px rgba(255,102,116,.13)}
body.po-game-context-active{--po-bottom-nav-h:50px}.po-game-context-active .po-bottom-nav{height:50px;width:min(500px,calc(100% - 24px));padding:4px 8px 4px;border-radius:18px}.po-game-context-active .po-bottom-nav__item{height:40px;gap:0;border-radius:12px}.po-game-context-active .po-bottom-nav__item>span:last-child{display:none}.po-game-context-active .po-bottom-nav__item svg{width:19px;height:19px}.po-game-context-active .po-bottom-nav__hub{height:44px;margin-top:-10px}.po-game-context-active .po-bottom-nav__hub-mark{width:38px;height:38px;border-radius:13px}.po-game-context-active .po-bottom-nav__hub-mark img{width:28px;height:28px}.po-game-context-active .po-bottom-nav__avatar{width:21px;height:21px;border-radius:7px}.po-game-context-active .po-bottom-nav-space{height:calc(68px + env(safe-area-inset-bottom))}.po-game-context-active .po-scroll-top{bottom:calc(94px + env(safe-area-inset-bottom))!important}.po-game-context-active .po-hub-popover{bottom:calc(50px + max(16px,env(safe-area-inset-bottom)))}
@media(max-width:520px){.po-game-context-active .po-bottom-nav{width:calc(100% - 18px);bottom:max(5px,env(safe-area-inset-bottom));border-radius:17px}}

/* v6.1.0 · platform brand refresh */
.po-bottom-nav{border-color:rgba(59,130,246,.22)!important;background:rgba(13,21,37,.88)!important;box-shadow:0 16px 42px rgba(4,10,24,.36)!important}
.po-bottom-nav__item.is-active{color:#7cb3ff!important}.po-bottom-nav__hub{box-shadow:0 12px 30px rgba(4,10,24,.18)!important}