.navbar { grid-template-columns:repeat(4,minmax(0,1fr)); }
.top-page { max-width:790px; margin-inline:auto; padding-bottom:20px; }
.top-heading { display:flex;align-items:center;gap:15px;margin:4px 0 23px; }
.top-heading .back { flex:0 0 44px;width:44px;height:44px; }
.top-heading>div { min-width:0; }
.top-heading .career-kicker { font-size:11px;letter-spacing:.08em;color:#a2ccce; }
.top-heading h1 { margin:5px 0 7px;font-size:clamp(30px,5vw,40px);letter-spacing:-.8px;line-height:1.06;color:#f2eee4; }
.top-heading p { margin:0;color:#bdcada;font-size:15px;line-height:1.5; }
.top-self { padding:24px;border:1px solid #5d877a;border-radius:21px;background:radial-gradient(ellipse at 95% 0,#315148 0,transparent 62%),#203742;box-shadow:inset 0 1px 0 #9ce1c71c; }
.top-self-score { display:grid;grid-template-columns:1fr 1fr;gap:22px; }
.top-self-score>div { display:flex;flex-direction:column;gap:9px; }
.top-self-score>div+div { padding-left:24px;border-left:1px solid #627f7966; }
.top-self-score span { font-size:14px;color:#c6d7dd; }
.top-self-score strong { color:#edf4da;font-size:43px;letter-spacing:-1.1px;font-variant-numeric:tabular-nums;line-height:1; }
.top-self-status { display:flex;justify-content:space-between;align-items:start;gap:14px;color:#e4edcd;font-size:15px;font-weight:600;margin-top:23px;line-height:1.45; }
.top-day-count { color:#b9ced1;white-space:nowrap;font-size:14px;font-weight:400; }
.top-days-track { display:flex;gap:7px;margin:10px 0 14px;height:6px; }
.top-days-track i { flex:1;border-radius:6px;background:#536a6b; }
.top-days-track i[data-complete=true] { background:#b9e99a; }
.top-self-prize { display:flex;flex-direction:column;gap:7px;font-size:13px;color:#bdd2d2;margin:0;line-height:1.4; }
.top-qualification-note { margin:0 0 13px;color:#d2dbe0;font-size:13px;line-height:1.45; }
.top-reward-value { display:flex;align-items:baseline;gap:5px;color:#e4efc9;font-size:15px; }
.top-reward-value>.icon { align-self:center;width:17px;height:17px;flex:0 0 17px; }
.top-reward-value strong { font-size:20px;font-weight:750; }
.top-reward-value small { color:#b9cdcc;font-size:13px;margin-left:4px; }
.top-rival-copy { margin:18px 0 16px;padding-top:16px;border-top:1px solid #6a888a44;color:#d1dfe5;font-size:15px;line-height:1.5;overflow-wrap:anywhere; }
.top-rival-copy strong { color:#fff5df;font-weight:650; }.top-rival-copy b { font-weight:650;color:#d0edb1; }
.top-next-action { width:100%;min-height:52px;display:flex;justify-content:center;align-items:center;gap:10px;font-size:18px; }
.top-offline-note { margin:12px 0 9px;text-align:left;color:#b9cbce;font-size:13px;line-height:1.45; }
.top-rival-test { margin-top:14px;padding-top:2px; }.top-rival-test .top-challenge { min-height:44px;background:#294755; }.top-scope-note { font-size:13px;line-height:1.5;color:#b4c5d5;padding:0 3px;margin:-7px 0 17px; }
.top-section-heading { display:flex;justify-content:space-between;align-items:baseline;gap:15px;margin-bottom:14px; }
.top-section-heading h2 { font-size:22px;letter-spacing:-.35px;margin:0;color:#edece0; }
.top-section-heading>span { font-size:13px;color:#b3c4d7; }
.top-table-section { margin-top:28px; }
.top-table-mode-note { margin:-4px 2px 13px;color:#b4c9d4;font-size:13px;line-height:1.5; }
.top-table { border:1px solid #394d65;border-radius:16px;overflow:hidden;background:#142339; }
.top-table-labels,.top-row { display:grid;grid-template-columns:44px minmax(0,1fr) 57px 100px;gap:13px;align-items:center;padding-inline:16px; }
.top-table-labels { padding-block:12px;background:#192c42;color:#a5bdce;font-size:12px; }
.top-table-labels>:nth-child(3) { text-align:right; }.top-action-label { text-align:center; }
.top-row { padding-block:15px;border-top:1px solid #34495f;min-height:90px; }
.top-row[data-me=true] { background:#2b443d;border-color:#6b936f;box-shadow:inset 3px 0 0 #b6e996; }
.top-rank { color:#c5d7e1;font-size:24px;font-weight:750;font-variant-numeric:tabular-nums; }
.top-row[data-podium=true] .top-rank { color:#efdc9f; }
.top-rank[data-frame=copper],.top-rank[data-frame=prism] { width:35px;height:39px;display:grid;place-items:center;border:2px solid #d19e77;border-radius:8px;background:#413934;color:#e9d1b4;font-size:20px; }
.top-rank[data-frame=prism] { border-color:#a6c9da;border-top-color:#c8ade6;background:#343e56;color:#e2e7fd; }
.top-person { min-width:0; }.top-person strong { display:block;color:#e8edf0;font-size:17px;line-height:1.3;overflow-wrap:anywhere; }
.top-person small { display:block;color:#b1c6d5;font-size:12px;margin-top:5px;line-height:1.4; }
.top-person em { display:inline-block;padding:2px 5px;margin-left:5px;color:#e4edcd;background:#536b43;border-radius:5px;font-size:11px;font-style:normal; }
.top-points { display:flex;flex-direction:column;gap:3px;font-size:23px;text-align:right;font-variant-numeric:tabular-nums;color:#eaf3d9; }
.top-points small { font-size:11px;font-weight:400;color:#a9bfca; }
.top-challenge { display:flex;justify-content:center;align-items:center;gap:5px;min-height:44px;min-width:0;width:100%;padding:8px;border:1px solid #66889a;border-radius:9px;background:#223e50;color:#d9ece7;font-size:13px;font-weight:650; }
.top-challenge .icon { width:16px;height:16px;flex-shrink:0; }.top-challenge:hover { border-color:#9fd4ce;background:#2b5160; }
.top-you-label { display:block;text-align:center;color:#cfe5bd;font-size:13px; }
.top-table-break { padding:14px;color:#9eb6c9;text-align:center;font-size:13px;border-top:1px dashed #658297;background:#101e31; }
.top-full-table { margin:0;padding:0;border:0;border-top:1px solid #435f70;border-radius:0;background:#172b3c; }.top-full-table summary { display:flex;align-items:center;justify-content:space-between;min-height:48px;padding:11px 15px;cursor:pointer;color:#c8e5cf;font-size:14px;font-weight:600; }.top-full-table summary::after { content:'+';font-size:22px; }.top-full-table[open] summary::after { content:'−'; }
.top-table-note { margin:13px 3px 0;color:#aabfd0;font-size:13px;line-height:1.5; }
.top-empty { margin:0;padding:27px 18px;text-align:center;font-size:16px;color:#c6d5df;line-height:1.5; }
.top-prizes { margin-top:27px;padding:20px;border:1px solid #3d5368;border-radius:17px;background:#172a3e; }
.top-prize-tiers { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px; }
.top-prize-tiers>div { min-width:0;display:flex;flex-direction:column;gap:6px;padding:13px 9px;border:1px solid #49636d;border-radius:10px;background:#203742; }
.top-prize-tiers strong { font-size:13px;color:#c7d9df; }.top-prize-tiers span { font-size:27px;font-weight:750;color:#f1dfaa;line-height:1.05; }.top-prize-tiers span small { font-size:12px;font-weight:400; }.top-prize-tiers>div>small { font-size:13px;color:#bcd4d0; }
.top-prizes>p { margin:15px 0 10px;color:#b9cbd6;font-size:14px;line-height:1.5; }
.top-spend-link { display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;width:100%;padding:8px 0;background:transparent;border:0;color:#d0eeb0;font-size:15px;text-align:left;font-weight:600; }.top-spend-link .icon { width:19px;height:19px; }
.top-rules { padding:9px 0 0;margin-top:10px;background:none;border:0;border-top:1px solid #3f596c;border-radius:0; }.top-rules summary { display:flex;align-items:center;justify-content:space-between;min-height:44px;font-size:14px;color:#bbd2de;cursor:pointer; }.top-rules summary::after { content:'+';font-size:22px;color:#abc7c1; }.top-rules[open] summary::after { content:'−'; }.top-rules p { font-size:14px;line-height:1.6;color:#bdd0db;margin:12px 0; }.top-rules strong { color:#e4edcf; }
.top-draw { padding:20px 3px 0;margin-top:25px;border-top:1px solid #3f586c; }.top-draw-heading { display:flex;justify-content:space-between;align-items:center;gap:15px; }.top-draw h2 { margin:7px 0 0;font-size:24px;color:#e8eee1;letter-spacing:-.45px; }.top-draw .career-kicker { font-size:10px;color:#a8c7d1; }.top-draw-symbol { width:45px;height:45px;display:grid;place-items:center;border-radius:12px;background:#293f43;color:#edd9a3; }.top-draw-symbol .icon { width:23px;height:23px; }.top-draw>p { font-size:15px;line-height:1.5;color:#bbced8;margin:14px 0; }.top-draw-status { display:flex;flex-direction:column;gap:7px; }.top-draw-status strong { display:flex;align-items:center;gap:7px;color:#e0e8d8;font-size:16px; }.top-draw-status strong .icon { width:18px;height:18px; }.top-draw-status[data-eligible=true] strong { color:#c9eba7; }.top-draw-status>span { color:#b2c8d2;font-size:13px;line-height:1.4; }
.top-draw-history { margin:15px 0 0;padding:0;background:none;border:0;border-top:1px solid #3a5066;border-radius:0; }.top-draw-history summary { min-height:44px;padding-block:12px;font-size:14px;color:#bed1db;cursor:pointer; }.top-draw-result { display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-top:1px solid #334e62; }.top-draw-result>div { display:flex;flex-direction:column;gap:5px;min-width:0; }.top-draw-result small { color:#a8becf;font-size:12px; }.top-draw-result strong { font-size:16px;color:#e5eddf;overflow-wrap:anywhere; }.top-draw-result span { color:#c8e2b3;font-size:14px; }
.top-ready-prizes { margin:0 0 20px;padding:18px;border:1px solid #8ba071;border-radius:16px;background:#2b4038; }.top-ready-prizes h2 { font-size:22px;margin:0 0 15px;color:#e8f1d1; }.top-ready-prize { display:flex;align-items:center;justify-content:space-between;gap:12px; }.top-ready-prize+.top-ready-prize { margin-top:14px;padding-top:14px;border-top:1px solid #6a8159; }.top-ready-prize>div>span:first-child { display:block;color:#bfcebc;font-size:13px;margin-bottom:6px; }.top-claim { min-height:44px;padding:9px 16px;background:#bce898;border:1px solid #d1efb2;border-radius:10px;color:#22341f;font-size:15px;font-weight:700;flex-shrink:0; }
.top-loading { padding:27px 20px;background:#1b2f43;border:1px solid #415b70;border-radius:17px; }.top-loading h2 { font-size:25px;color:#eeedde;margin:0 0 12px; }.top-loading p { color:#c3d2dc;font-size:16px;line-height:1.5;margin:0 0 20px; }
@media(max-width:600px) {
  .top-heading { gap:10px;margin-bottom:18px; }.top-heading .career-kicker { font-size:9px;letter-spacing:.04em; }.top-heading h1 { font-size:30px; }.top-heading p { font-size:13px; }.top-self { padding:19px 17px; }.top-self-score strong { font-size:39px; }.top-self-score>div+div { padding-left:18px; }.top-self-status { gap:7px;font-size:14px; }.top-day-count { font-size:12px; }.top-self-prize { font-size:12px; }.top-rival-copy { font-size:14px; }.top-section-heading { gap:10px; }.top-section-heading h2 { font-size:21px; }.top-section-heading>span { font-size:12px; }.top-table-labels,.top-row { grid-template-columns:31px minmax(0,1fr) 44px;gap:9px;padding-inline:11px; }.top-action-label { display:none; }.top-row { padding-block:14px;min-height:100px; }.top-person strong { font-size:16px; }.top-person small { font-size:12px; }.top-rank,.top-points { font-size:22px; }.top-row-action { grid-column:2 / 4; }.top-row-action .top-challenge { justify-content:flex-start;min-height:44px;width:auto;padding-inline:12px; }.top-row[data-me=true] .top-row-action { display:none; }.top-you-label { text-align:left; }.top-rank[data-frame=copper],.top-rank[data-frame=prism] { width:29px;height:35px;font-size:19px; }.top-prizes { padding:17px 13px; }.top-prize-tiers { gap:7px; }.top-prize-tiers>div { padding:11px 8px; }.top-prize-tiers span small { display:block;font-size:11px;margin-top:3px; }.top-prize-tiers span { font-size:25px; }.top-prize-tiers strong { font-size:12px; }.top-prize-tiers>div>small { font-size:12px; }.top-prizes>p { font-size:13px; }.top-draw { padding-inline:1px; }.top-draw h2 { font-size:23px; }.top-ready-prizes { padding:16px 13px; }.top-ready-prize { align-items:start; }.top-ready-prize .top-reward-value { flex-wrap:wrap;gap:3px; }.top-ready-prize .top-reward-value small { margin-left:0; }.top-ready-prize .top-claim { padding-inline:12px; }.top-prizes .top-section-heading { flex-wrap:wrap;gap:5px; }
}
@media(max-width:350px) {
  .top-heading .career-kicker { display:none; }.top-heading h1 { font-size:29px; }.top-self { padding:17px 13px; }.top-self-score { gap:15px; }.top-self-score>div+div { padding-left:15px; }.top-self-score span { font-size:13px; }.top-self-score strong { font-size:36px; }.top-self-status { flex-direction:column;gap:4px; }.top-day-count { font-size:13px; }.top-section-heading { flex-wrap:wrap;gap:5px; }.top-table-labels,.top-row { gap:7px;padding-inline:9px; }.top-prizes { padding-inline:11px; }.top-prize-tiers { gap:5px; }.top-prize-tiers>div { padding-inline:7px; }.top-draw h2 { font-size:22px; }.top-draw-symbol { flex:0 0 38px;width:38px;height:38px; }.top-reward-value { font-size:14px; }.top-reward-value strong { font-size:19px; }.top-reward-value small { font-size:12px; }
}
@media(prefers-reduced-motion:reduce) { .top-page * { scroll-behavior:auto;transition:none!important; } }