
.lf-hb{box-sizing:border-box;max-width:520px;margin:0 auto 16px;padding:12px;background:#fff;border:2px solid #dfe9f0;border-radius:18px;color:#0f2a43;text-align:left;font-family:inherit;line-height:1.3}
.lf-hb *{box-sizing:border-box}
.lf-hb-top{display:flex;align-items:center;gap:10px}
.lf-hb-ring{position:relative;flex:0 0 56px;width:56px;height:56px}
.lf-hb-ring svg{display:block;width:56px;height:56px;transform:rotate(-90deg)}
.lf-hb-ring circle{fill:none;stroke-width:9}
.lf-hb-ring .bg{stroke:#e6eef4}
.lf-hb-ring .fg{stroke:#00b2d4;stroke-linecap:round;transition:stroke-dashoffset .6s ease}
.lf-hb.done .lf-hb-ring .fg{stroke:#28a428}
.lf-hb-ringval{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:15px;color:#0f2a43}
.lf-hb-txt{flex:1;min-width:0}
.lf-hb-h{font-weight:800;font-size:16px;color:#0f2a43}
.lf-hb-sub{font-size:13px;color:#46607a;margin-top:1px}
.lf-hb-pick{display:flex;flex:0 0 auto;align-items:center;gap:4px}
.lf-hb button{font:inherit;cursor:pointer;text-transform:none!important;letter-spacing:0!important;margin:0!important;box-shadow:none!important;-webkit-tap-highlight-color:transparent}
.lf-hb .lf-hb-pick button{display:inline-block;flex:0 0 auto;width:auto!important;min-width:30px;height:30px;padding:0 4px;border-radius:9px;border:2px solid #dfe9f0;background:#fff;color:#0f2a43;font-weight:700;line-height:1}
.lf-hb .lf-hb-pick button.on{background:#0891b2;border-color:#0891b2;color:#fff}
.lf-hb-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.lf-hb .lf-hb-chip{display:inline-flex;flex:0 0 auto;width:auto!important;align-items:center;gap:5px;padding:5px 9px;border-radius:10px;font-weight:700;font-size:13px!important;text-transform:none!important;background:#fff4e0;color:#8a4b00;border:0;line-height:1.2}
.lf-hb .lf-hb-chip.ice{background:#e2f6fb;color:#06617a}
.lf-hb .lf-hb-chip.off{background:#eef2f5;color:#5d7186}
.lf-hb-chip svg{width:15px;height:15px;flex:0 0 15px}
.lf-hb-msg{margin-top:8px;font-size:13px;color:#0f2a43;background:#f4f8fb;border-radius:10px;padding:7px 10px}
.lf-hb-msg:empty{display:none}
.lf-hb-bh{display:none}
.lf-hb-bh span{font-weight:600;color:#5d7186;font-size:13px}
.lf-hb-bd{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:3px;margin-top:10px}
.lf-hb-bd button{display:block;padding:0;margin:0;border:0;background:none;width:100%}
.lf-hb-bd svg{display:block;width:100%;max-width:34px;height:auto;margin:0 auto}
.lf-hb-bd button.no svg{filter:grayscale(1);opacity:.28}
.lf-hb-pick span{display:none}
.lf-hb-fam{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-top:10px}
.lf-hb-fam button,.lf-hb-all-g button{display:block;padding:0;margin:0;border:0;background:none;width:100%}
.lf-hb-fam svg{display:block;width:100%;max-width:46px;height:auto;margin:0 auto}
.lf-hb .lf-hb-more{display:block;width:100%!important;margin-top:8px!important;padding:7px 10px;border:2px solid #dfe9f0;border-radius:10px;background:#fff;color:#0f2a43;font-weight:700;font-size:13px;line-height:1.3}
.lf-hb-all[hidden]{display:none}
.lf-hb .lf-hb-all h4{margin:12px 0 6px;padding:0;font-size:13px;font-weight:800;line-height:1.3;color:#46607a;text-transform:none;letter-spacing:0}
.lf-hb-all-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(42px,1fr));gap:6px}
.lf-hb-all-g button span{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0 auto;border-radius:50%;background:#e2f6fb;border:2px solid #00b2d4;font-size:20px;line-height:1}
.lf-hb-all-g.sp button span{background:#fff4e0;border-color:#f5a524}
.lf-hb-all-g button.no span{filter:grayscale(1);opacity:.32;background:#eef2f5;border-color:#cfd8e0}
.lf-hb-all-g button.q span{filter:none;opacity:.6;color:#5d7186;font-weight:800;font-size:18px}
@media(max-width:480px){.lf-leaderboard-table thead th:nth-child(2){font-size:10px!important;letter-spacing:0!important;padding-left:2px!important;padding-right:2px!important}}
.lf-hb-wk{max-width:640px;margin:10px auto 14px;text-align:center;font-size:14px;line-height:1.35}
html.lf-look body.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_results .lf-lq-sts.lf-hb-4{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:6px}
html.lf-look body.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_results .lf-lq-sts.lf-hb-4 .lf-lq-s{border-radius:12px!important}
html.lf-look body.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_results .lf-lq-sts.lf-hb-4 .lf-lq-s span{font-size:10px!important;letter-spacing:0!important;padding:3px 1px!important}
html.lf-look body.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_results .lf-lq-sts.lf-hb-4 .lf-lq-s b{font-size:19px!important;padding:5px 1px!important}
html.lf-look body.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_results .lf-lq-end .lf-lq-hb{display:block;width:100%;margin:0 0 2px!important;padding:0!important;background:none!important}
html.lf-look body.single-sfwd-quiz .learndash-wrapper .wpProQuiz_content .wpProQuiz_results .lf-lq-end .lf-lq-hb div{margin:0!important;padding:6px 10px!important;border:0!important;border-radius:10px;background:#fff4e0!important;color:#8a4b00!important;-webkit-text-fill-color:#8a4b00!important;font-weight:700;font-size:13px!important;line-height:1.3!important;min-height:0!important;text-align:center;animation:lfHbIn .35s ease both}
body.lf-lg,body.lf-lg .page-content{background:#fff!important}
body.lf-lg .entry-hero,body.lf-lg .wpmobile-widget-page-top,body.lf-lg .entry-content>p,body.lf-lg .wpapp-post-content>p,body.lf-lg #lf-leaderboard-table,body.lf-lg #lf-lb-loading,body.lf-lg #lf-lb-pager{display:none!important}
body.lf-lg #primary,body.lf-lg .content-area,body.lf-lg .content-container,body.lf-lg .site-main,body.lf-lg .content-wrap,body.lf-lg article.entry,body.lf-lg .entry-content-wrap,body.lf-lg .entry-content,body.lf-lg .post.main-post,body.lf-lg .wpapp-post-content,body.lf-lg .lf-leaderboard-wrap{box-sizing:border-box!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important}
html body.lf-lg #main.site-main,html body.lf-lg #inner-wrap{padding:0!important;margin:0!important;max-width:none!important}
.lf-lg-top{padding:14px 16px 10px;text-align:center;color:#0f2a43}
body.wpappninja.lf-lg .lf-lg-top{padding-top:38px}
.lf-lg-row{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:2px;max-width:560px;margin:0 auto;align-items:center}
.lf-lg-row .lf-lb-crest,.lf-lg-cr .lf-lb-crest{display:block;width:100%;height:auto}
.lf-lg-c{display:block;padding:0 1px}
.lf-lg-c.next{filter:grayscale(1);opacity:.28}
.lf-lg-c.got{opacity:.75}
.lf-lg-c.cur{transform:scale(1.32);position:relative;z-index:1}
.lf-lg-title{font-weight:800;font-size:24px;line-height:1.2;margin-top:12px;color:#0f2a43}
.lf-lg-top .lf-hb-wk{max-width:none;margin:4px 0 0;font-size:13px;color:#46607a;line-height:1.35}
body.lf-lg .lf-lb-toggle{display:flex!important;flex-wrap:nowrap!important;gap:0!important;margin:0!important;padding:0 8px!important;border-bottom:2px solid #e3ebf1;background:none!important;justify-content:stretch!important}
body.lf-lg .lf-lb-toggle .lf-lb-btn{flex:1 1 0!important;min-width:0!important;width:auto!important;margin:0 0 -2px!important;padding:11px 2px!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;transform:none!important;color:#6b8095!important;font-weight:800!important;font-size:14px!important;line-height:1.2!important;text-align:center;white-space:normal}
body.lf-lg .lf-lb-toggle .lf-lb-btn[aria-selected=true]{color:#0891b2!important;box-shadow:inset 0 -3px 0 #0891b2!important}
@media(max-width:420px){body.lf-lg .lf-lb-toggle .lf-lb-btn{font-size:13px!important;white-space:nowrap!important}}
body.wpappninja .lf-hb-h{font-size:15px;white-space:nowrap}
body.wpappninja .lf-hb-pick button{min-width:28px;padding:0 2px}
.lf-lg-list{min-height:300px}
.lf-lg-sk{display:flex;align-items:center;gap:14px;height:58px;padding:0 16px 0 60px;border-bottom:1px solid #eef2f6;box-sizing:border-box}
.lf-lg-sk i{width:32px;height:36px;border-radius:9px;background:#eef2f6;flex:none}
.lf-lg-sk b{display:block;height:14px;width:42%;border-radius:7px;background:#eef2f6;animation:lfLgSk 1.1s ease-in-out infinite alternate}
@keyframes lfLgSk{to{opacity:.45}}
.lf-lg-r{display:flex;align-items:center;gap:10px;min-height:58px;padding:7px 16px;border-bottom:1px solid #eef2f5;color:#0f2a43}
.lf-lg-r.me{background:#e2f6fb}
.lf-lg-pos{flex:0 0 30px;text-align:center;font-weight:800;font-size:15px;color:#46607a}
.lf-lg-pos i{display:inline-block;width:28px;height:28px;border-radius:50%;font-style:normal;line-height:28px;color:#fff;font-size:14px}
.lf-lg-p1 .lf-lg-pos i{background:linear-gradient(135deg,#f6d365,#d4a017)}
.lf-lg-p2 .lf-lg-pos i{background:linear-gradient(135deg,#c9d3de,#8b99a8)}
.lf-lg-p3 .lf-lg-pos i{background:linear-gradient(135deg,#e8b382,#c17a3f)}
.lf-lg-cr{flex:0 0 36px;width:36px}
.lf-lg-nm{flex:1 1 auto;min-width:0}
.lf-lg-nm b,.lf-lg-nm span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.lf-lg-nm b{font-weight:700;font-size:16px;line-height:1.25;color:#0f2a43}
.lf-lg-nm span{font-size:12px;line-height:1.25;color:#6b8095}
.lf-lg-val{flex:0 0 auto;display:flex;align-items:center;gap:4px;font-weight:800;font-size:15px;color:#0f2a43}
.lf-lg-val svg{width:15px;height:15px;color:#f5a524}
.lf-lg-val.st svg{color:#ff6d00}
.lf-lg-empty{padding:28px 16px;text-align:center;color:#46607a;font-size:14px}
.lf-lg-pg{display:flex;align-items:center;justify-content:center;gap:14px;padding:12px 16px;font-weight:700;font-size:14px;color:#46607a}
.lf-lg-pg button{width:42px;height:38px;margin:0;padding:0;border:2px solid #dfe9f0;border-radius:10px;background:#fff;color:#0f2a43;font-size:18px;font-weight:800;line-height:1;cursor:pointer;box-shadow:none}
.lf-lg-pg button:disabled{opacity:.35;cursor:default}
@media(min-width:768px){.lf-lg-top{padding:22px 32px 12px}.lf-lg-row .lf-lg-c.cur{transform:scale(1.25)}body.lf-lg .lf-lb-toggle{padding:0 24px!important}.lf-lg-r{padding:8px 32px;gap:16px;min-height:62px}.lf-lg-cr{flex-basis:40px;width:40px}.lf-lg-title{font-size:28px}.lf-lg-pg{padding:16px 32px}}
@media(min-width:900px){html body.lf-lg,html body.lf-lg .page-content{background:#f2f6f9!important}html body.lf-lg .entry-content .lf-leaderboard-wrap{max-width:760px!important;margin:0 auto 56px!important;background:#fff!important;border:2px solid #e3ebf1!important;border-bottom-width:4px!important;border-radius:20px!important;overflow:hidden}}
@keyframes lfHbIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.lf-lq-end .lf-lq-hb div{animation:none}.lf-hb-ring .fg{transition:none}}
