@charset "UTF-8";

.sports-odds-panel{margin:12px 14px 14px;padding:13px 14px;border:1px solid #e3e8ee;border-radius:11px;background:#f9fbfd;color:#243245;font-size:12px}
.sports-odds-empty{color:#758397;text-align:center;padding:12px}
.sports-odds-head{display:flex;justify-content:space-between;gap:8px;align-items:center;margin-bottom:11px}.sports-odds-head strong{font-size:14px}.sports-odds-head span{color:#66778a}
.sports-odds-market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.sports-odds-market{background:#fff;border:1px solid #e8edf3;border-radius:8px;padding:9px;min-width:0}.sports-odds-market-title{font-weight:700;margin-bottom:7px}
.sports-odds-market summary,.sports-odds-history summary{cursor:pointer;color:#506683;font-weight:600;list-style:revert;padding:5px 0}
.sports-odds-values{display:flex;flex-direction:column;gap:4px;margin-top:7px;max-height:210px;overflow:auto}.sports-odds-price{display:flex;align-items:center;gap:6px;border-bottom:1px solid #f0f2f5;padding:5px 0}.sports-odds-pick{flex:1;min-width:0;overflow-wrap:anywhere}.sports-odds-price strong{white-space:nowrap;font-size:12px}.sports-odds-price small{font-size:11px;white-space:nowrap}
.sports-odds-up{color:#d44b4b!important}.sports-odds-down{color:#287fca!important}.sports-odds-no-data{color:#9aa5b3}
.sports-odds-history{margin-top:9px}.sports-odds-history-scroll{max-height:220px;overflow:auto;border-top:1px solid #e5e8eb;margin-top:6px}.sports-odds-history-row{display:grid;grid-template-columns:75px minmax(0,1fr) 95px 14px;gap:6px;padding:8px 3px;border-bottom:1px solid #e9edf1}.sports-odds-history-row span:nth-child(2){overflow-wrap:anywhere}.sports-odds-foot{margin-top:8px;color:#8290a0;font-size:11px}
@media(max-width:720px){.sports-odds-market-grid{grid-template-columns:1fr}.sports-odds-history-row{grid-template-columns:70px minmax(0,1fr) 84px 12px}.sports-odds-panel{margin:10px 8px}}
/* 대표 배당 컴팩트 표시: 최대 7개 선택지를 접지 않고 즉시 표시 */
.sports-odds-compact .sports-odds-market-subtitle{color:#758397;font-size:11px;line-height:1.45;margin:-1px 0 5px}
.sports-odds-compact .sports-odds-values{max-height:none;overflow:visible;margin-top:4px}
.sports-odds-compact .sports-odds-market{padding:10px}
.sports-odds-compact .sports-odds-price:last-child{border-bottom:none}
.sports-odds-compact .sports-odds-pick{overflow-wrap:anywhere}

/* 대표 배당 변동만 강조합니다. 경기카드와 메인 레이아웃에는 영향을 주지 않음 */
.sports-odds-compact{min-width:0;max-width:100%;box-sizing:border-box}
.sports-odds-compact .sports-odds-head-meta{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:7px;min-width:0}
.sports-odds-compact .sports-odds-change-summary{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:20px;background:#fff1d6;color:#875600;font-weight:700;font-size:11px;white-space:nowrap}
.sports-odds-compact .sports-odds-price{min-width:0;flex-wrap:wrap;border-radius:5px;transition:background-color .2s ease}
.sports-odds-compact .sports-odds-before{font-size:11px;white-space:nowrap;color:#9099a7;text-decoration:line-through}
.sports-odds-compact .sports-odds-current{font-variant-numeric:tabular-nums}
.sports-odds-compact .sports-odds-changed-up{background:#fff2f2;border-left:3px solid #d44b4b;padding-left:5px}
.sports-odds-compact .sports-odds-changed-down{background:#eef7ff;border-left:3px solid #287fca;padding-left:5px}
.sports-odds-compact .sports-odds-changed-up .sports-odds-current{color:#b52d2d}
.sports-odds-compact .sports-odds-changed-down .sports-odds-current{color:#176ba8}
.sports-odds-compact .sports-odds-up,.sports-odds-compact .sports-odds-down{font-weight:700;font-variant-numeric:tabular-nums}
.sports-odds-compact .sports-odds-just-changed{animation:spo-odds-soft-flash 1.6s ease-out 2}
@keyframes spo-odds-soft-flash{0%,100%{filter:brightness(1)}35%{filter:brightness(.95)}}
@media (prefers-reduced-motion:reduce){.sports-odds-compact .sports-odds-just-changed{animation:none}}
@media(max-width:600px){.sports-odds-compact .sports-odds-head{flex-wrap:wrap}.sports-odds-compact .sports-odds-head-meta{justify-content:flex-start}}