.topbar .upgb{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:8px;margin-left:4px;border:0;cursor:pointer;color:#3b2100;font:inherit;font-size:16px;font-weight:800;letter-spacing:.3px;line-height:1.2;padding:9px 20px;border-radius:12px;white-space:nowrap;text-shadow:0 1px 0 rgba(255,255,255,.55);background:linear-gradient(180deg,#ffe98a 0%,#ffc83a 48%,#f4a00c 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.8),inset 0 -2px 0 rgba(150,80,0,.3),0 4px 0 #a85f00,0 9px 18px rgba(245,162,15,.38);transition:transform .12s,box-shadow .12s,filter .15s}
.topbar .upgb svg{width:19px;height:19px;flex:none;filter:drop-shadow(0 1px 0 rgba(255,255,255,.6))}
.topbar .upgb::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:38%;transform:skewX(-20deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);animation:upgShine 3.6s ease-in-out infinite;pointer-events:none}
@keyframes upgShine{0%,55%{left:-60%}100%{left:130%}}
.topbar .upgb:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:inset 0 1px 0 rgba(255,255,255,.85),inset 0 -2px 0 rgba(150,80,0,.3),0 6px 0 #a85f00,0 14px 24px rgba(245,162,15,.5)}
.topbar .upgb:active{transform:translateY(3px);box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -1px 0 rgba(150,80,0,.3),0 1px 0 #a85f00,0 3px 8px rgba(245,162,15,.3)}
.topbar .upgb:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:560px){.topbar .upgb{font-size:14px;padding:7px 14px;border-radius:10px}.topbar .upgb svg{width:16px;height:16px}}
@media(prefers-reduced-motion:reduce){.topbar .upgb{transition:none}.topbar .upgb::after{animation:none;display:none}}