.pc-hero,.pc-step{min-width:0}
.pc-hero{width:100%;max-width:420px;justify-self:center}
.pc-pie{display:block;width:100%;max-width:420px;height:auto;margin:0 auto;font-family:Nunito,var(--u-font),sans-serif;font-variant-numeric:tabular-nums}
.pc-sector{fill:#FBFAF7;stroke:#1F2933;stroke-width:2;stroke-linejoin:round;transition:fill 250ms}
.pc-sector.pc-found{fill:#93B8F2}
.pc-sector.pc-answer{fill:#4A7A1E;fill-opacity:.35}
.pc-name{font-size:14px;font-weight:700;fill:#1F2933}
.pc-value{font-size:14px;font-weight:800;fill:#1F2933}
.pc-value.pc-unknown{fill:#67757F}
.pc-value.pc-answer{fill:#4A7A1E}
.pc-letter{font-size:18px;font-weight:800}
.pc-frac{fill:#2F6FEB;opacity:0}
.pc-leader{fill:none;stroke:#67757F;stroke-width:1.5}
.pc-guide{transform-box:view-box;transform-origin:180px 135px;opacity:0;pointer-events:none}
.pc-ring,.pc-half-outline{opacity:0;pointer-events:none}
.pc-cap{font-size:15px;font-weight:700;text-align:center;margin:0 0 8px}
.pc-total.pc-found{color:#2F6FEB;font-weight:800}
.pc-q{font-size:15px;color:#67757F;margin:0 0 8px}
.pc-match-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,300px);gap:20px;align-items:center}
.pc-match .pc-sector{cursor:pointer}
.pc-letters,.pc-controls{display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap}
.pc-letters .pc-letterbtn{min-width:44px;padding:0;display:grid;place-items:center}
.pc-step button,.pc-hero-section button{box-sizing:border-box;min-height:44px}
.pc-step button:focus-visible,.pc-hero-section button:focus-visible{outline:2px solid #2F6FEB;outline-offset:2px}
.pc-step button:disabled{cursor:default}
.pc-controls .sg-btn:disabled{opacity:.5;transform:none}
.pc-t{width:100%;max-width:300px;border-collapse:collapse;font-size:15px;font-variant-numeric:tabular-nums}
.pc-t th,.pc-t td{border:1px solid #E5E0D6;padding:0 8px;text-align:center}
.pc-t thead th{background:#F6F3EE;font-weight:700;padding:8px}
.pc-t tbody th{padding:0;font-weight:400;text-align:left}
.pc-t tr.pc-selected{background:rgb(147 184 242 / 30%)}
.pc-rowbtn{display:block;width:100%;border:0;background:transparent;padding:0 8px;text-align:left;color:#2F6FEB;font:inherit;text-decoration:underline dotted;text-underline-offset:3px;cursor:pointer}
.pc-match-value.pc-found{font-weight:800}
.pc-controls{margin-top:12px}
.pc-dots{display:flex;gap:8px;align-items:center;min-height:44px}
.pc-dots span{display:block;width:8px;height:8px;border-radius:50%;background:#E5E0D6}
.pc-dots span.pc-current{background:#2F6FEB}
.pc-work{list-style:none;padding:0;margin:12px 0 0;font-size:15px;line-height:1.5;font-variant-numeric:tabular-nums}
.pc-work li{padding:4px 0;overflow-wrap:break-word}
.pc-work li.pc-new .pc-result{color:#2F6FEB;font-weight:800}
.pc-work li.pc-final{color:#4A7A1E;font-weight:800}
.pc-work li.pc-final .pc-result{color:#4A7A1E}
.pc-new.pc-enter{animation:pc-line 250ms ease}
.pc-hero.pc-finished .pc-sector[data-pc-sector="Plain"]{fill:#93B8F2}
.pc-hero.pc-finished .pc-frac{opacity:1}
.pc-hero .pc-sector{transition:fill 300ms}
@keyframes pc-line{from{opacity:0}to{opacity:1}}
@media(max-width:900px){.pc-match-layout{grid-template-columns:minmax(0,1fr)}.pc-t{justify-self:center}}
@media(prefers-reduced-motion:reduce){.pc-sector{transition:none}.pc-new.pc-enter{animation:none}.pc-hero .pc-sector{transition:none}.pc-step button{transition:none;animation:none}.pc-step .sg-hint::before{animation:none}}