.guess,.guess-quick{--guess-right:#1a7f45;--guess-right-ink:#fff;--guess-wrong:#c8283c;--guess-choice-bg:#fff;--guess-choice-line:var(--line-strong);--guess-ring:var(--color-accent)}.guess,html[data-theme=night] .guess-quick{--guess-right:#5fd38d;--guess-right-ink:#0b2415;--guess-wrong:#ff7081;--guess-choice-bg:var(--color-night-2);--guess-choice-line:#cfd5ec59;--guess-ring:var(--n-mark)}.guess-quick.is-contrast{--guess-right:#1f62c4;--guess-wrong:#b35300}.guess.is-contrast,html[data-theme=night] .guess-quick.is-contrast{--guess-right:#7cc0ff;--guess-right-ink:#071a30;--guess-wrong:#ffa646}.guess-choices{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.guess-choices.is-all{grid-template-columns:repeat(3,minmax(0,1fr))}@media (min-width:760px){.guess-choices.is-all{grid-template-columns:repeat(4,minmax(0,1fr))}}.guess-choice{border:2px solid var(--guess-choice-line);border-radius:var(--r);background:var(--guess-choice-bg);min-height:58px;color:inherit;font-family:var(--font-sans);font-size:var(--fs-sm);cursor:pointer;transition:transform var(--dur-1) var(--ease-out), background-color var(--dur-1) var(--ease-out), border-color var(--dur-1) var(--ease-out), opacity var(--dur-1) var(--ease-out);justify-content:center;align-items:center;gap:.5rem;padding:.5rem .75rem;font-weight:600;display:flex;position:relative}@media (max-width:400px){.guess-choice{gap:.4rem;padding-inline:.5rem}}.guess-choices.is-all .guess-choice{flex-direction:column;gap:.2rem;padding-inline:.25rem}.guess-choice:hover:not(:disabled){border-color:var(--guess-ring);transform:translateY(-1px)}.guess-choice:active:not(:disabled){transform:translateY(0)scale(.98)}.guess-choice:focus-visible{outline:3px solid var(--guess-ring);outline-offset:2px}.guess-choice:disabled{cursor:default}.guess-choice .sign-glyph{flex:none;width:1.3rem;height:1.3rem}.guess-key{display:none}@media (hover:hover) and (pointer:fine) and (min-width:480px){.guess-key{border-radius:var(--r-sm);background:currentColor;flex:none;place-items:center;width:1.5rem;height:1.5rem;margin-right:.15rem;display:grid}@supports (color:color-mix(in lab, red, red)){.guess-key{background:color-mix(in srgb, currentColor 12%, transparent)}}.guess-key{font-size:var(--fs-xs);font-variant-numeric:tabular-nums}}.guess-mark{flex:none;width:1.25rem;height:1.25rem}.guess-choice .guess-mark{border-radius:999px;width:1.6rem;height:1.6rem;padding:.25rem;position:absolute;top:-.6rem;right:-.45rem}.guess-choice.is-right{background:var(--guess-right);border-color:var(--guess-right);color:var(--guess-right-ink)}.guess-choice.is-right .sign-glyph{fill:currentColor}.guess-choice.is-right .guess-mark{background:var(--guess-right-ink);color:var(--guess-right);box-shadow:0 0 0 2px var(--guess-right)}.guess-choice.is-wrong{border-style:dashed;border-color:var(--guess-wrong);animation:guess-no var(--dur-2) var(--ease-out)}.guess-choice.is-wrong .guess-mark{background:var(--guess-wrong);color:var(--guess-choice-bg)}.guess-choice.is-out{opacity:.4}.guess-verdict{font-family:var(--font-sans);vertical-align:-.2em;align-items:center;gap:.3rem;font-weight:700;display:inline-flex}.guess-verdict.is-right{color:var(--guess-right)}.guess-verdict.is-wrong{color:var(--guess-wrong)}.guess-dots{flex-wrap:wrap;justify-content:center;gap:.25rem;display:flex}.guess-dots i{border:2px solid;border-radius:7px;place-items:center;width:1.4rem;height:1.4rem;display:grid}@supports (color:color-mix(in lab, red, red)){.guess-dots i{border:2px solid color-mix(in srgb, currentColor 30%, transparent)}}.guess-dots i .guess-mark{width:.9rem;height:.9rem}.guess-dots i.is-right{background:var(--guess-right);border-color:var(--guess-right);color:var(--guess-right-ink)}.guess-dots i.is-wrong{border-style:dashed;border-color:var(--guess-wrong);color:var(--guess-wrong)}.guess-dots.is-small{gap:.25rem}.guess-dots.is-small i{border-width:1.5px;border-radius:5px;width:1.1rem;height:1.1rem}.guess-dots.is-small i .guess-mark{width:.75rem;height:.75rem}.guess-dots.is-row{flex-wrap:nowrap;justify-self:center;width:100%;max-width:100%}.guess-dots.is-row i{aspect-ratio:1;flex:0 auto;min-width:0;height:auto}.guess-dots.is-row i .guess-mark{width:65%;height:65%}@keyframes guess-no{20%{transform:translate(-4px)}60%{transform:translate(4px)}}@media (prefers-reduced-motion:reduce){.guess-choice{transition:none}.guess-choice.is-wrong{animation:none}}.guess-quick:not(.is-first-screen){content-visibility:auto;contain-intrinsic-size:auto 520px}.guess-quick{border-top:1px solid var(--line);max-width:46rem;color:var(--color-ink);text-align:left;grid-template-columns:minmax(0,1fr);gap:1rem 1.75rem;margin:0;padding:1.25rem 0 0;display:grid}@media (min-width:640px){.guess-quick{grid-template-columns:11rem minmax(0,1fr);align-items:center;padding:1.5rem 1.75rem}}.guess-quick-face{grid-template-columns:104px minmax(0,1fr);align-items:center;gap:1rem;margin:0;display:grid}@media (min-width:640px){.guess-quick-face{text-align:center;grid-template-columns:1fr;gap:.6rem}}.guess-quick-face img{aspect-ratio:4/5;object-fit:cover;border-radius:var(--r);background:var(--color-ground-3);width:100%;height:auto;display:block}.guess-quick-face figcaption{gap:.15rem;min-width:0;display:grid}.guess-quick-name{font-family:var(--font-display);font-weight:400;font-size:var(--fs-lead-fluid);letter-spacing:-.01em;overflow-wrap:anywhere;line-height:1.15}.guess-quick-role{font-family:var(--font-sans);font-size:var(--fs-sm);color:var(--color-ink-soft)}.guess-quick-q{font-family:var(--font-sans);color:var(--color-ink-soft);margin:0 0 .6rem;font-weight:600}.guess-quick-reveal{animation:guess-quick-in var(--dur-2) var(--ease-out);justify-items:start;gap:.8rem;margin-top:.9rem;display:grid}.guess-quick-reveal p{margin:0}.guess-quick-done{text-align:center;grid-column:1/-1;grid-template-columns:minmax(0,1fr);justify-items:center;gap:.75rem;display:grid}.guess-quick-score{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;margin:0;font-size:clamp(2.4rem,1.8rem + 3vw,3.4rem);font-weight:400;line-height:1}.guess-quick-score span{color:var(--color-ink-soft);letter-spacing:0;font-size:.42em}.guess-quick-line{font-family:var(--font-sans);color:var(--color-ink-soft);margin:0}@keyframes guess-quick-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.guess-quick-reveal{animation:none}}.group-card{border:0;border-top:1px solid var(--line);min-width:0;height:100%;color:var(--color-ink);font-family:var(--font-sans);transition:transform var(--dur-1) var(--ease-out), box-shadow var(--dur-1) var(--ease-out);background:0 0;border-radius:0;gap:.15rem;padding:.9rem 0 1rem;text-decoration:none;display:grid}.group-card:hover{border-top-color:var(--color-ink)}.group-card-faces{margin-bottom:.55rem;display:flex}.group-card-faces>*{aspect-ratio:4/5;object-fit:cover;border-radius:var(--r-sm);border:2px solid var(--color-ground);background:var(--color-ground-3);width:2.75rem;height:auto}.group-card-faces>*+*{margin-left:-.75rem}.group-card-kind{font-size:var(--fs-xs);color:var(--color-ink-soft);font-weight:600}.group-card-name{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;min-width:0;font-family:var(--font-display);font-weight:400;font-size:var(--fs-base);letter-spacing:-.01em;line-height:1.2}.group-card-count{font-size:var(--fs-xs);color:var(--color-ink-soft)}.group-row{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;grid-auto-columns:11rem;grid-auto-flow:column;gap:.75rem;margin:.85rem -1.25rem 0;padding:0 1.25rem .25rem;scroll-padding-inline:1.25rem;list-style:none;display:grid;overflow-x:auto}.group-row::-webkit-scrollbar{display:none}.group-row>li{scroll-snap-align:start}@media (min-width:640px){.group-row{margin-inline:-2rem;padding-inline:2rem;scroll-padding-inline:2rem}}.group-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,8.5rem),1fr));gap:.75rem;margin:.85rem 0 0;padding:0;list-style:none;display:grid}@media (prefers-reduced-motion:reduce){.group-card{transition:none}.group-card:hover{transform:none}}.people-lobby{overflow-x:clip}.lobby-head{align-items:end;gap:1.25rem 3rem;display:grid}@media (min-width:900px){.lobby-head{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}}.lobby-title{text-wrap:balance;margin:.6rem 0 0;font-size:clamp(2.1rem,1.1rem + 3.4vw,3.9rem);line-height:1.04}.lobby-count{font-family:var(--font-sans);font-size:var(--fs-base);color:var(--color-ink-soft);margin:.6rem 0 0}.lobby-find{text-align:left;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:.6rem;margin:0;display:grid}.lobby-find label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.lobby-find input{min-height:56px;font-size:var(--fs-sm);border-radius:999px;padding-inline:1.35rem}.lobby-find .button{min-height:56px;padding-inline:1.5rem}.lobby-signs{margin-top:2rem}.lobby-signs ul{grid-template-columns:repeat(6,minmax(0,1fr));gap:.9rem .4rem;margin:0;padding:0;list-style:none;display:grid}@media (min-width:900px){.lobby-signs ul{grid-template-columns:repeat(12,minmax(0,1fr));gap:.5rem}}.lobby-sign{color:var(--color-ink);text-align:center;font-family:var(--font-sans);font-size:var(--fs-xs);--mark:var(--mark-water);--mark-ink:var(--mark-on);justify-items:center;gap:.45rem;font-weight:600;text-decoration:none;display:grid}.lobby-sign:has(.el-fire){--mark:var(--mark-fire)}.lobby-sign:has(.el-earth){--mark:var(--mark-earth)}.lobby-sign:has(.el-air){--mark:var(--mark-air);--mark-ink:var(--mark-on-air)}.lobby-sign i{aspect-ratio:1;background:var(--mark);width:clamp(2.75rem,12vw,3.75rem);transition:transform var(--dur-1) var(--ease-out);border-radius:999px;place-items:center;display:grid}.lobby-sign .sign-glyph{width:58%;height:58%;fill:var(--mark-ink)}.lobby-sign:hover i{transform:translateY(-3px)}@media (max-width:899px){.lobby-sign span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}@media (prefers-reduced-motion:reduce){.lobby-sign i{transition:none}.lobby-sign:hover i{transform:none}}.lobby-ways{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:3rem;display:flex}.lobby-moons{display:contents}.lobby-moons summary{cursor:pointer;list-style:none}.lobby-moons summary::-webkit-details-marker{display:none}.lobby-moons .people-pager{flex-basis:100%;justify-content:center}.lobby-guess{margin-top:2.25rem}.lobby-guess .guess-quick{max-width:none;margin-top:.85rem}.lobby-worlds{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin:.85rem 0 0;padding:0;list-style:none;display:grid}@media (min-width:760px){.lobby-worlds{grid-template-columns:repeat(4,minmax(0,1fr))}}.lobby-worlds .group-card{align-content:start}
