.completion-overlay{z-index:30;isolation:isolate;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0c0d0b7d;position:absolute;inset:0}.completion-scroll{overscroll-behavior:contain;scrollbar-width:thin;place-items:safe center;width:100%;height:100%;padding:16px;display:grid;overflow:auto}.completion-card{color:#f8f7f0;text-align:left;background:#191a17;border:0;border-radius:20px;width:min(100%,560px);padding:23px;animation:.29s cubic-bezier(.22,1,.36,1) .1s both completion-enter;position:relative;box-shadow:0 14px 50px #0c0d0a66}.completion-summary{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.completion-card h2{color:#e4ef93;letter-spacing:-.075em;margin:0;font-size:clamp(38px,6vw,58px);font-weight:750;line-height:1.08}.completion-puzzle-title{overflow-wrap:anywhere;color:#bdbdb4;margin-top:8px;font-size:14px;line-height:1.35}.completion-stats{text-align:right;gap:12px;margin:0;display:flex}.completion-stats>div{flex-direction:column-reverse;display:flex}.completion-stats dt{color:#bdbdb4;letter-spacing:.06em;text-transform:uppercase;margin-top:3px;font-size:11px}.completion-stats dd{font-variant-numeric:tabular-nums;margin:0;font-size:19px;font-weight:700;line-height:1}.completion-best{color:#e4ef93;margin-top:12px;font-size:13px}.completion-card .text-primary{color:#e4ef93}.completion-card .border-t{border-color:#42443b}.completion-actions{flex-wrap:wrap;gap:7px;margin-top:20px;display:flex}.completion-actions button{color:#f8f7f0;white-space:nowrap;background:0 0;border:1px solid #7d8072;border-radius:9999px;justify-content:center;align-items:center;min-height:37px;padding:5px 13px;font-size:13px;transition:background-color .14s;display:inline-flex}.completion-actions button:hover,.puzzle-workspace .completion-actions button:focus-visible,.completion-actions button:focus-visible{background:#3c3f32}.completion-actions .completion-replay{color:#1c2010;background:#e4ef93;border-color:#0000;font-weight:600}.completion-actions .completion-replay:hover,.puzzle-workspace .completion-actions .completion-replay:focus-visible,.completion-actions .completion-replay:focus-visible{background:#f1f9bb}.completion-next{border-top:1px solid #42443b;margin-top:22px;padding-top:14px}.completion-next h3{color:#f8f7f0;margin-bottom:8px;font-size:15px;font-weight:700}.completion-next-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.completion-next-grid>div{min-width:0}.completion-next-card{text-align:left;width:100%;min-width:0;display:block}.completion-next-card img{aspect-ratio:4/3;object-fit:cover;border-radius:10px;width:100%;display:block}.completion-next-caption{color:#f8f7f0;justify-content:space-between;align-items:end;gap:8px;margin-top:5px;font-size:14px;display:flex}.completion-next-caption span{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;transition:color .15s;display:-webkit-box;overflow:hidden}.completion-next-caption svg{flex-shrink:0;margin-bottom:2px}.completion-next-card:focus-visible .completion-next-caption span{color:#c5c7bf}@media (hover:hover) and (pointer:fine){.completion-next-card:hover .completion-next-caption span{color:#c5c7bf}}.completion-confetti{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.completion-confetti i{width:var(--size);height:calc(var(--size) * .58);animation:completion-burst var(--duration) linear var(--delay) both;position:absolute;top:48%;left:50%}.completion-confetti--paper i:nth-child(3n){border-radius:50%}.completion-confetti--pieces i{height:var(--size);-webkit-mask:radial-gradient(circle at 50% 18%,#000 17%,#0000 19%),radial-gradient(circle at 83% 53%,#000 16%,#0000 18%),linear-gradient(#000,#000) 40% 58%/58% 61% no-repeat;mask:radial-gradient(circle at 50% 18%,#000 17%,#0000 19%),radial-gradient(circle at 83% 53%,#000 16%,#0000 18%),linear-gradient(#000,#000) 40% 58%/58% 61% no-repeat}@keyframes completion-enter{0%{opacity:0;transform:translateY(9px)scale(.99)}to{opacity:1;transform:none}}@keyframes completion-burst{0%{opacity:0;animation-timing-function:cubic-bezier(.19,.7,.38,1);transform:translate(0)scale(.55)}9%{opacity:1}39%{opacity:1;transform:translate(var(--x), var(--y)) rotate(calc(var(--spin) * .55));animation-timing-function:cubic-bezier(.43,0,.8,.63)}72%{opacity:.95}to{opacity:0;transform:translate(calc(var(--x) * 1.13), var(--fall)) rotate(var(--spin))}}@media (width<=550px){.completion-card{padding:16px}.completion-summary{grid-template-columns:minmax(0,1fr)}.completion-stats{text-align:left;justify-content:start}}@media (prefers-reduced-motion:reduce){.completion-card{animation:none}.completion-confetti{display:none}.completion-actions button{transition:none}}