.readiness{overflow:hidden;background:radial-gradient(ellipse at 50% 30%,#94df6330,transparent 65%),linear-gradient(150deg,#254d39b3,#0b2824c9)}.readiness .ring{width:174px;height:174px;max-width:100%;margin:22px auto 18px;box-shadow:0 0 0 7px #d5ffc708,0 0 0 8px #d5ffc71a,0 12px 30px #001d2040}.readiness .ring:before{inset:8px;background:linear-gradient(145deg,#193b2e,#102d27)}.readiness .ring>div{width:calc(100% - 36px);min-width:0;display:flex;flex-direction:column;align-items:center;gap:7px}.readiness .ring strong{font:800 57px/1 Arial,sans-serif;letter-spacing:-2px;direction:ltr}.readiness .ring strong small{font:12px Arial;letter-spacing:0}.readiness .ring>div>small{font-size:10px;line-height:1.6;white-space:normal;max-width:112px;text-align:center;color:#c4d9c5}.readiness>p{font-size:11px;color:#b1c9ba}.readiness .metric-pair{gap:10px;border:0;padding-top:5px}.readiness .metric-pair>span{flex:1;padding:12px 5px;border:1px solid #d0f6ba1a;background:#d9ffcf05;border-radius:14px}.readiness .metric-pair b{color:#b9fa9b;font-weight:700}
.exercise-visual{isolation:isolate;border:1px solid #c9f6b52a;border-radius:26px;min-height:330px;overflow:hidden;background:#081b14}.exercise-visual>img{width:100%;height:100%;object-fit:cover;filter:contrast(1.1) saturate(.75)}.exercise-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071d18f5,transparent 80%),linear-gradient(270deg,#081e1680,transparent 70%);pointer-events:none}.exercise-visual .visual-caption{z-index:2;inset-inline:24px;bottom:23px;padding-top:18px;border-top:1px solid #d5ffc53a}.exercise-visual .visual-caption .eyebrow{display:inline-block;font:700 11px Arial;letter-spacing:2px;padding:7px 11px;border:1px solid #c8ff7f40;border-radius:7px;background:#b2ef6120;color:#daff9b;backdrop-filter:blur(12px)}.exercise-visual .visual-caption h2{font-size:clamp(24px,3vw,38px);font-weight:900;margin:10px 0 4px}.exercise-visual .visual-caption small{font-size:10px;color:#b3c7bb}
.leader{gap:12px;padding:21px 0}.leader>div{min-width:0}.leader>span:last-child{font-family:Arial,sans-serif;font-size:clamp(26px,3vw,40px);font-style:italic;font-weight:900;line-height:1;letter-spacing:-1.5px;direction:ltr;white-space:nowrap;color:#d4ff8c;text-shadow:0 0 24px #b3f74e20}.leader>strong{flex:0 0 25px;font-family:Arial,sans-serif;font-style:italic}.leader:first-of-type>span:last-child{color:#e3ffa5}.leader .avatar{flex-shrink:0}
.switch{position:relative;flex:0 0 56px;width:56px;height:32px;padding:4px;border:1px solid #bddfc22f;background:linear-gradient(130deg,#243f34,#102b24);box-shadow:inset 0 2px 5px #001c2340;transition:background .3s,box-shadow .3s}.switch:after{width:22px;height:22px;background:linear-gradient(145deg,#c8dacb,#849e8c);box-shadow:0 2px 5px #00160f66;transform:translateX(0);transition:transform .42s cubic-bezier(.2,1.5,.4,1),background .3s}.switch[aria-checked=true]{background:linear-gradient(120deg,#cdf977,#60d8a4);box-shadow:0 0 22px #a6f57420,inset 0 1px #f0ffc655}.switch[aria-checked=true]:after{background:#103d2b;transform:translateX(-24px)}.switch.switch-on:after{animation:switch-on .42s cubic-bezier(.2,1.5,.4,1)}.switch.switch-off:after{animation:switch-off .42s cubic-bezier(.2,1.5,.4,1)}@keyframes switch-on{from{transform:translateX(0) scaleX(1.2)}to{transform:translateX(-24px) scaleX(1)}}@keyframes switch-off{from{transform:translateX(-24px) scaleX(1.2)}to{transform:translateX(0) scaleX(1)}}
@media(max-width:740px){.bottom-nav{isolation:isolate}.bottom-nav a{position:relative;z-index:1;transition:color .25s,transform .25s}.bottom-nav a.active{background:transparent!important;box-shadow:none!important}.mobile-nav-glider{position:absolute;z-index:0;top:7px;bottom:max(7px,env(safe-area-inset-bottom));border-radius:19px;background:linear-gradient(135deg,#d1ff8b2c,#6be6c418);border:1px solid #d8ffab40;box-shadow:inset 0 1px #e7ffc52b,0 0 23px #b2f96a13;pointer-events:none}.bottom-nav a.active svg{animation:nav-lift .45s cubic-bezier(.2,1.5,.4,1)}.bottom-nav a:active{transform:scale(.91)}.exercise-visual{min-height:320px}.leader{gap:9px}.leader>span:last-child{font-size:32px}.leader small{font-size:10px}}@media(max-width:370px){.leader{gap:7px}.leader>span:last-child{font-size:27px;letter-spacing:-1px}.leader .avatar{width:32px;height:32px}.leader>strong{flex-basis:21px;font-size:17px}.leader>div{font-size:13px}.exercise-visual .visual-caption{inset-inline:17px}.readiness .ring{width:160px;height:160px}}
@keyframes nav-lift{0%{transform:translateY(3px) scale(.85)}65%{transform:translateY(-3px) scale(1.12)}100%{transform:translateY(0) scale(1)}}@media(prefers-reduced-motion:reduce){.switch,.switch:after,.bottom-nav a,.bottom-nav a svg{animation:none!important;transition:none!important}}
/* Upright white leaderboard numerals. */
.leader>span:last-child,.leader:first-of-type>span:last-child{font-style:normal;color:#fff;text-shadow:none}.leader>strong{font-style:normal;color:#fff}