/* Snímka štýlov aplikácie (tools/snapshot-app.mjs standings), /tournaments/pohar-play-off-test-postupu/standings. Neupravovať ručne. */
.app-standings{--line-2: rgb(0 0 0 / 18%); --canvas: #F2F2F2; --ink: #000000; --fam: "Open Runde","Inter Variable", Inter,"Helvetica Neue",Helvetica,Arial,sans-serif; --surface: #FFFFFF; --ink-3: rgb(0 0 0 / 56%); --ink-2: rgb(0 0 0 / 64%); --fill-ink: #FFFFFF; --win: #117A45; --loss: #D3225D; --draw: #6E6E73; --card: rgb(255 255 255 / 90%); --card-line: #FFFFFF; --card-blur: blur(8px);}
@font-face { font-family: "Open Runde"; font-weight: 400; font-style: normal; font-display: optional; src: url("/app-ui/fonts/OpenRunde-Regular.woff2") format("woff2"); }
@font-face { font-family: "Open Runde"; font-weight: 500; font-style: normal; font-display: optional; src: url("/app-ui/fonts/OpenRunde-Medium.woff2") format("woff2"); }
@font-face { font-family: "Open Runde"; font-weight: 600; font-style: normal; font-display: optional; src: url("/app-ui/fonts/OpenRunde-Semibold.woff2") format("woff2"); }
@font-face { font-family: "Open Runde"; font-weight: 700; font-style: normal; font-display: optional; src: url("/app-ui/fonts/OpenRunde-Bold.woff2") format("woff2"); }
.app-standings{--fam: "Open Runde","Inter Variable", Inter,"Helvetica Neue",Helvetica,Arial,sans-serif; --canvas: #F2F2F2; --canvas-rgb: 242 242 242; --surface: #FFFFFF; --sheet: #F4F4F6; --card: rgb(255 255 255 / 90%); --card-line: #FFFFFF; --card-blur: blur(8px); --card-hover: rgb(247 247 247 / 90%); --glass: rgb(255 255 255 / 72%); --glass-hover: rgb(255 255 255 / 92%); --glass-line: #FFFFFF; --glass-shadow: 0 1px 2px rgb(0 0 0 / 5%), 0 6px 18px rgb(0 0 0 / 7%); --ink: #000000; --ink-2: rgb(0 0 0 / 64%); --ink-3: rgb(0 0 0 / 56%); --line: rgb(0 0 0 / 10%); --line-2: rgb(0 0 0 / 18%); --dot: #D2D2D2; --fill: rgb(0 0 0 / 4%); --fill-2: rgb(0 0 0 / 7%); --live: #D91E2A; --live-rgb: 217 30 42; --medal-1: 212 175 55; --medal-2: 146 152 163; --medal-3: 176 118 68; --medal-1-ink: #8A660C; --medal-2-ink: #565C66; --medal-3-ink: #7A4A1E; --win: #117A45; --loss: #D3225D; --draw: #6E6E73; --fill-ink: #FFFFFF; --band: rgb(0 0 0 / 4%); --seg: #FFFFFF; --mine: #8A5A00; --mine-fill: rgb(200 140 0 / 10%); --br-ice: #0F6E86; --br-ice-f: rgb(15 110 134 / 9%); --br-food: #A6560E; --br-food-f: rgb(166 86 14 / 9%); --br-open: #4A2C6B; --br-open-f: rgb(74 44 107 / 9%); --br-cup: #8A5A00; --br-cup-f: rgb(138 90 0 / 10%); --win-f: rgb(17 122 69 / 13%); --loss-f: rgb(211 34 93 / 13%); --draw-f: rgb(0 0 0 / 7%);}
.app-standings *{box-sizing: border-box;}
.app-standings *{scrollbar-width: thin; scrollbar-color: var(--line-2) transparent;}
.app-standings ::-webkit-scrollbar{width: 5px; height: 5px;}
.app-standings ::-webkit-scrollbar-track{background: transparent;}
.app-standings ::-webkit-scrollbar-thumb{background: var(--line-2); border-radius: 3px;}
.app-standings{margin: 0px; background: var(--canvas); color: var(--ink); touch-action: manipulation; font-family: var(--fam); font-size: 15px; line-height: 1.5; font-variant-numeric: tabular-nums; -webkit-font-smoothing: antialiased;}
.app-standings a{color: inherit; text-underline-offset: 2px; text-decoration-thickness: 1px;}
.app-standings *{-webkit-tap-highlight-color: transparent;}
.app-standings .crest-svg{flex: 0 0 auto; display: block;}
.app-standings:has(#hdr){--hdr-h: 106px;}
.app-standings .tcell{transition: scale 0.15s ease-out;}
.app-standings:has(#hdr){--hdr-h: 64px;}
.app-standings .tn{white-space: nowrap;}
.app-standings .subhead{font-size: 15px; font-weight: 600; display: flex; align-items: center; gap: 8px;}
.app-standings .tblwrap{display: flex; flex-direction: column; container-type: inline-size; background: var(--surface); border-radius: 20px; padding: 0px 0px 12px; overflow: hidden;}
.app-standings .tblwrap .scroll{overflow-x: auto; padding: 0px 8px;}
.app-standings .tbl-head{display: flex; align-items: baseline; gap: 10px; padding: 14px 16px 6px;}
.app-standings table.tbl{width: 100%; border-collapse: separate; border-spacing: 0px; font-size: 13px;}
.app-standings table.tbl thead tr{background: none;}
.app-standings table.tbl th{font-size: 13px; font-weight: 400; color: var(--ink-3); text-align: right; padding: 6px 10px; white-space: nowrap; line-height: 1;}
.app-standings table.tbl th:nth-child(1){text-align: left; width: 26px; padding-left: 8px;}
.app-standings table.tbl th:nth-child(2){text-align: left;}
.app-standings table.tbl th:last-child{padding-right: 12px;}
.app-standings table.tbl td{padding: 6px 10px; text-align: right; color: var(--ink-2);}
.app-standings table.tbl td:nth-child(n+3){font-size: 15px; font-variant-numeric: tabular-nums;}
.app-standings table.tbl td:nth-child(1){text-align: left; color: var(--ink-3); padding-left: 8px; font-size: 15px; font-variant-numeric: tabular-nums;}
.app-standings table.tbl td:nth-child(2){text-align: left; font-size: 15px; color: var(--ink); white-space: nowrap; padding-right: 10px;}
.app-standings table.tbl td:nth-child(2){max-width: 0px; width: 100%;}
.app-standings table.tbl td:last-child{padding-right: 12px;}
.app-standings table.tbl th:nth-child(5){color: var(--ink-2);}
.app-standings table.tbl td:nth-child(5){font-weight: 500; color: var(--ink);}
.app-standings table.tbl td.vrp{font-variant-numeric: tabular-nums; white-space: nowrap;}
.app-standings table.tbl td,.app-standings table.tbl th{font-variant-numeric: tabular-nums;}
.app-standings table.tbl .tcell{display: flex; align-items: center; gap: 8px; min-width: 0px;}
.app-standings table.tbl .tcell .nm{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.app-standings .form{display: flex; gap: 4px; justify-content: flex-end;}
.app-standings .fbox{width: 18px; height: 18px; border-radius: 4px; display: grid; place-items: center; font-size: 12px; font-weight: 600; color: var(--fill-ink); flex: 0 0 auto;}
.app-standings .fbox.V{background: var(--win);}
.app-standings .fbox.P{background: var(--loss);}
.app-standings .fbox.R{background: var(--draw);}
.app-standings table.tbl td.formcell{padding-right: 16px;}
.app-standings table.tbl a.tcell{text-decoration: none; color: inherit;}
.app-standings .tblwrap{background-color: var(--card); border: 1px solid var(--card-line); backdrop-filter: var(--card-blur);}
.app-standings{--br-pause: #4F5B6B; --br-pause-f: rgb(79 91 107 / 9%); --br-blue: #2B5FC7; --br-blue-f: rgb(43 95 199 / 9%); --br-green: #2E7A3A; --br-green-f: rgb(46 122 58 / 9%); --br-red: #B83A2E; --br-red-f: rgb(184 58 46 / 9%);}