.evaluate-page .ev-card{border:1px solid var(--pearl-border);border-radius:var(--pearl-radius-lg, 16px);box-shadow:var(--pearl-shadow-md)}.evaluate-page .ev-card .card-body{padding:1.5rem}.evaluate-page .ev-step-title{font-weight:700;color:var(--pearl-text)}.evaluate-page .ev-step-title .ev-step-hint{font-size:.85rem;font-weight:500;color:var(--pearl-text-muted)}.evaluate-page .ev-preview{display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:48px;padding:10px 12px;margin-bottom:1rem;border-radius:var(--pearl-radius-md, 12px);background:var(--pearl-primary-lightest);border:1px dashed var(--pearl-primary-light)}.evaluate-page .ev-preview-empty{color:var(--pearl-text-muted);font-size:.9rem}.evaluate-page .ev-grid{display:grid;grid-template-columns:repeat(9, 1fr);gap:8px}@media(max-width: 575.98px){.evaluate-page .ev-grid{grid-template-columns:repeat(7, 1fr);gap:6px}}.evaluate-page .ev-num{aspect-ratio:1/1;border:1px solid var(--pearl-border);border-radius:50%;background:var(--pearl-white);color:var(--pearl-text);font-weight:600;font-size:.9rem;line-height:1;transition:transform .12s ease,background .12s ease,color .12s ease}.evaluate-page .ev-num:hover{background:var(--pearl-primary-lightest);transform:translateY(-1px)}.evaluate-page .ev-num.selected{background:var(--pearl-gradient-primary, var(--pearl-primary));border-color:rgba(0,0,0,0);color:#fff;box-shadow:var(--pearl-shadow-primary-sm)}.evaluate-page .ev-num:focus-visible{outline:2px solid var(--pearl-primary);outline-offset:2px}.evaluate-page .ev-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-top:1.25rem}.evaluate-page .ev-count{font-size:.9rem;font-weight:600;color:var(--pearl-text-muted)}.evaluate-page .ev-action-buttons{display:flex;gap:8px}.evaluate-page .ev-ball{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border-radius:50%;font-weight:700;font-size:.85rem;color:#fff;box-shadow:0 2px 5px rgba(67,41,92,.18)}.evaluate-page .ev-b1{background:linear-gradient(135deg, #FBD38D 0%, #F6AD55 100%);color:#744210}.evaluate-page .ev-b2{background:linear-gradient(135deg, #90CDF4 0%, #4299E1 100%);color:#fff}.evaluate-page .ev-b3{background:linear-gradient(135deg, #FEB2B2 0%, #FC8181 100%);color:#fff}.evaluate-page .ev-b4{background:linear-gradient(135deg, #CBD5E0 0%, #A0AEC0 100%);color:#2d3748}.evaluate-page .ev-b5{background:linear-gradient(135deg, #9AE6B4 0%, #68D391 100%);color:#22543d}.evaluate-page .ev-result-balls{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:1.25rem}.evaluate-page .ev-empty{padding:40px 20px;text-align:center;color:var(--pearl-text-muted);background:var(--pearl-light);border-radius:var(--pearl-radius-md, 12px)}.evaluate-page .ev-metrics{display:flex;flex-direction:column;gap:1rem}.evaluate-page .ev-metric{padding:14px 16px;border:1px solid var(--pearl-border);border-radius:var(--pearl-radius-md, 12px);background:var(--pearl-white)}.evaluate-page .ev-metric-head{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px}.evaluate-page .ev-metric-title{font-weight:700;color:var(--pearl-text)}.evaluate-page .ev-metric-value{font-size:.9rem;color:var(--pearl-primary-dark);font-weight:600}.evaluate-page .ev-chip{margin-left:auto;padding:3px 10px;border-radius:999px;font-size:.78rem;font-weight:700;white-space:nowrap}.evaluate-page .ev-chip--common{background:var(--pearl-primary-lightest);color:var(--pearl-primary-dark)}.evaluate-page .ev-chip--normal{background:var(--pearl-tint-purple);color:var(--pearl-primary-darker)}.evaluate-page .ev-chip--rare{background:var(--pearl-primary-lighter);color:var(--pearl-primary-darker)}.evaluate-page .ev-chip--very-rare{background:var(--pearl-primary-light);color:var(--pearl-primary-darker)}.evaluate-page .ev-metric-bar{display:flex;align-items:center;gap:10px}.evaluate-page .ev-metric-track{flex:1 1 auto;height:12px;border-radius:999px;background:var(--pearl-gray);overflow:hidden}.evaluate-page .ev-metric-fill{height:100%;min-width:3px;border-radius:999px;background:var(--pearl-gradient-primary, var(--pearl-primary));transition:width .5s ease}.evaluate-page .ev-metric-rate{flex:0 0 auto;font-size:.82rem;color:var(--pearl-text-muted)}.evaluate-page .ev-metric-desc{margin:8px 0 0;font-size:.88rem;color:var(--pearl-text-muted)}.evaluate-page .ev-sub{margin:1.5rem 0 .75rem;font-weight:700;color:var(--pearl-primary-dark)}.evaluate-page .ev-bands{display:grid;grid-template-columns:repeat(5, 1fr);gap:10px}@media(max-width: 575.98px){.evaluate-page .ev-bands{grid-template-columns:repeat(2, 1fr)}}.evaluate-page .ev-band{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 8px;border:1px solid var(--pearl-border);border-radius:var(--pearl-radius-md, 12px);background:var(--pearl-primary-lightest);text-align:center}.evaluate-page .ev-band-label{font-size:.8rem;color:var(--pearl-text-muted)}.evaluate-page .ev-band-count{font-size:1.3rem;font-weight:800;color:var(--pearl-primary);line-height:1.2}.evaluate-page .ev-band-avg{font-size:.75rem;color:var(--pearl-text-muted)}.evaluate-page .ev-note{margin:1.25rem 0 0;padding:12px 14px;border-radius:var(--pearl-radius-md, 12px);background:var(--pearl-light);font-size:.88rem;color:var(--pearl-text-muted)}
