.result-pop{width:min(92vw,24rem);max-height:92dvh;padding:var(--space-4);border:4px solid var(--ink);background:var(--surface);color:var(--ink);text-align:center;box-shadow:0 10px 0 var(--ink);border-radius:24px}.result-pop:focus{outline:none}.result-pop[open]{animation:result-pop-in .45s var(--ease-out-expo)}.result-pop::backdrop{background:oklch(20% .02 40/.55)}.result-pop-burst{width:fit-content;margin:0 auto var(--space-2);border:3px solid var(--ink);color:oklch(56% .19 28);font-family:var(--font-display);font-size:var(--text-lg);background:oklch(88% .15 95);border-radius:999px;padding:2px 14px;transform:rotate(-3deg)}.result-pop-img{object-fit:contain;width:7.5rem;height:7.5rem;margin:0 auto;display:block}.result-pop-img.photo{width:100%;height:min(calc((min(92vw, 24rem) - 2 * var(--space-4)) * .75), 30dvh);border:3px solid var(--ink);object-fit:cover;border-radius:16px}.result-pop-img.photo.wide{height:min(calc((min(92vw, 24rem) - 2 * var(--space-4)) * .5625), 30dvh)}.result-pop-label{margin:var(--space-2) 0 0;color:var(--ink-soft);word-break:keep-all;font-weight:700}.result-pop-headline{color:var(--stamp);font-family:var(--font-display);word-break:keep-all;margin:0;font-size:clamp(2.4rem,1.8rem + 3vw,3.25rem);line-height:1.1}.result-pop-sub{margin:var(--space-1) 0 0;word-break:keep-all;font-weight:700}.result-pop-say{margin:var(--space-2) 0 0;color:var(--ink-soft);word-break:keep-all}.result-pop-next{margin:var(--space-3) 0 0;padding:var(--space-2) var(--space-3);border:2px solid var(--stamp);border-radius:var(--radius-sm);background:var(--surface);text-align:left;word-break:keep-all;font-weight:600;line-height:1.5}.result-pop-next strong{color:var(--stamp)}.result-pop-next[hidden]{display:none}.result-pop-note{width:fit-content;margin:var(--space-2) auto 0;border:2px dashed var(--ink);background:var(--highlight);color:var(--ink);word-break:keep-all;border-radius:12px;padding:4px 12px;font-weight:700}.result-pop-share{width:100%;min-height:52px;margin-top:var(--space-3);border:2px solid var(--ink);background:var(--stamp);color:#fff;font:inherit;font-size:var(--text-lg);cursor:pointer;box-shadow:0 4px 0 var(--ink);border-radius:999px;font-weight:700}.result-pop-rankform{gap:var(--space-2);margin-top:var(--space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.result-pop-name{min-width:0;min-height:48px;padding:0 var(--space-3);border:2px solid var(--ink);background:var(--surface);color:var(--ink);font:inherit;border-radius:999px}.result-pop-namego{min-height:48px;padding:0 var(--space-4);border:2px solid var(--ink);color:oklch(22% .01 70);font:inherit;cursor:pointer;background:linear-gradient(oklch(90% .16 92),oklch(80% .17 80));border-radius:999px;font-weight:700}.result-pop-rankstatus{margin:var(--space-2) 0 0;word-break:keep-all;font-weight:700}.result-pop-rankstatus:empty{display:none}.result-pop-rankstatus[data-kind=done]{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:oklch(85% .16 90/.4)}.result-pop-rankstatus[data-kind=error]{color:var(--stamp)}.result-pop-rank{width:100%;min-height:52px;margin-top:var(--space-3);border:2px solid var(--ink);color:oklch(22% .01 70);font:inherit;font-size:var(--text-lg);cursor:pointer;box-shadow:0 4px 0 var(--ink);background:linear-gradient(oklch(90% .16 92),oklch(80% .17 80));border-radius:999px;font-weight:700}.result-pop-rank:disabled{opacity:.7;cursor:progress}.result-pop-rank:focus-visible,.result-pop-share:focus-visible{outline:3px solid var(--highlight);outline-offset:3px}.result-pop-rank:active,.result-pop-share:active,.result-pop-pill:active{box-shadow:0 1px 0 var(--ink);transform:translateY(3px)}.result-pop-actions{gap:var(--space-2);margin-top:var(--space-3);grid-template-columns:1fr 1fr;display:grid}.result-pop-actions:has(>:only-child){grid-template-columns:1fr}.result-pop-pill{min-height:48px;padding:0 var(--space-2);color:oklch(22% .01 70);font:inherit;cursor:pointer;word-break:keep-all;background:oklch(88% .15 95);border:3px solid oklch(22% .01 70);border-radius:999px;font-weight:700;box-shadow:0 4px oklch(22% .01 70)}.result-pop-detail{margin-top:var(--space-3);padding:var(--space-1) var(--space-2);color:var(--ink-soft);font:inherit;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;text-decoration:underline}.result-pop-close{width:2.25rem;height:2.25rem;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:50%;font-size:1.1rem;position:absolute;top:8px;right:8px}@keyframes result-pop-in{0%{opacity:0;transform:scale(.85)}}@media (prefers-reduced-motion:reduce){.result-pop[open]{animation:none}}