.pickem-summary{display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:3px solid #f4512a}.pickem-summary h2{font-size:clamp(1.5rem,4vw,2.5rem);margin:8px 0}.pickem-progress{display:grid;gap:8px;min-width:160px}.pickem-progress strong{font-size:2rem}.pickem-progress progress{width:100%;accent-color:#f4512a}.pickem-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;margin-top:24px}.pickem-bout{min-width:0;margin:0;padding:16px;border:1px solid var(--border,#444)}.pickem-bout legend{font-size:.8rem;padding:0 8px}.pickem-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.pickem-choice{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;border:2px solid var(--border,#444);background:transparent;color:inherit;padding:12px 8px;cursor:pointer;font:inherit;border-radius:12px;transition:border-color .18s,background .18s}.pickem-choice img{width:100%;height:150px;object-fit:contain;object-position:bottom}.pickem-choice span{font-weight:700;overflow-wrap:anywhere}.pickem-choice small{font-size:.75rem}.pickem-choice.is-picked{border-color:#f4512a;background:rgba(244,81,42,.12)}.pickem-choice:focus-visible{outline:3px solid #f4512a;outline-offset:3px}.pickem-choice:disabled{cursor:default;opacity:.8}.pickem-choice.is-picked small{color:#f4512a;font-weight:700}@media(max-width:700px){.pickem-grid{grid-template-columns:1fr;gap:16px}.pickem-summary{align-items:flex-start;flex-direction:column}.pickem-progress{width:100%}}@media(prefers-reduced-motion:reduce){.pickem-choice{transition:none}}

.pickem-save{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:20px 0}.pickem-save p{flex-basis:100%;margin:0}.pickem-save input,.pickem-ranking select,#pickem-event{max-width:100%;padding:10px;background:var(--panel,#191919);color:var(--ink,#eee);border:1px solid var(--line,#555)}.pickem-ranking{margin-top:32px}.pickem-table{overflow-x:auto;margin-top:16px}.pickem-table table{width:100%;border-collapse:collapse;text-align:left}.pickem-table th,.pickem-table td{padding:12px;border-bottom:1px solid var(--line,#555);white-space:nowrap}.pickem-pagination{display:flex;gap:16px;align-items:center;justify-content:center;margin-top:16px}

.pickem-choice .pickem-fighter-info{font-weight:400;color:var(--muted,#aaa);font-size:.75rem}.pickem-fighter-info span{font-weight:400}

.pickem-results{margin:24px 0;border-top:3px solid #f4512a}.pickem-result-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:20px 0}.pickem-result-stats div{padding:12px;border:1px solid var(--border,#444);border-radius:8px}.pickem-result-stats dt{font-size:.8rem;color:var(--muted,#aaa)}.pickem-result-stats dd{margin:6px 0 0;font-size:1.7rem;font-weight:700}.pickem-bout-result{margin:16px 0 0;padding:12px;border:2px solid var(--pickem-result-border,var(--border,#777));background:rgba(255,255,255,.04)}@media(max-width:500px){.pickem-result-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}}

.pickem-fighter{cursor:default}.pickem-methods{display:grid;grid-template-columns:minmax(0,1fr);gap:8px;width:100%;margin-top:auto}.pickem-method{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 8px;min-height:44px;padding:10px;border:1px solid var(--border,#555);border-radius:8px;background:transparent;color:inherit;font:inherit;font-size:.85rem;text-align:left;cursor:pointer}.pickem-method small{white-space:nowrap}.pickem-method.is-picked{border-color:#f4512a;background:rgba(244,81,42,.18)}.pickem-method:focus-visible{outline:3px solid #f4512a;outline-offset:2px}.pickem-method:disabled{cursor:default;opacity:.8}.pickem-choice.is-picked .pickem-method:not(.is-picked) small{color:inherit;font-weight:400}

.pickem-bout.has-result{border-width:2px;border-color:var(--pickem-result-border)}.pickem-bout.result-correct{--pickem-result-border:#22c55e}.pickem-bout.result-wrong{--pickem-result-border:#ef4444}.pickem-bout.result-neutral{--pickem-result-border:#9ca3af}

@media(min-width:901px){
  .pickem-methods{grid-template-columns:repeat(3,minmax(0,1fr))}
  .pickem-methods .pickem-method{min-width:0;flex-direction:column;justify-content:center;text-align:center}
  .pickem-methods .pickem-method[data-pick-method="general"]{grid-column:1 / -1;flex-direction:row;gap:12px}
}

.pickem-countdown{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:18px;margin:20px 0;border:1px solid var(--border,#555);border-radius:10px}.pickem-countdown output{font-size:clamp(1.5rem,4vw,2.2rem);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:.04em}.pickem-personal{border:1px solid #f4512a;border-radius:10px;padding:20px;margin:20px 0;background:rgba(244,81,42,.06)}.pickem-personal h3{margin-top:0}.pickem-personal-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.pickem-personal-stats dt{font-size:.8rem;color:var(--muted,#aaa)}.pickem-personal-stats dd{font-size:1.5rem;font-weight:700;margin:8px 0 0}.pickem-table tr.is-you{background:rgba(244,81,42,.12)}.pickem-table tr.is-you td:first-child{border-left:3px solid #f4512a}.pickem-you{font-size:.75rem;font-weight:700;color:#f4512a}.pickem-personal button{margin-top:8px}@media(max-width:600px){.pickem-personal-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pickem-countdown{align-items:flex-start;flex-direction:column}}

.pickem-bout{position:relative}.pickem-gain{position:absolute;top:12px;right:14px;padding:4px 10px;border-radius:999px;background:#22c55e;color:#08130b;font-weight:800;font-size:1rem;pointer-events:none;opacity:0}
@media(prefers-reduced-motion:no-preference){.pickem-countdown output.is-closing{color:#ef4444;animation:pickem-closing 1s ease-in-out infinite}}
.pickem-countdown output{display:inline-block}.pickem-countdown output.is-closing{color:#ef4444}
@keyframes pickem-closing{0%,100%{transform:scale(1);text-shadow:0 0 0 rgba(239,68,68,0)}50%{transform:scale(1.06);text-shadow:0 0 18px rgba(239,68,68,.55)}}
@media(prefers-reduced-motion:no-preference){.pickem-bout.has-result.is-awaiting-reveal{border-color:var(--border,#444)}}