#patience{max-width:1080px}.p-head{display:flex;align-items:center;justify-content:space-between;gap:15px}.p-head h1{font-size:32px}.p-head p{color:var(--muted);font-size:14px}.p-score{display:flex;gap:30px;align-items:center;margin:20px 0}.p-score strong{font-size:28px;color:var(--gold)}.p-score span{font-size:12px;color:var(--muted)}.p-lights{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.p-lights span{padding:8px 12px;border:1px solid #ffffff20;border-radius:8px;color:#a0aaa3;font-size:13px}.p-lights .on{background:#143d28;border-color:#70d09f;color:#9bebbb}.p-chart{background:#0b1912;border:1px solid #ffffff20;border-radius:16px;overflow:hidden}.p-chart svg{display:block;width:100%;height:auto}.p-chart text{font:14px Lab,sans-serif}.p-controls{display:flex;gap:12px;margin:18px 0;align-items:center}.p-controls .primary{width:240px;min-height:52px}.p-status{min-height:32px;color:var(--gold)}.p-note{color:var(--muted);font-size:12px}.p-results{margin-top:20px;border-top:1px solid #cfb77244;padding-top:20px}.p-results h2{font-size:22px}.p-summary{display:flex;gap:24px;flex-wrap:wrap}.p-summary strong{color:var(--gold);font-size:25px}.p-summary span{font-size:13px;display:block}.p-controls button{touch-action:manipulation}@media(max-width:600px){#patience{padding:22px 15px}.p-head h1{font-size:27px}.p-score{gap:20px}.p-lights{gap:6px}.p-lights span{font-size:11px;padding:8px}.p-controls .primary{flex:1;width:auto}.p-chart svg{min-height:220px}}