@layer components{.sl-stage{padding:20px 24px max(16px, env(safe-area-inset-bottom));background:radial-gradient(70% 70% at 28% 42%,#0d3a2e 0%,#07100d 72%);grid-template-columns:minmax(0,1fr) minmax(330px,500px);gap:28px;display:grid}.sl-map{align-content:center;place-items:center;gap:10px;min-height:0;display:grid;position:relative;container-type:size}.sl-shape{aspect-ratio:1;width:min(100cqw,100cqh - 44px,520px);animation:sl-in .6s var(--ease-out) both}.sl-shape svg{fill:#efece4;filter:drop-shadow(0 14px 34px #00000080);width:100%;height:100%;transition:fill .5s}.sl-shape.is-won svg{fill:var(--rn)}.sl-shape.is-lost svg{fill:#ff8a66}@keyframes sl-in{0%{opacity:0;transform:scale(.92)}}.sl-name{letter-spacing:-.02em;animation:pop .32s var(--ease-pop) both;font-size:22px;font-weight:700}.sl-side{flex-direction:column;justify-content:flex-end;gap:14px;min-height:0;display:flex}.sl-guesses{gap:5px;display:grid}.sl-row{height:38px;animation:pop .26s var(--ease-pop) both;background:#ffffff14;border-radius:11px;grid-template-columns:minmax(0,1fr) auto 22px 44px;align-items:center;gap:10px;padding:0 12px;font-size:14.5px;font-weight:600;display:grid}.sl-row.is-empty{background:#ffffff08;animation:none;box-shadow:inset 0 0 0 1px #ffffff0d}.sl-row.is-hit{color:#0d0d0f;background:var(--rn);grid-template-columns:minmax(0,1fr) auto}.sl-guess{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sl-mi{color:var(--on-dark-dim);font-size:13.5px}.sl-pct{text-align:right}.sl-got{font-size:13px}.sl-arrow{width:22px;height:22px;color:var(--rn);transform:rotate(var(--deg));animation:sl-turn .7s var(--ease-spring) both}@keyframes sl-turn{0%{transform:rotate(0)}}.sl-toast{z-index:5;text-align:center;color:#0d0d0f;max-width:calc(100% - 32px);animation:pop .24s var(--ease-pop) both;background:#fff;border-radius:999px;padding:9px 15px;font-size:14px;font-weight:600;position:absolute;top:14px;left:50%;translate:-50%}@media (prefers-reduced-motion:reduce){.sl-shape,.sl-arrow,.sl-row,.sl-name{animation:none}}@container (max-width:759px){.sl-stage{padding:12px 12px max(12px, env(safe-area-inset-bottom));grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:10px}.sl-side{gap:8px}.sl-guesses{gap:4px}.sl-row{grid-template-columns:minmax(0,1fr) auto 18px 38px;gap:8px;height:31px;padding:0 10px;font-size:13.5px}.sl-arrow{width:18px;height:18px}.sl-name{font-size:18px}}.sl-sum{align-items:center;gap:16px;display:flex}.sl-sum>div:nth-child(2){flex:1;min-width:0}.sl-sum>svg{width:104px;height:104px;fill:var(--stage-ink);flex:none}.sl-sum-name{overflow-wrap:anywhere;letter-spacing:-.02em;font-size:19px;font-weight:700;line-height:1.15}.sl-sum-sub{color:var(--stage-dim);margin-top:2px;font-size:13.5px}}