.ptb{display:flex;align-items:center;gap:8px;margin:0 0 14px}.ptb__brand{display:none}.ptb__tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:2px;gap:2px;flex:1 1;min-width:0;padding:4px;border-radius:18px;background:linear-gradient(180deg,rgba(12,15,22,.86),rgba(7,9,14,.92)),url(/art/pool/ui/metal.webp) 50% /220px,#11151d;box-shadow:inset 0 2px 4px rgba(0,0,0,.7),inset 0 0 0 1px rgba(255,255,255,.03),0 1px 0 rgba(255,255,255,.06)}.ptb__tab.ptb__tab{display:grid;justify-items:center;grid-gap:3px;gap:3px;min-width:0;padding:8px 2px 7px;border:0;border-radius:14px;color:#98a3bd;background:none;font:inherit;font-size:12px;font-weight:700;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .18s ease,color .18s ease,transform .12s ease}.ptb__tab.ptb__tab>span{max-width:100%;overflow:hidden;text-overflow:ellipsis}.ptb__tab.ptb__tab:hover{color:#fff}.ptb__tab.ptb__tab:active{transform:scale(.96)}.ptb__tab.ptb__tab[aria-current=page]{color:#2b1d05;background:linear-gradient(180deg,#fbe6a8,#e2bd62 46%,#b48a38);box-shadow:inset 0 1px 0 rgba(255,255,255,.65),inset 0 -2px 0 rgba(120,80,15,.4),0 0 0 1px rgba(60,35,5,.55),0 4px 12px rgba(0,0,0,.4)}.ptb__gear.ptb__gear:focus-visible,.ptb__tab.ptb__tab:focus-visible{outline:2px solid #f6dc9a;outline-offset:1px}.ptb__gear.ptb__gear{display:grid;place-items:center;flex:none;width:48px;height:48px;padding:0;border:0;border-radius:50%;color:#e9eef8;background:radial-gradient(120% 90% at 35% 18%,rgba(255,255,255,.2),rgba(255,255,255,.04) 40%,rgba(0,0,0,0) 60%,rgba(0,0,0,.3) 100%),linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 46%),linear-gradient(180deg,rgba(34,39,50,.62),rgba(14,17,23,.86) 60%,rgba(8,10,14,.92)),url(/art/pool/ui/metal.webp) 50% /220px;box-shadow:inset 0 1px 0 rgba(255,255,255,.22),inset 0 -2px 0 rgba(0,0,0,.45),0 0 0 1px rgba(0,0,0,.7),0 6px 12px rgba(0,0,0,.45);cursor:pointer;transition:transform .12s cubic-bezier(.3,1.6,.5,1),filter .12s ease}.ptb__gear.ptb__gear svg{transition:transform .5s cubic-bezier(.3,1.2,.5,1)}.ptb__gear.ptb__gear:hover svg{transform:rotate(60deg)}.ptb__gear.ptb__gear:active{transform:translateY(1px) scale(.94);filter:brightness(.9)}@media (max-width:359px){.ptb__tab{font-size:11px}.ptb__gear{width:42px;height:42px}}@media (min-width:760px){.ptb{gap:12px;margin-bottom:18px}.ptb__brand{display:inline-flex;align-items:center;gap:10px;flex:none;margin-right:auto;font-size:20px;font-weight:800;letter-spacing:-.02em}.ptb__tabs{display:flex;flex:none;border-radius:999px}.ptb__tab{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 16px;border-radius:999px;font-size:14.5px}.ptb__tab svg{width:17px;height:17px}}.ptb__ball{place-items:center;width:32px;height:32px;background:radial-gradient(circle at 34% 28%,#5a5f6e 0,#15171d 38%,#050608 75%);box-shadow:inset -2px -3px 5px rgba(0,0,0,.6),0 3px 8px rgba(0,0,0,.5)}.ptb__ball,.ptb__ball span{display:grid;border-radius:50%}.ptb__ball span{place-items:center;width:15px;height:15px;background:#f4f1e8;color:#111;font-size:10.5px;font-weight:800;line-height:1}@media (prefers-reduced-motion:reduce){.ptb__gear.ptb__gear,.ptb__gear.ptb__gear svg,.ptb__tab{transition:none}}