/* Shared iOS design with responsive website and champions layouts. */
.ccfl-web-host{clear:both;width:100%;text-align:left}.ccfl-web-host .ccfl-card{width:100%;margin:14px 0}.ccfl-web-host button:hover{color:#12385f}.ccfl-web-host button:focus-visible,.ccfl-web-host a:focus-visible{outline:3px solid #c79436;outline-offset:4px}.ccfl-web-host .ccfl-member img{margin:0!important}.ccfl-web-host .ccfl-photo img{max-width:none!important}
body.ccfl-page{background:#f3f6fa;color:#19304a;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;padding:12px;box-sizing:border-box}.ccfl-page #ccfl-source-table[hidden],.ccfl-page>h2[hidden]{display:none!important}.ccfl-page-board{max-width:1080px;margin:20px auto}.ccfl-page-board .ccfl-full{max-width:none;box-shadow:0 10px 32px #19304a0b}.ccfl-full .ccfl-header{padding:28px 32px}.ccfl-full .ccfl-hero{grid-template-columns:minmax(0,1fr) 200px;margin-top:12px}.ccfl-full .ccfl-title h3{font-size:34px}.ccfl-full .ccfl-table{width:calc(100% - 48px);margin:14px 24px}.ccfl-full .ccfl-table td{padding:14px 6px}.ccfl-full .ccfl-name{font-size:15px}.ccfl-full .ccfl-table th:first-child{width:60px}.ccfl-full .ccfl-table th:last-child{width:110px}.ccfl-full .ccfl-photo{width:42px;height:42px;border-radius:10px}.ccfl-full .ccfl-feature-photo>.ccfl-photo{width:76px;height:76px}.ccfl-full .ccfl-footer{padding:0 28px 16px}
.ccfl-page .ccfl-champions-title{max-width:1080px;margin:36px auto 18px;font-size:25px;font-weight:700;letter-spacing:-.5px;color:#19304a}.ccfl-page ul.leaderboard{max-width:1080px;margin:0 auto 32px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:0;list-style:none}.ccfl-page .leaderboard li{position:relative;border:1px solid #e3eaf2;border-top:4px solid #e9bf69;border-radius:18px;background:#fff;padding:20px;margin:0;box-shadow:0 7px 22px #19304a08;overflow:hidden}.ccfl-page .leaderboard li:before{content:'CHAMPION OF THE MONTH';display:block;font-size:10px;letter-spacing:.14em;color:#8b641e;font-weight:700;margin-bottom:7px}.ccfl-page .leaderboard .month{font-size:19px;line-height:1.3;color:#19304a;margin:0 0 22px}.ccfl-page .leaderboard .user-row{display:block}.ccfl-page .leaderboard .user-info{display:flex;align-items:center;gap:14px;min-width:0}.ccfl-page .leaderboard .user-info img{width:66px;height:66px;border:3px solid #efc46b;border-radius:14px;object-fit:cover;flex-shrink:0}.ccfl-page .leaderboard .user-text{min-width:0}.ccfl-page .leaderboard .name,.ccfl-page .leaderboard .name a{font-size:14px;line-height:1.4;color:#19304a;overflow-wrap:anywhere}.ccfl-page .leaderboard .days{font-size:12px;color:#65758b;margin-top:6px}.ccfl-page .leaderboard a:focus-visible{outline:3px solid #c79436;outline-offset:4px}
@media(max-width:800px){.ccfl-page ul.leaderboard{grid-template-columns:repeat(2,minmax(0,1fr))}.ccfl-full .ccfl-header{padding:24px}.ccfl-full .ccfl-title h3{font-size:28px}}
@media(max-width:520px){body.ccfl-page{padding:8px}.ccfl-page ul.leaderboard{grid-template-columns:1fr;gap:12px}.ccfl-full .ccfl-header{padding:22px 16px}.ccfl-full .ccfl-hero{grid-template-columns:minmax(0,1.3fr) minmax(100px,1fr);gap:8px}.ccfl-full .ccfl-title h3{font-size:24px}.ccfl-full .ccfl-table{width:calc(100% - 20px);margin:10px}.ccfl-full .ccfl-table th:first-child{width:36px}.ccfl-full .ccfl-table th:last-child{width:66px}.ccfl-full .ccfl-name{font-size:13px}.ccfl-full .ccfl-photo{width:32px;height:32px}.ccfl-full .ccfl-feature-photo>.ccfl-photo{width:76px;height:76px}.ccfl-page .ccfl-champions-title{font-size:23px}}
@media(prefers-color-scheme:dark){body.ccfl-page{background:#111b28;color:#edf4ff}.ccfl-page .ccfl-champions-title,.ccfl-page .leaderboard .month,.ccfl-page .leaderboard .name,.ccfl-page .leaderboard .name a{color:#edf4ff}.ccfl-page .leaderboard li{background:#192331;border-color:#344155;border-top-color:#e9bf69}.ccfl-page .leaderboard .days{color:#adbed3}.ccfl-page .leaderboard li:before{color:#efc46b}}

.ccfl-page .leaderboard .user-text{display:flex;flex-direction:column}.ccfl-page .leaderboard .name a{text-decoration:none}

.ccfl-page .leaderboard li{border-radius:18px!important}.ccfl-page .leaderboard .user-info img{border-radius:14px!important}.ccfl-web-host .ccfl-photo{border-radius:10px!important}.ccfl-web-host .ccfl-feature-photo>.ccfl-photo{border-radius:14px!important}.ccfl-web-host .ccfl-photo img{border-radius:inherit!important}.ccfl-web-host .ccfl-first{border-radius:12px!important}