.gb{--gb-cap:calc(var(--gb-h,52px) * 150 / 137);z-index:90;width:var(--gb-w,calc(100vw - 16px));max-width:calc(100vw - 16px);height:var(--gb-h,52px);filter:drop-shadow(0 6px 12px #00000073);color:#5a2a00;position:fixed;top:6rem;left:50%;transform:translate(-50%)}.gb-inline{width:var(--gb-w,100%);max-width:100%;margin-inline:auto;position:relative;top:auto;left:auto;transform:none}.gb-cap,.gb-fill,.gb-star{pointer-events:none;background-repeat:no-repeat;position:absolute;top:0;bottom:0}.gb-cap{width:var(--gb-cap);background-size:100% 100%}.gb-left{background-image:url(/banner/gold-left.png);left:0}.gb-right{background-image:url(/banner/gold-right.png);right:0}.gb-fill{left:calc(var(--gb-cap) - 1px);right:calc(var(--gb-cap) - 1px);background-image:url(/banner/gold-mid.png);background-repeat:repeat-x;background-size:auto 100%}.gb-star{width:calc(var(--gb-h,52px) * 144 / 137);background-image:url(/banner/gold-star.png);background-size:100% 100%;left:50%;transform:translate(-50%);-webkit-mask-image:linear-gradient(90deg,#0000,#000 26% 74%,#0000);mask-image:linear-gradient(90deg,#0000,#000 26% 74%,#0000)}.gb-body{z-index:1;height:100%;padding:calc(var(--gb-h,52px) * .182) calc(var(--gb-h,52px) * .52 + 4px) calc(var(--gb-h,52px) * .168);justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.gb-text{min-width:0;font-size:var(--gb-fs,12px);text-align:center;max-height:calc(var(--gb-h,52px) * .65 - 8px);overflow-wrap:anywhere;text-shadow:0 1px #fff4c8b3;font-weight:800;line-height:1.43;display:block;overflow:hidden}.gb-close{color:#7a3b00;opacity:.75;cursor:pointer;flex:none;padding:0 4px;font-size:17px;font-weight:900;line-height:1}.gb-close:hover{opacity:1}.gb-enter{animation:1s both gbEnter}@keyframes gbEnter{0%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1);transform:translate(calc(100vw - 50%))}60%{opacity:1;animation-timing-function:ease-out;transform:translate(calc(-50% - 14px))}82%{opacity:1;transform:translate(calc(5px - 50%))}to{opacity:1;transform:translate(-50%)}}.banner-drop{animation:.6s both bannerDrop}@keyframes bannerDrop{0%{opacity:0;animation-timing-function:cubic-bezier(.22,1,.36,1);transform:translateY(-150px)}65%{opacity:1;animation-timing-function:ease-out;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.gb-leave{pointer-events:none;animation:.8s both gbLeave}@keyframes gbLeave{0%{opacity:1;animation-timing-function:ease-out;transform:translate(-50%)}22%{opacity:1;animation-timing-function:cubic-bezier(.55,0,.9,.4);transform:translate(calc(14px - 50%))}to{opacity:0;transform:translate(calc(-50% - 100vw))}}.banner-lift{pointer-events:none;animation:.5s both bannerLift}@keyframes bannerLift{0%{opacity:1;animation-timing-function:cubic-bezier(.55,0,.9,.4);transform:translateY(0)}to{opacity:0;transform:translateY(-150px)}}@media (prefers-reduced-motion:reduce){.gb-enter,.banner-drop{animation:none}.gb-leave,.banner-lift{opacity:0;animation:none}}
