.scoring-open { width: 100%; margin-top: 8px; }
.scoring-modal { width: min(900px, calc(100vw - 24px)); max-height: 90vh; overflow: auto; padding: 20px; }
.scoring-result { color: #f0d394; margin: 10px 0 15px; font-size: 15px; }
.scoring-context { margin: 4px 0 14px; font-size: 11px; line-height: 1.6; color: #b9c7b8; }
.scoring-totals { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); gap: 10px; }
.scoring-total { border: 1px solid #64766b; border-radius: 8px; background: #182c32; padding: 13px; }
.scoring-total.is-winner { border-color: #e7b55b; background: #354039; }
.scoring-total.is-self { box-shadow: inset 0 3px 0 var(--score-player-color, #d6b879); }
.scoring-total h3 { margin: 6px 0; font-size: 13px; overflow-wrap: anywhere; }
.scoring-total strong { font-size: 27px; color: #f7ddb0; }
.scoring-rank { font-size: 11px; color: #b9c7b8; }
.scoring-drafts { display: block; margin-top: 5px; font-size: 10px; color: #c9b88d; }
.scoring-comparison { overflow: auto; margin-top: 18px; }
.scoring-comparison table { width: 100%; border-collapse: collapse; font-size: 12px; }
.scoring-comparison th, .scoring-comparison td { padding: 8px; border-bottom: 1px solid #3e5554; text-align: right; }
.scoring-comparison th:first-child { text-align: left; white-space: nowrap; }
.scoring-comparison tbody th { font-weight: 500; }
.scoring-comparison tfoot { font-weight: 700; color: #f4cf8b; background: #243c3c; }
.scoring-modal .is-negative { color: #f3aa99; }
.scoring-player-details { margin-top: 12px; padding: 11px; border: 1px solid #506766; border-radius: 7px; }
.scoring-player-details summary { cursor: pointer; font-size: 12px; color: #e1d4ae; }
.scoring-category h4 { margin: 13px 0 7px; font-size: 12px; color: #c4d4c0; }
.scoring-item { display: flex; justify-content: space-between; gap: 10px; padding: 4px 0; font-size: 11px; }
.scoring-item b { white-space: nowrap; }
.scoring-note, .scoring-unresolved { margin: 3px 0 8px; font-size: 10px; color: #9eb4ac; }
.scoring-unresolved { color: #ffc48f; }
@media(max-width:600px) { .scoring-modal { padding: 12px; } .scoring-comparison th, .scoring-comparison td { padding: 7px 4px; } }