2026 Kelowna Dragon Boat Festival

Syncing...

border: 1px solid #ccc; outline: none; font-size: 14px; background-color: white; cursor: pointer; } /* All-black configured interactive refresh button [cite: 80] */ .refresh-btn { background: #fff; color: #000000; border: 2px solid #000000; padding: 8px 15px; border-radius: 25px; cursor: pointer; font-weight: bold; display: flex; align-items: center; gap: 6px; flex-shrink: 0; font-size: 12px; } .refresh-btn:hover { background: #000000; color: white; } /* Classic box dimension sizing [cite: 100] */ .grid-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(420px, 1fr)); gap: 25px; padding: 20px; max-width: 1600px; margin: 0 auto; } .heat-wrapper { background: #fff; border: 1px solid #000; box-shadow: 4px 4px 0px rgba(0,0,0,0.1); display: flex; flex-direction: column; } .heat-grid { display: grid; grid-template-columns: 60px 60px 1fr 95px; gap: 1px; background: #000; } .grid-cell { padding: 8px; background: #fff; display: flex; align-items: center; justify-content: center; font-size: 14px; min-height: 36px; text-align: center; } .row-type { grid-column: 1 / -1; background: var(--header-bg); font-weight: bold; text-transform: uppercase; font-size: 13px; } .cell-heat-id { grid-column: 1 / span 2; font-weight: bold; background: #fff; } .cell-race-time { grid-column: 3 / span 2; font-weight: bold; color: #444; background: #fdfdfd; } .row-label { background: #f2f2f2; font-size: 11px; text-transform: uppercase; font-weight: bold; color: #666; } .col-lane { background: #f9f9f9; font-weight: bold; } .col-place { font-weight: bold; color: #d9534f; background: #fff; } .col-team { background: #fff; justify-content: center; padding: 8px; } .col-time { background: #fff; font-family: monospace; font-weight: bold; } /* Style for masked/pending placeholder items */ .cell-pending { color: #999; font-style: italic; font-size: 12px; background: #fafafa; } .adv-footer { padding: 10px 12px; background: #fff; font-style: italic; line-height: 1.5; font-size: 13.5px; border-top: 1px solid #000; min-height: 58px; display: flex; align-items: center; word-wrap: break-word; } @media (max-width: 600px) { .grid-container { grid-template-columns: 1fr; } .control-bar { gap: 8px; } .search-wrapper, .filter-wrapper { min-width: 100%; } }

Syncing...