.online-counter{position:relative;display:flex;flex-direction:column;align-items:center;row-gap:.375rem;border-radius:.5rem;padding:.375rem .5rem;font-size:.75rem;line-height:1rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity));background-color:rgb(255 255 255 / var(--tw-bg-opacity));--tw-bg-opacity: .95;--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity));--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s}@media (min-width: 1024px){.online-counter{flex-direction:row;-moz-column-gap:.5rem;column-gap:.5rem}}.online-counter__main,.online-counter__tools{display:flex;align-items:center;justify-content:center;gap:.25rem}@media (min-width: 1024px){.online-counter__main,.online-counter__tools{justify-content:flex-start}}.online-counter__tools{gap:.5rem}.online-counter--error{display:flex;align-items:center;gap:.5rem;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(254 205 211 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 241 242 / var(--tw-bg-opacity));padding:.25rem .5rem;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(225 29 72 / var(--tw-text-opacity))}.online-counter__user-icon{position:relative;cursor:pointer;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.online-counter__pulse-indicator{position:absolute;top:-.25rem;right:-.25rem;height:.5rem;width:.5rem;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity))}.online-counter__pulse-animation{position:absolute;display:inline-flex;height:100%;width:100%}.online-counter__pulse-animation{animation:ping 1s cubic-bezier(0,0,.2,1) infinite;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(74 222 128 / var(--tw-bg-opacity));opacity:.75}.online-counter__id-tooltip{position:absolute;top:-100%;left:-50%;z-index:10;margin-left:.5rem;margin-top:-.5rem;white-space:nowrap;border-radius:.25rem;--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity));padding-left:.375rem;padding-right:.375rem;padding-top:1px;padding-bottom:1px;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity));--tw-shadow: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.online-counter__connection{display:flex;align-items:center}.online-counter__connection--connected{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity))}.online-counter__connection--disconnected{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.online-counter__section{position:relative;display:flex}.online-counter__section--bordered{border-left-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity));padding-left:.375rem}.online-counter__label{margin-right:.25rem}.online-counter__count{font-weight:500}@keyframes pulse{50%{opacity:.5}}.online-counter__count--loading{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.online-counter__count--low{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.online-counter__count--medium{--tw-text-opacity: 1;color:rgb(34 197 94 / var(--tw-text-opacity))}.online-counter__count--high{--tw-text-opacity: 1;color:rgb(234 179 8 / var(--tw-text-opacity))}.online-counter__count--very-high{--tw-text-opacity: 1;color:rgb(239 68 68 / var(--tw-text-opacity))}.online-counter__icon{margin-right:.25rem}.online-counter__button{border-radius:9999px;padding:.25rem;--tw-text-opacity: 1;color:rgb(249 250 251 / var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.online-counter__button--refresh{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity))}.online-counter__button--refresh:hover{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}.online-counter__button--reconnect{--tw-bg-opacity: 1;background-color:rgb(251 191 36 / var(--tw-bg-opacity))}.online-counter__button--reconnect:hover{--tw-bg-opacity: 1;background-color:rgb(245 158 11 / var(--tw-bg-opacity))}.online-counter__button--active{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity))}.online-counter__button--active:hover{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}.online-counter__button--inactive{--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}@keyframes spin{to{transform:rotate(360deg)}}.online-counter__button--loading{animation:spin 1s linear infinite;cursor:not-allowed;opacity:.7}.online-counter__regions-button{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.online-counter__regions-button:hover{--tw-bg-opacity: 1;background-color:rgb(107 114 128 / var(--tw-bg-opacity))}.online-counter__regions-button--active,.online-counter__regions-button--active:hover{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity))}.online-counter-popup{position:absolute;z-index:50;width:15rem;border-radius:.5rem;border-width:1px;--tw-border-opacity: 1;border-color:rgb(229 231 235 / var(--tw-border-opacity));--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));padding:.75rem;--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;left:50%;--tw-translate-x: -50%;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.online-counter-popup--top{bottom:100%;margin-bottom:.5rem;animation:slideUp .2s ease-out forwards}.online-counter-popup--bottom{top:100%;margin-top:.5rem;animation:slideDown .2s ease-out forwards}.online-counter-popup__header{margin-bottom:.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom-width:1px;--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity));padding-bottom:.5rem}.online-counter-popup__title{display:flex;align-items:center;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.online-counter-popup__close{border-radius:9999px;padding:.25rem;--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity));transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.online-counter-popup__close:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity));--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity))}.online-counter-popup__content{max-height:18rem}.online-counter-popup__content::-webkit-scrollbar{width:.25rem}.online-counter-popup__content::-webkit-scrollbar-track{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity))}.online-counter-popup__content::-webkit-scrollbar-thumb{border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(209 213 219 / var(--tw-bg-opacity))}.online-counter-popup__content::-webkit-scrollbar-thumb:hover{--tw-bg-opacity: 1;background-color:rgb(156 163 175 / var(--tw-bg-opacity))}.online-counter-popup__empty{padding-top:1rem;padding-bottom:1rem;text-align:center;font-size:.875rem;line-height:1.25rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.online-counter-popup__item{display:flex;align-items:center;justify-content:space-between;border-radius:.375rem;padding:.5rem;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.online-counter-popup__item:hover{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity));--tw-translate-x: .125rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.online-counter-popup__region{display:flex;align-items:center}.online-counter-popup__flag{margin-right:.5rem;font-size:1.125rem;line-height:1.75rem}.online-counter-popup__code{font-size:.875rem;line-height:1.25rem;font-weight:500;--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity))}.online-counter-popup__counts{display:flex;align-items:center}.online-counter-popup__counts>:not([hidden])~:not([hidden]){--tw-space-x-reverse: 0;margin-right:calc(.375rem * var(--tw-space-x-reverse));margin-left:calc(.375rem * calc(1 - var(--tw-space-x-reverse)))}.online-counter-popup__primary-count{font-size:.875rem;line-height:1.25rem;font-weight:600}.online-counter-popup__secondary-count{font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}.online-counter-popup__footer{margin-top:.5rem;border-top-width:1px;--tw-border-opacity: 1;border-color:rgb(243 244 246 / var(--tw-border-opacity));padding-top:.5rem;text-align:left;font-size:.75rem;line-height:1rem;--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity))}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%) translateY(-10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes shineMove{0%,to{transform:translate(0)}50%{transform:translate(2px,-2px)}}@keyframes sparkle{0%,to{opacity:.05;transform:scale(.95)}50%{opacity:1;transform:scale(1.05)}}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}to{transform:scale(1)}}@keyframes twinkle{0%,to{opacity:.2}50%{opacity:1}}@keyframes planetFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-100px)}}@keyframes planetShine{0%{transform:translate(-180%) translateY(-180%)}50%{transform:translate(50%) translateY(50%)}to{transform:translate(-180%) translateY(-180%)}}@keyframes rarityPulse{0%,to{transform:scale(1);box-shadow:0 0 0 0 currentColor}50%{transform:scale(1.05);box-shadow:0 0 20px 5px currentColor}}.gacha-machine-svg{display:grid;width:100%;grid-template-columns:repeat(1,minmax(0,1fr));justify-items:center;overflow:hidden}.gacha-machine-svg svg{height:156.25vw;width:181.25vw}@media (min-width: 640px){.gacha-machine-svg svg{height:800px;width:800px}}#globe-shine path{opacity:.3;animation:shineMove 3s ease-in-out infinite}#globe-sparkles-white path,#globe-sparkles-yellow path{animation:sparkle 5s ease-in-out infinite;transform-origin:center center}#globe-sparkles-white path:nth-child(2n){animation-delay:.5s}#globe-sparkles-yellow path:nth-child(odd){animation-delay:1s}#machine-handle{cursor:pointer}#machine-handle-main{cursor:pointer;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transform-origin:center center}#machine-handle-main:hover{filter:brightness(1.1)}#gacha-contents>g{transform-origin:center center}.animate-bounceIn{animation:bounceIn .6s ease-out}.planet-icon{position:relative;overflow:hidden;animation:planetFloat 3s ease-in-out infinite}.planet-shine{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,transparent 30%,rgba(255,255,255,.7) 50%,transparent 70%);animation:planetShine 3s infinite}.rarity-badge{animation:rarityPulse 2s ease-in-out infinite}.star-background{position:absolute;border-radius:9999px;--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity));animation:twinkle var(--duration) linear infinite;animation-delay:var(--delay)}