.pd-ring li.win{border-color:var(--good);box-shadow:0 0 0 2px var(--good)}.pd-ring .pd-state{min-height:1.2em}.pd-info{font-family:var(--f-mono);flex-wrap:wrap;justify-content:center;gap:6px 16px;font-size:13px;display:flex}.pd-info .hot{color:var(--bad);font-weight:700}.pd-path{border-radius:var(--radius);background:linear-gradient(180deg,color-mix(in srgb,var(--info)18%,var(--surface)),color-mix(in srgb,var(--info)42%,var(--surface)));border:2px solid var(--ink);flex-wrap:wrap;justify-content:center;gap:6px;min-height:96px;padding:12px;display:flex}.pd-card{border:2px solid var(--ink);background:var(--surface);width:56px;height:70px;color:var(--ink);box-shadow:0 2px 0 var(--ink);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1px;display:flex}.pd-card>span{font-size:24px;line-height:1}.pd-card b{font-family:var(--f-mono);font-size:16px;line-height:1}.pd-card small{text-align:center;color:var(--muted);font-size:9px;line-height:1.1}.pd-card.pearl small{color:var(--accent);letter-spacing:1px}.pd-card.gold{background:color-mix(in srgb,var(--sun)45%,var(--surface))}.pd-card.danger{background:color-mix(in srgb,var(--bad)20%,var(--surface))}.pd-choose{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.pd-choose .btn{min-width:160px;padding:12px 18px;font-size:18px}