.tb-hud{--tb-gap:6px}.tb-row{justify-content:space-between;align-items:center;gap:var(--tb-gap);min-height:56px;display:flex}.tb-left,.tb-right{align-items:center;gap:var(--tb-gap);min-width:0;display:flex}.tb-left{flex:none}.tb-right{flex:none;justify-content:flex-end}.tb-mid{justify-content:center;align-items:center;gap:var(--tb-gap);flex:auto;min-width:0;display:flex}@media (max-width:639px){.tb-hud{margin-inline:calc(50% - 50vw);background:linear-gradient(#03205fef,#02143fd9);border-bottom:1px solid #2aa2ff59;width:100vw;max-width:none;margin-bottom:6px;padding-inline:10px;box-shadow:0 4px 14px #0006}}.mbp-topbar .tb-avatar{cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:44px;min-width:44px;height:44px;padding:0;display:grid;position:relative}.tb-avatar.is-placeholder{background:#ffffff14;display:block}.tb-avatar-ring{background:conic-gradient(#5ceaff var(--tb-xp,0%),#ffffff2e 0);border-radius:50%;place-items:center;width:44px;height:44px;padding:3px;display:grid}.tb-avatar.is-guest .tb-avatar-ring{background:#ffffff2e}.tb-avatar.is-plus .tb-avatar-ring{background:conic-gradient(#fff84e var(--tb-xp,0%),#c98a10 0);box-shadow:0 0 10px #ffd84a99}.tb-avatar-img{object-fit:cover;background:#062a73;border:2px solid #041a55;border-radius:50%;width:38px;height:38px}.tb-avatar-level{min-width:20px;height:18px;font:700 11px/1 var(--font-number);color:#062365;background:linear-gradient(#fff84e,#ffae05);border:1.5px solid #fff15c;border-radius:9px;place-items:center;padding:0 4px;display:grid;position:absolute;bottom:-3px;right:-4px;box-shadow:0 2px #a06200}.tb-avatar-crown{object-fit:contain;filter:drop-shadow(0 1px 2px #0009);width:20px;height:20px;position:absolute;top:-7px;left:-5px;transform:rotate(-18deg)}.mbp-topbar .tb-wallet{font-variant-numeric:tabular-nums;background:#ffffff0d;border:1px solid #ffffff26;border-radius:12px;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-width:0;height:44px;padding:0 8px;transition:background .15s;display:inline-flex}.mbp-topbar .tb-wallet:hover{background:#ffffff1a}.mbp-topbar .tb-wallet.is-placeholder{width:64px}.mbp-topbar .tb-wallet.is-guest{align-items:center}.tb-wallet-line{font:700 12px/1 var(--font-number);color:#f1f5ff;align-items:center;gap:4px;display:flex}.tb-wallet-line img{object-fit:contain;width:16px;height:16px}.tb-wallet-line.is-stoken{color:#ffd1ef}@media (min-width:640px){.mbp-topbar .tb-wallet{flex-direction:row;align-items:center;gap:10px;padding:0 10px}.tb-wallet-line{font-size:14px}.tb-wallet-line img{width:18px;height:18px}}.mbp-topbar .tb-streak{color:#ffd84a;background:#ffffff0d;border:1px solid #ffffff26;border-radius:12px;flex:none;justify-content:center;align-items:center;gap:1px;min-width:44px;height:44px;padding:0 6px 0 3px;text-decoration:none;display:inline-flex;position:relative}.tb-streak img{object-fit:contain;filter:drop-shadow(0 2px 3px #0007)grayscale(.85)brightness(.85);width:28px;height:28px}.tb-streak.is-lit img{filter:drop-shadow(0 0 6px #ff8a00aa)}.tb-streak.is-lit.is-waiting img{filter:drop-shadow(0 2px 3px #0007)saturate(.6)}.tb-streak b{font:700 15px/1 var(--font-number);color:#ffd84a;text-shadow:0 1px #7a3a00}.tb-streak:not(.is-lit) b{color:#cfe0ff}.tb-bell{flex:none;display:inline-flex}.mbp-topbar .tb-bell>button,.mbp-topbar .tb-bell>div>button{background:#ffffff0d url(/classic-assets/icons/icon-bell.webp) 50%/30px 30px no-repeat;border:1px solid #ffffff26;border-radius:12px;width:44px;min-width:44px;height:44px;position:relative}.mbp-topbar .tb-bell>button>svg,.mbp-topbar .tb-bell>div>button>svg{opacity:0}.mbp-topbar .tb-bell>button>span,.mbp-topbar .tb-bell>div>button>span{top:1px;right:1px}@media (max-width:374px){.tb-hud{--tb-gap:3px;padding-inline:6px}.mbp-topbar .tb-streak{padding-inline:2px 4px}}.mbp-topbar .tb-logo.is-desktop-only{display:none}@media (min-width:640px){.mbp-topbar .tb-logo.is-desktop-only{display:inline-flex}}