/* Snímka štýlov aplikácie (tools/snapshot-app.mjs program), /tournaments/mikulassky-turnaj-4-rocnikov/schedule. Neupravovať ručne. */
.app-program{--line-2: rgb(0 0 0 / 18%); --canvas: #F2F2F2; --ink: #000000; --fam: "Open Runde","Inter Variable", Inter,"Helvetica Neue",Helvetica,Arial,sans-serif; --ink-3: rgb(0 0 0 / 56%); --glass: rgb(255 255 255 / 72%); --glass-line: #FFFFFF; --glass-shadow: 0 1px 2px rgb(0 0 0 / 5%), 0 6px 18px rgb(0 0 0 / 7%); --ink-2: rgb(0 0 0 / 64%); --fill-2: rgb(0 0 0 / 7%); --live: #D91E2A; --live-rgb: 217 30 42; --surface: #FFFFFF; --line: rgb(0 0 0 / 10%); --card: rgb(255 255 255 / 90%); --card-line: #FFFFFF; --card-blur: blur(8px); --br-ice: #0F6E86; --br-ice-f: rgb(15 110 134 / 9%); --br-open: #4A2C6B; --br-open-f: rgb(74 44 107 / 9%);}
@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-program{--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-program *{box-sizing: border-box;}
.app-program *{scrollbar-width: thin; scrollbar-color: var(--line-2) transparent;}
.app-program ::-webkit-scrollbar{width: 5px; height: 5px;}
.app-program ::-webkit-scrollbar-track{background: transparent;}
.app-program ::-webkit-scrollbar-thumb{background: var(--line-2); border-radius: 3px;}
.app-program{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-program a{color: inherit; text-underline-offset: 2px; text-decoration-thickness: 1px;}
.app-program *{-webkit-tap-highlight-color: transparent;}
.app-program svg:not(.crest-svg){width: 17px; height: 17px; flex: 0 0 auto;}
.app-program .crest-svg{flex: 0 0 auto; display: block;}
.app-program:has(#hdr){--hdr-h: 106px;}
.app-program .ntile{transition: scale 0.15s ease-out;}
.app-program .navpill{display: contents;}
.app-program .navlink{cursor: pointer; font-size: 15px; color: var(--ink-3); white-space: nowrap; text-decoration: none; display: flex; align-items: center; gap: 8px; padding-bottom: 12px; border-bottom: 2px solid transparent;}
.app-program .navlink[aria-current="page"]{color: var(--ink); border-bottom-color: var(--ink);}
.app-program .navlink svg{display: none;}
.app-program:has(#hdr){--hdr-h: 64px;}
.app-program .navlink{padding-bottom: 10px; font-size: 14px;}
.app-program .navpill{background: var(--glass); border: 1px solid var(--glass-line); box-shadow: var(--glass-shadow); backdrop-filter: blur(24px) saturate(1.5);}
.app-program .navpill{flex: 1 1 0%; min-width: 0px; display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; gap: 2px; padding: 6px; border-radius: 32px;}
.app-program .navlink{position: relative; flex-direction: column; justify-content: center; gap: 3px; min-height: 50px; padding: 5px 2px; border-bottom: 0px; border-radius: 24px; color: var(--ink-2); font-size: 10px; line-height: 1.2; overflow: hidden; transition: background-color 0.15s ease-out, scale 0.15s ease-out;}
.app-program .navlink span{max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.app-program .navlink svg{display: block; width: 22px; height: 22px; stroke-width: 1.8;}
.app-program .navlink[aria-current="page"]{color: var(--ink); font-weight: 600; background: var(--fill-2); border-bottom-color: transparent;}
.app-program .pulse{width: 6px; height: 6px; border-radius: 50%; background: var(--live); flex: 0 0 auto;}
.app-program .pulse{animation: 2s ease-out 0s infinite normal none running pulse;}
@keyframes pulse { 
  0% { opacity: 1; }
  50% { opacity: 0.35; }
  100% { opacity: 1; }
}
.app-program .livedot{display: inline-flex; align-items: center; gap: 4px; color: var(--live);}
.app-program .ntile.now{animation: 2.2s ease-in-out 0s infinite normal none running nowring;}
@keyframes nowring { 
  0%, 100% { border-color: rgb(var(--live-rgb) / 62%); box-shadow: inset 0 0 0 .5px rgb(var(--live-rgb) / 62%); }
  50% { border-color: rgb(var(--live-rgb) / 18%); box-shadow: inset 0 0 0 .5px rgb(var(--live-rgb) / 18%); }
}
.app-program .tiles{display: flex; flex-direction: column; gap: 4px; container-type: inline-size;}
.app-program .ntile{display: flex; align-items: center; gap: 5px; width: 100%; background: var(--surface); border-radius: 20px; padding: 11px 8px; cursor: pointer; text-align: left;}
.app-program .nt-top{max-width: 100%; font-size: 12px; color: var(--ink-3); overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.app-program .ntile .nt{flex: 1 1 0px; min-width: 0px; display: flex; flex-direction: column; align-items: center; gap: 4px; text-align: center;}
.app-program .ntile .nm{max-width: 100%; min-width: 0px; font-size: 12px; font-weight: 500; line-height: 1.25; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.app-program .ntile .nmid{flex: 0 0 auto; width: clamp(94px, 27cqw, 132px); min-width: 0px; display: flex; flex-direction: column; align-items: center; gap: 1px;}
.app-program .ntile .nmid .livedot{white-space: nowrap;}
.app-program .ntile .nmid b{font-size: 18px; font-weight: 600; letter-spacing: -0.01em; font-variant-numeric: tabular-nums;}
.app-program .ntile .nmid b.sc{font-size: 20px; letter-spacing: -0.02em; display: flex; align-items: center; justify-content: center; gap: 0.3em;}
.app-program .ntile .nmid b.sc .dots{display: flex; flex-direction: column; gap: 0.2em;}
.app-program .ntile .nmid b.sc .dots::before,.app-program .ntile .nmid b.sc .dots::after{content: ""; display: block; width: 0.13em; height: 0.13em; border-radius: 50%; background: var(--ink-3);}
.app-program .ntile .nmid b .tm{font-size: 18px; font-weight: 600; color: var(--ink); letter-spacing: -0.01em;}
.app-program .ntile .nmid > span{font-size: 12px; color: var(--ink-3); white-space: nowrap; max-width: 100%; overflow: hidden; text-overflow: ellipsis;}
.app-program .ntile .nmid > .nt-top,.app-program .ntile .nmid > span{height: 16px; line-height: 16px;}
.app-program .ntile .nmid > .nt-top{font-size: 11px;}
.app-program .ntile .nmid > b{display: flex; align-items: center; justify-content: center; height: 24px; line-height: 1;}
.app-program .tn{white-space: nowrap;}
.app-program .nt-clock,.app-program .ntile .nmid,.app-program .brow .when{font-variant-numeric: tabular-nums;}
.app-program .brow{display: grid; grid-template-columns: 64px 1fr; gap: 12px; align-items: center; padding: 9px 12px; border-bottom: 1px solid var(--line); width: 100%; text-align: left; cursor: default; color: var(--bc,var(--ink-3)); background: var(--bf,transparent);}
.app-program .brow .blabel{display: flex; align-items: center; gap: 8px; min-width: 0px; font-size: 13px; font-weight: 500;}
.app-program .brow .blabel svg:not(.crest-svg){width: 17px; height: 17px; color: var(--bc,var(--ink-3));}
.app-program .brow .when{font-size: 13px; color: var(--bc,var(--ink-3)); line-height: 1.3;}
.app-program .brow.tile{grid-template-columns: auto auto; justify-content: center; gap: 9px; border-radius: 20px; border-bottom: 0px; padding: 9px 12px;}
.app-program .dots{display: flex; justify-content: center; gap: 2px;}
.app-program .ntile{text-decoration: none; color: inherit;}
.app-program .ntile{background-color: var(--card); border: 1px solid var(--card-line); backdrop-filter: var(--card-blur);}
.app-program{--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%);}
.app-program .brow.bk-ice{--bc: var(--br-ice); --bf: var(--br-ice-f);}
.app-program .brow.bk-open{--bc: var(--br-open); --bf: var(--br-open-f);}