.sg{--sg-paper: #e7e3dc;--sg-panel: #efebe5;--sg-ink: #121212;--sg-white: #ffffff;--sg-line: rgba(18, 18, 18, .16);--sg-muted: rgba(18, 18, 18, .62);--sg-radius: 1.4rem;--sg-ease: cubic-bezier(.2, .8, .2, 1);width:min(calc(100vw - 3.2rem),52rem);max-height:calc(100dvh - 3.2rem);padding:1.2rem 2.4rem 2rem;border:0;border-radius:var(--sg-radius);overflow:auto;color:var(--sg-ink);font-family:var(--font-body-family);text-align:center;background:var(--sg-paper);box-shadow:0 2.4rem 6.4rem #1212124d}.sg[open]{animation:sg-in .32s var(--sg-ease)}@keyframes sg-in{0%{opacity:0;transform:translateY(1.6rem) scale(.98)}}.sg,.sg *,.sg *:before,.sg *:after{box-sizing:border-box}.sg::backdrop{background:#1212128c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.sg [hidden]{display:none!important}.sg__top{display:flex;align-items:center;justify-content:space-between;min-height:4.4rem;margin:0 -1.2rem .8rem}.sg__brand{font-family:var(--font-heading-family);font-size:1.2rem;font-weight:700;letter-spacing:.32em;padding-inline-start:.32em}.sg__icon{display:grid;place-items:center;width:4.4rem;height:4.4rem;padding:0;border:0;border-radius:50%;color:inherit;background:transparent;cursor:pointer}.sg__icon:focus-visible,.sg__button:focus-visible,.sg__skip:focus-visible,.sg__canvas:focus-visible,.sg__input:focus-visible,.sg__consent input:focus-visible{outline:2px solid var(--sg-ink);outline-offset:2px}.sg__sound-off,.sg__icon.is-off .sg__sound-on{display:none}.sg__icon.is-off .sg__sound-off{display:block}.sg__title{margin:0 0 .8rem;font-family:var(--font-heading-family);font-size:clamp(2.4rem,6vw,3.2rem);font-weight:700;line-height:1.05;letter-spacing:-.01em;text-transform:uppercase}.sg__text{max-width:34ch;margin:0 auto 1.6rem;font-size:1.45rem;line-height:1.5;color:var(--sg-muted)}.sg__shots{display:inline-flex;align-items:center;gap:1.2rem;margin-block-end:1rem;font-size:1.15rem;letter-spacing:.18em;text-transform:uppercase;color:var(--sg-muted)}.sg__dashes{display:inline-flex;gap:.6rem}.sg__dash{width:2.4rem;height:.3rem;border-radius:99rem;background:#12121229;transition:background-color .25s ease,transform .25s var(--sg-ease)}.sg__dash.is-current{background:#12121273}.sg__dash.is-hit{background:var(--sg-ink);transform:scaleY(1.6)}.sg__dash.is-miss{background:#12121247}.sg__arena{position:relative;height:clamp(30rem,calc(100dvh - 39.5rem),46rem);margin:0 -1.2rem;border-radius:1.2rem;overflow:hidden;background:radial-gradient(120% 80% at 50% 0%,#f6f3ee,#f6f3ee00 70%),var(--sg-panel);box-shadow:inset 0 0 0 1px var(--sg-line)}.sg__canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none;cursor:grab;border-radius:inherit}.sg__canvas:active{cursor:grabbing}.sg__toast{position:absolute;inset:auto 0 6.8rem;margin:0;font-family:var(--font-heading-family);font-size:1.4rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:0;transform:translateY(.8rem);transition:opacity .25s ease,transform .25s var(--sg-ease);pointer-events:none}.sg__toast.is-visible{opacity:1;transform:none}.sg__toast.is-miss{color:var(--sg-muted)}.sg__hint{margin:1.2rem 0 .4rem;font-size:1.1rem;letter-spacing:.22em;text-transform:uppercase;color:var(--sg-muted)}.sg__skip{min-height:4.4rem;padding:0 1.2rem;border:0;font:inherit;font-size:1.3rem;color:var(--sg-muted);text-decoration:underline;text-underline-offset:.3rem;background:transparent;cursor:pointer}.sg__eyebrow{margin:.8rem 0 1rem;font-size:1.15rem;letter-spacing:.2em;text-transform:uppercase;color:var(--sg-muted)}.sg__blur{margin:.4rem 0 1.2rem;font-family:var(--font-heading-family);font-size:clamp(5.6rem,16vw,8rem);font-weight:700;line-height:1;filter:blur(14px);opacity:.55;-webkit-user-select:none;user-select:none}.sg__form{display:grid;gap:1rem;max-width:36rem;margin:0 auto;text-align:start}.sg__label{font-size:1.15rem;letter-spacing:.14em;text-transform:uppercase;color:var(--sg-muted)}.sg__input{width:100%;min-height:4.8rem;padding:0 1.4rem;border:1px solid rgba(18,18,18,.35);border-radius:.8rem;font:inherit;font-size:1.6rem;color:var(--sg-ink);background:var(--sg-white)}.sg__input[aria-invalid=true]{border-color:#a3261b}.sg__consent{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;font-size:1.25rem;line-height:1.45;color:var(--sg-muted);cursor:pointer}.sg__consent input{width:2rem;height:2rem;margin:.1rem 0 0;accent-color:var(--sg-ink)}.sg__consent a{color:inherit}.sg__error{min-height:1.6rem;margin:0;font-size:1.25rem;color:#a3261b}.sg__error:empty{min-height:0}.sg__button{display:inline-flex;align-items:center;justify-content:center;width:100%;min-height:5rem;padding:0 2rem;border:1px solid var(--sg-ink);border-radius:99rem;font-family:inherit;font-size:1.35rem;font-weight:700;letter-spacing:.1em;text-decoration:none;text-transform:uppercase;color:var(--sg-white);background:var(--sg-ink);cursor:pointer;transition:transform .15s ease,opacity .2s ease}.sg__button:active{transform:scale(.98)}.sg__button[aria-busy=true]{opacity:.6;cursor:progress}.sg__button--ghost{color:var(--sg-ink);background:transparent}.sg__pct{margin:0 0 1.6rem;font-family:var(--font-heading-family);font-size:clamp(6.4rem,18vw,9.6rem);font-weight:700;line-height:.95;letter-spacing:-.03em;animation:sg-pop .5s var(--sg-ease)}@keyframes sg-pop{0%{opacity:0;transform:scale(.8)}}.sg__code{display:grid;gap:.6rem;max-width:36rem;margin:0 auto 1.6rem;padding:1.6rem;border:1px dashed rgba(18,18,18,.4);border-radius:1rem;background:var(--sg-white)}.sg__code-label{font-size:1.1rem;letter-spacing:.2em;text-transform:uppercase;color:var(--sg-muted)}.sg__code-value{font-family:var(--font-heading-family);font-size:clamp(2.4rem,7vw,3rem);font-weight:700;letter-spacing:.12em;padding-inline-start:.12em;-webkit-user-select:all;user-select:all}.sg__actions{display:grid;gap:.8rem;max-width:36rem;margin:0 auto}.sg__note{max-width:36ch;margin:1.4rem auto .4rem;font-size:1.2rem;line-height:1.5;color:var(--sg-muted)}@media screen and (max-width:749px){.sg{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:.8rem 1.6rem calc(1.6rem + env(safe-area-inset-bottom));border-radius:0}.sg__screen--game{display:flex;flex-direction:column;min-height:calc(100dvh - 7rem)}.sg__arena{flex:1;height:auto;min-height:32rem}.sg__title{font-size:2.4rem}}@media(prefers-reduced-motion:reduce){.sg[open],.sg__pct{animation:none}.sg__toast,.sg__dash,.sg__button{transition:none}}
