.c-bead-shot .stage{border-radius:12px;overflow:hidden;position:relative;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));height:68vh;min-height:520px}.c-bead-shot .stage canvas{cursor:grab;display:block;height:100%;touch-action:none;width:100%}.c-bead-shot .win{align-items:center;display:flex;flex-direction:column;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.c-bead-shot .win p{color:#22262a;font-size:24px;font-weight:700;line-height:32px;margin-bottom:12px}.c-bead-shot .win button{border-radius:9999px;font-size:14px;height:36px;line-height:22px;padding-left:16px;padding-right:16px;--tw-text-opacity:1;background:#3c82f6;color:rgb(255 255 255/var(--tw-text-opacity))}.c-bead-shot .hud{align-items:center;display:flex;flex-wrap:wrap;margin-top:12px}.c-bead-shot .hud .levels button,.c-bead-shot .hud .restart{border-radius:9999px;height:32px;margin-bottom:8px;margin-right:8px;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border:1px solid #d5d9dd;color:#22262a;font-size:14px;line-height:22px;padding-left:12px;padding-right:12px}.c-bead-shot .hud .levels button.is-on,.c-bead-shot .hud .levels button:hover,.c-bead-shot .hud .restart:hover{--tw-text-opacity:1;background:#3c82f6;border-color:#3c82f6;color:rgb(255 255 255/var(--tw-text-opacity))}.c-bead-shot .stats{color:#5e6773;gap:16px}.c-bead-shot .next,.c-bead-shot .stats{display:flex;font-size:14px;line-height:22px;margin-bottom:8px;margin-right:16px}.c-bead-shot .next{align-items:center;color:#22262a}.c-bead-shot .next i{border-radius:9999px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.12);display:inline-block;height:16px;margin-right:8px;width:16px}@media (max-width:767px){.c-bead-shot .stage{height:70vh;min-height:460px}}.p-bead-shot .page-hero{background:linear-gradient(180deg,rgb(60 130 246/8%),transparent);padding:36px 24px}.p-bead-shot .page-hero .hero-inner{margin-left:auto;margin-right:auto;max-width:100%;width:1200px}.p-bead-shot .page-hero h1{color:#22262a;font-size:32px;font-weight:700;line-height:40px}.p-bead-shot .page-hero .hero-desc{color:#5e6773;font-size:14px;line-height:24px;margin-top:12px;max-width:720px}.p-bead-shot .page-body{margin-left:auto;margin-right:auto;max-width:100%;padding-bottom:60px;padding-top:8px;width:1200px}@media (max-width:767px){.p-bead-shot .page-hero{padding:28px 16px}.p-bead-shot .page-hero h1{font-size:24px;line-height:32px}.p-bead-shot .page-body{padding-bottom:40px;padding-left:16px;padding-right:16px}}