/* Typer + symulator (dopisz na końcu style.css) */
.pr-card{background:#fff;border:1px solid var(--paper-line);border-radius:var(--radius-l);box-shadow:var(--shadow-card);padding:26px;margin-bottom:22px;position:relative;overflow:hidden}
.pr-card::before{content:"";position:absolute;inset:0 0 auto 0;height:5px;background:linear-gradient(90deg,var(--navy-700),var(--mustard-500))}
.pr-controls{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-end;margin-bottom:22px}
.pr-controls label{display:flex;flex-direction:column;gap:6px;font-size:.8rem;font-weight:600;color:var(--navy-800);flex:1;min-width:220px}
.pr-controls select{padding:12px 14px;border-radius:var(--radius-s);border:1px solid var(--paper-line);font:inherit;background:var(--paper-soft)}
.pr-toggle{display:flex;background:var(--paper-soft);border-radius:100px;padding:4px;border:1px solid var(--paper-line)}
.pr-toggle button{border:0;background:none;padding:9px 18px;border-radius:100px;font-family:var(--ff-display);letter-spacing:.03em;color:var(--ink-soft)}
.pr-toggle button.on{background:var(--navy-900);color:#fff}
.pr-vs{display:flex;justify-content:center;align-items:center;gap:14px;flex-wrap:wrap;font-family:var(--ff-display);font-size:1.25rem;color:var(--navy-900);text-align:center}
.pr-vs em{font-style:normal;opacity:.45;font-size:.85rem}.pr-vs .us{color:var(--mustard-700)}
.pr-probs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 14px;text-align:center}
.pr-probs div{border-radius:var(--radius-m);padding:16px 6px;border:1px solid var(--paper-line);border-top:4px solid var(--c)}
.pr-probs .w{--c:var(--ok)}.pr-probs .d{--c:var(--mustard-500)}.pr-probs .l{--c:#c0392b}
.pr-probs b{display:block;font-family:var(--ff-display);font-size:clamp(1.8rem,5vw,2.8rem);line-height:1;color:var(--navy-900)}
.pr-probs span{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}
.pr-bar{display:flex;height:16px;border-radius:100px;overflow:hidden;background:var(--paper-soft)}
.pr-bar.s{height:9px;flex:1}
.pr-bar i{display:block;transition:width .8s cubic-bezier(.2,.8,.2,1)}
.pr-bar .w,.pr-hist i{background:var(--ok)}.pr-bar .d{background:var(--mustard-500)}.pr-bar .l{background:#c0392b}

/* Symulator */
.pr-sim h3{font-size:1.15rem;margin-bottom:4px}
.pr-simtop{display:flex;gap:12px;margin:16px 0}
.pr-simtop div{flex:1;text-align:center;background:var(--paper-soft);border-radius:var(--radius-m);padding:12px 6px}
.pr-simtop b{display:block;font-family:var(--ff-display);font-size:1.4rem;color:var(--navy-900);font-weight:600}
.pr-simtop span{font-size:.72rem;color:var(--ink-faint)}
.pr-hist{display:flex;align-items:flex-end;gap:4px;height:130px;margin:10px 0 22px}
.pr-hist>div{flex:1;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;font-size:.68rem;color:var(--ink-faint)}
.pr-hist i{width:100%;border-radius:4px 4px 0 0;background:var(--mustard-500)}
.pr-mini>div{display:grid;grid-template-columns:minmax(120px,240px) 1fr 42px;gap:12px;align-items:center;font-size:.84rem;padding:6px 0}
.pr-mini b{text-align:right;font-family:var(--ff-display)}

/* Bezpośrednie starcia */
.pr-h2h{margin-top:22px}.pr-h2h h4{font-size:1rem;margin-bottom:8px}
.pr-h{display:grid;grid-template-columns:120px 1fr 52px 1fr;gap:8px;align-items:center;padding:8px 10px;border-left:4px solid var(--c);background:var(--paper-soft);border-radius:6px;margin-bottom:6px;font-size:.84rem}
.pr-h.w{--c:var(--ok)}.pr-h.d{--c:var(--mustard-500)}.pr-h.l{--c:#c0392b}
.pr-h span:first-child{color:var(--ink-faint);font-size:.74rem}.pr-h span:nth-child(2){text-align:right}.pr-h b{text-align:center;font-family:var(--ff-display)}
@media(max-width:640px){.pr-h{grid-template-columns:1fr 46px 1fr}.pr-h span:first-child{grid-column:1/-1}}