/* Results screen styles. */

#results{display:none}
#results h2{font-size:2rem;text-align:center;margin-bottom:8px;font-weight:800;letter-spacing:-.01em}
#results .subtitle{text-align:center;color:var(--muted);margin-bottom:32px;font-size:1rem}
.top-values{display:grid;gap:12px;margin-bottom:40px}
.result-row{display:flex;align-items:center;gap:16px;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:18px 22px;transition:all .25s}
.result-row:hover{transform:translateX(4px);box-shadow:0 4px 16px rgba(54,43,43,.06)}
.rank{font-size:1.3rem;font-weight:800;width:40px;text-align:center;flex-shrink:0}
.rank.gold{color:#d4a04a}.rank.silver{color:#a09590}.rank.bronze{color:#c08040}
.result-info{flex:1;min-width:0}
.result-name{font-weight:700;font-size:1.05rem}
.result-desc{font-size:.85rem;color:var(--muted);margin:4px 0 6px;line-height:1.4}
.result-bar-wrap{height:8px;background:var(--border);border-radius:99px;margin-top:6px;overflow:hidden}
.result-bar{height:100%;border-radius:99px;transition:width 1s ease}
.result-score{font-size:1.1rem;font-weight:700;color:var(--primary);flex-shrink:0;min-width:50px;text-align:right}
.tier-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1.2px;color:var(--muted);margin:32px 0 14px;padding:10px 16px;border-bottom:none;background:rgba(192,107,94,.06);border-radius:12px;display:flex;align-items:center;gap:8px}

/* Results Action Bar */
.results-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;flex-wrap:wrap;gap:8px}
.results-actions .btn{padding:10px 20px;font-size:.85rem;border-radius:12px}
.export-note{font-size:.8rem;color:var(--muted);margin-bottom:20px;line-height:1.5;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:14px 18px}
.export-note strong{color:var(--text)}

/* Partial Results Notice */
.partial-notice{text-align:center;background:linear-gradient(135deg,rgba(212,160,74,.1),rgba(212,160,74,.05));border:1px solid #f0d890;border-radius:16px;padding:14px 20px;margin-bottom:24px;font-size:.9rem;color:#8b6914;font-weight:500}

/* Results Explore CTA */
.results-explore-cta{background:linear-gradient(135deg,rgba(192,107,94,.06),rgba(155,125,184,.06));border:1px solid rgba(192,107,94,.15);border-radius:18px;padding:24px;margin-bottom:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.results-explore-cta p{font-size:.9rem;color:var(--muted);margin:0;flex:1;min-width:200px}
.results-explore-cta .btn{flex-shrink:0}

@media(max-width:600px){
  .results-actions{flex-direction:column;align-items:stretch}
  .results-explore-cta{flex-direction:column;text-align:center}
}

/* Large screens */
@media(min-width:1024px){
  #results h2{font-size:2.2rem}
  .top-values{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
  .tier-label{grid-column:1/-1}
  .result-row{padding:20px 28px}
  .result-name{font-size:1.1rem}
}
@media(min-width:1400px){
  #results h2{font-size:2.5rem}
  .top-values{gap:20px}
  .result-row{padding:24px 32px}
}