
/* 경기결과 v2.6 — 현재 시안 d4 · d6 CSS 중 _x_v 에 없는 규칙(scratchpad v13/mkres.py 로 뽑음, .ptx 범위). _x_v 다음에 싣는다 */
.ptx .d4-q { width: 170px; height: 32px; padding: 0 10px 0 30px; border: 1px solid #d1d1d1; background: #fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256' fill='%23999'%3E%3Cpath d='M229.66,218.34l-50.07-50.06a88.11,88.11,0,1,0-11.31,11.31l50.06,50.07a8,8,0,0,0,11.32-11.32ZM40,112a72,72,0,1,1,72,72A72.08,72.08,0,0,1,40,112Z'/%3E%3C/svg%3E") no-repeat 9px center / 14px; font-family: var(--f); font-size: 13px; color: #333; }
.ptx .d4-q:focus { outline: 0; border-color: #1ba9de; box-shadow: 0 0 0 1px #1ba9de; }
.ptx .d4-q::placeholder { color: #aaa; }
.ptx .d4-lgh.shut { border-bottom-color: #e5e5e5; }
.ptx .d4-lgn .d4-fold { display: inline-flex; margin-left: 2px; color: #aaa; }
.ptx .d4-lgn .d4-fold .ph { width: 11px; height: 11px; }
.ptx .d4-lgn:hover .d4-fold { color: #555; }
.ptx .d4-tag.ty { border-color: #d1d1d1; color: #555; font-weight: 400; }
.ptx .d4-tag { height: 18px; line-height: 16px; padding: 0 5px; border: 1px solid #e6c9ef; color: #9025b0; background: #fff; font-size: 11px; font-weight: 700; letter-spacing: -0.5px; white-space: nowrap; cursor: help; }
.ptx .d4-tag.nt { border-color: #f3d3b4; color: #d9701a; }
.ptx .d4-odds { display: grid; gap: 4px; }
.ptx .d4-odds.c3, .ptx .d4-cols.c3 { grid-template-columns: repeat(3, 1fr); }
.ptx .d4-odds.c2, .ptx .d4-cols.c2 { grid-template-columns: repeat(2, 1fr); }
.ptx .d4-odd { all: unset; box-sizing: border-box; position: relative; height: 30px; display: flex; align-items: center; justify-content: center; gap: 5px; border: 1px solid #d9d9d9; background: #fff; cursor: pointer; font-family: var(--num); font-variant-numeric: tabular-nums; transition: background-color .12s, border-color .12s; }
.ptx .d4-odd b { font-size: 13px; font-weight: 400; color: #666; letter-spacing: 0; }
.ptx .d4-odd .d4-l { font-family: var(--f); font-size: 11px; color: #aaa; letter-spacing: -0.5px; }
.ptx .d4-odd:hover { border-color: #888; box-shadow: 0 0 0 1px #888; z-index: 1; }
.ptx .d4-odd:focus-visible { outline: 2px solid #1ba9de; outline-offset: 1px; z-index: 3; }
.ptx .d4-odd.on { background: var(--sel); border-color: var(--sel); box-shadow: 0 0 0 1px var(--sel); z-index: 2; }
.ptx .d4-odd.on b { color: var(--sel-t); font-weight: 500; }
.ptx .d4.sel-dark .d4-odd.on b { font-weight: 700; }
.ptx .d4-odd.on .d4-l { color: var(--sel-l); }
.ptx .d4-odd:disabled { background: #fafafa; border-color: #efefef; box-shadow: none; cursor: default; }
.ptx .d4-odd:disabled b, .ptx .d4-odd:disabled .d4-l { color: #c2c2c2; font-weight: 400; }
.ptx .d4-mks { background: #fafafa; border-bottom: 1px solid #efefef; padding: 4px 0 6px; }
.ptx .d4-mk .d4-odds { grid-column: 3 / 4; }
.ptx .d4-mk .d4-odd { height: 26px; }
.ptx .d4-mk .d4-odd b { font-size: 12px; }
.ptx .d6-kpi { display: grid; grid-template-columns: 1.1fr 1.15fr .75fr 1.9fr; margin-top: 10px; background: #fff; border: 1px solid #d1d1d1; }
.ptx .d6-kpi > div { display: flex; flex-direction: column; justify-content: center; gap: 5px; min-width: 0; padding: 12px 14px; border-left: 1px solid #ececec; }
.ptx .d6-kpi > div:first-child { border-left: 0; }
.ptx .d6-kpi small { font-size: 11px; color: #888; }
.ptx .d6-kpi b { font-size: 17px; font-weight: 700; color: #111; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; letter-spacing: -0.3px; }
.ptx .d6-kpi b span { font-size: 12px; font-weight: 400; color: #888; }
.ptx .d6-kpi b .up { font-size: 17px; font-weight: 700; color: #e62626; }
.ptx .d6-kpi b .pk { font-size: 11px; font-weight: 700; color: #1d232a; background: #f1f2f3; padding: 0 4px; vertical-align: 2px; }
.ptx .d6-kpi b em { font-style: normal; }
.ptx .d6-kpi > div[data-tip] { cursor: help; }
.ptx .d6-bar { display: block; height: 4px; background: #efefef; }
.ptx .d6-bar em { display: block; height: 100%; background: #1d232a; }
.ptx .d6 .d6-teams { grid-template-columns: minmax(0, 1fr) auto 26px; }
.ptx .d6-sc { display: flex; flex-direction: column; align-items: flex-end; gap: 3px; line-height: 21px; font-size: 15px; }
.ptx .d6-sc b { font-weight: 700; color: #333; }
.ptx .d6-sc b.w { color: #111; }
.ptx .d6-sc b.l { color: #b5b5b5; font-weight: 400; }
.ptx .d6-sc.none { color: #ccc; }
.ptx .d6 .d4-odd.r6 { cursor: help; }
.ptx .d6 .d4-odd.r6:hover { border-color: #d9d9d9; box-shadow: none; }
.ptx .d6 .d4-odd.r6 b { color: #b0b0b0; }
.ptx .d6 .d4-odd.r6 .d4-l { color: #c4c4c4; }
.ptx .d6 .d4-odd.r6.hit { background: #fff5f5; border-color: #e62626; box-shadow: none; z-index: 1; }
.ptx .d6 .d4-odd.r6.hit b, .ptx .d6 .d4-odd.r6.hit .d4-l { color: #e62626; font-weight: 700; }
.ptx .d6 .d4-odd.r6.vd { background: #fffaf3; border-color: #f3d3b4; }
.ptx .d6 .d4-odd.r6.vd b { color: #d9701a; }
.ptx .d6 .d4-odd.r6.blank { visibility: hidden; }
.ptx .d6-ts { font-size: 12px; color: #888; margin-left: 2px; cursor: help; }
.ptx .d6-kpi .wide { grid-column: span 2; }
.ptx .d6-kpi .wide b span { white-space: normal; }
.ptx .d6-voidh { border-top: 1px solid #d1d1d1; }
.ptx .d6-voidh .d4-lgn { cursor: default; grid-column: 1 / -1; }
.ptx .d6-vtxt { grid-column: 3 / 4; text-align: center; font-size: 12px; color: #d9701a; }
.ptx .d4-row:has(+ .d4-lgh), .ptx .d4-row:has(+ .d4-day), .ptx .d4-row:has(+ .d6-moreb), .ptx .d4-mks:has(+ .d4-lgh), .ptx .d4-mks:has(+ .d4-day), .ptx .d4-mks:has(+ .d6-moreb) { border-bottom: 0; }
.ptx .d4-lgh.shut:has(+ .d4-day) { border-bottom: 0; }
.ptx .d4-row:last-child, .ptx .d4-mks:last-child, .ptx .d4-lgh.shut:last-child { border-bottom: 0; }

