.kq-complete-backdrop{background:var(--kq-ink);flex-direction:column;padding:24px;display:flex;position:fixed;inset:0;overflow-y:auto}.kq-complete-plate{filter:blur(10px)saturate(.9);opacity:.55;background-position:50%;background-size:cover;animation:.6s ease-out both kq-fade-in;position:fixed;inset:-24px}.kq-panel.kq-complete{width:min(520px,100%);margin:auto;padding:24px 28px 18px;animation:.42s cubic-bezier(.2,.8,.2,1) both kq-complete-rise;position:relative}@keyframes kq-complete-rise{0%{opacity:0;transform:translateY(14px)scale(.98)}to{opacity:1;transform:none}}.kq-panel.kq-complete[data-landed=true]{animation:.42s cubic-bezier(.2,.8,.2,1) both kq-complete-rise,.26s ease-out kq-complete-knock}@keyframes kq-complete-knock{30%{transform:translateY(2px)scale(.997)}to{transform:none}}.kq-complete .kq-complete-head{padding-right:112px;position:relative}.kq-complete .kq-complete-kicker{letter-spacing:.05em;text-transform:uppercase;color:var(--kq-vermilion-deep);margin:0;font-size:12px;font-weight:700}.kq-complete .kq-complete-jp{font:400 16px/1.4 var(--font-noto-jp), sans-serif;color:var(--kq-ink-muted);margin:8px 0 0}.kq-complete .kq-complete-outcome{color:var(--kq-ink);text-wrap:balance;margin:2px 0 0;font-size:24px;font-weight:700;line-height:1.25}.kq-complete .kq-seal{width:104px;height:104px;color:var(--kq-seal);opacity:0;mix-blend-mode:multiply;position:absolute;top:-6px;right:-4px;transform:rotate(-12deg)scale(1.7)}.kq-complete[data-landed=true] .kq-seal{animation:.38s cubic-bezier(.3,1.4,.5,1) both kq-seal-land}@keyframes kq-seal-land{0%{opacity:0;transform:rotate(-4deg)scale(1.7)}55%{opacity:1;transform:rotate(-12deg)scale(.94)}to{opacity:.92;transform:rotate(-12deg)scale(1)}}.kq-complete .kq-complete-list{gap:8px;margin:16px 0 0;padding:0;list-style:none;display:grid}.kq-complete .kq-complete-list li{grid-template-columns:20px 1fr auto;align-items:center;gap:10px;display:grid}.kq-complete .kq-complete-goal{color:var(--kq-ink);font-size:14px;line-height:1.4}.kq-complete .kq-complete-chip{white-space:nowrap;color:var(--kq-ink-muted);background:#2e2a250f;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.kq-complete .kq-complete-chip[data-own=true]{color:var(--kq-success);background:#4a7c591f}.kq-complete .kq-complete-quote{background:var(--kq-cream);border:1px solid var(--kq-border);border-radius:12px;margin:16px 0 0;padding:10px 16px 12px}.kq-complete .kq-complete-quote figcaption{letter-spacing:.05em;text-transform:uppercase;color:var(--kq-ink-muted);font-size:12px;font-weight:700}.kq-complete .kq-complete-quote blockquote{font:500 20px/1.35 var(--font-noto-jp), sans-serif;color:var(--kq-ink);margin:4px 0 0}.kq-complete .kq-complete-quote p{color:var(--kq-ink-muted);margin:4px 0 0;font-size:13px}.kq-complete .kq-complete-next{border-top:1px solid var(--kq-border);grid-template-columns:112px 1fr;align-items:center;gap:14px;margin-top:16px;padding-top:16px;display:grid}.kq-complete .kq-complete-next:not(:has(img)){grid-template-columns:1fr}.kq-complete .kq-complete-next img{object-fit:cover;border-radius:10px;width:112px;height:76px;box-shadow:0 1px 3px #2e2a252e}.kq-complete .kq-complete-next-title{color:var(--kq-ink);margin:4px 0 0;font-size:18px;font-weight:700}.kq-complete .kq-complete-next-why{color:var(--kq-ink-muted);margin:2px 0 0;font-size:14px;line-height:1.45}.kq-complete .kq-complete-actions{flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;display:flex}.kq-complete .kq-complete-replay{text-underline-offset:3px;color:var(--kq-ink-muted);cursor:pointer;background:0 0;border:0;margin-top:12px;padding:0;font-size:14px;text-decoration:underline;display:inline-block}@media (prefers-reduced-motion:reduce){.kq-complete-plate,.kq-panel.kq-complete,.kq-panel.kq-complete[data-landed=true],.kq-complete[data-landed=true] .kq-seal{animation:none}.kq-complete[data-landed=true] .kq-seal{opacity:.92;transform:rotate(-12deg)}}@media (max-width:520px){.kq-complete .kq-complete-head{padding-right:84px}.kq-complete .kq-seal{width:80px;height:80px}.kq-complete .kq-complete-next{grid-template-columns:88px 1fr}.kq-complete .kq-complete-next img{width:88px;height:60px}}
