/* APPROVED 3.5.5 PRODUCTION VISUAL BASELINE — layer after 3.5.3 */
:root{--kkBlue:#19a9ed;--kkGlass:#06192cf0}
body{background:linear-gradient(180deg,#030d18a8,#061321e6 430px,#04101f),url('art/journey.webp') center top/100% auto no-repeat,#04101f!important;color:#eff7ff!important}
.shell{gap:12px!important;max-width:1740px!important;grid-template-columns:repeat(12,minmax(0,1fr))!important}
.top{position:relative!important;order:-30!important;background:#041626b8!important;min-height:74px!important;border:1px solid #2996bd77!important}.top h1{font-family:Georgia,serif!important;letter-spacing:-.04em!important;font-style:italic!important;font-size:clamp(28px,2.8vw,44px)!important}.top .eyebrow{letter-spacing:.17em}.kkBannerCaption{color:#abc9e0;font-size:12px;letter-spacing:.22em;margin-left:15px;line-height:1.5}
.hero{display:none!important}
.raceCarousel{order:-25!important;grid-column:1/-1!important;position:relative!important;display:grid!important;grid-template-columns:minmax(0,1.72fr) minmax(0,1fr)!important;gap:10px!important;background:#061624a1!important;border:0!important;padding:0 58px 0 0!important;min-height:245px!important;overflow:hidden!important}
.raceCarouselTop{position:absolute!important;top:0;left:0;right:0;z-index:5;padding:5px 10px;pointer-events:none}.raceCarouselTop h2{display:none!important}.raceCarouselTop .raceControls{pointer-events:auto;margin-left:auto}
.raceStage{grid-column:1!important;margin:0!important;min-height:245px!important;border-radius:13px!important;border:1px solid #0c92d1!important;background-image:linear-gradient(90deg,#021225d8,#02122515),url('art/journey.webp')!important;background-size:cover!important;background-position:center!important;animation:kkEnter .24s ease-out both}
.raceStage[data-scene="mountain"]{background-image:linear-gradient(90deg,#061527aa,#06152744),url('art/races/humphreys-approved.webp')!important}.raceStage[data-scene="coast"]{background-image:linear-gradient(90deg,#061527aa,#06152744),url('art/races/imca-journey.webp')!important}.raceStage[data-custom-art="yes"]{background-image:linear-gradient(90deg,#061527a0,#06152738),var(--personal-race-art)!important}
.raceStageContent{padding:40px 26px 18px!important}.raceName{font-size:clamp(24px,3vw,40px)!important;text-transform:uppercase}.raceTag{text-transform:uppercase;letter-spacing:.2em}.raceWhen{font-size:14px!important}.raceNumbers{margin-top:16px!important}.kkRaceRail{grid-column:2!important;min-width:0;position:relative}.kkRacePreviews{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;height:100%;min-height:245px}.kkPreview{min-height:245px;position:relative;display:flex;align-items:flex-end;border:1px solid #1688c4;border-radius:12px;background-color:#0b2238;background-size:cover;background-position:center}.kkPreviewText{padding:12px;display:grid;gap:5px;min-width:0;text-shadow:0 2px 5px #000}.kkPreview strong{font-size:clamp(13px,1.3vw,18px);text-transform:uppercase;overflow-wrap:anywhere}.kkPreview span{font-size:12px}.kkEmpty{color:#9ac7e2;justify-content:center;align-items:center}.kkRailNav{position:absolute;right:-53px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:12px;z-index:9}.kkRailNav button{height:43px;width:43px;border-radius:50%;border:1px solid #6dd3ff;background:#061726cb;color:#fff;font-size:30px;line-height:1;cursor:pointer;box-shadow:0 3px 16px #000c}.kkRailNav button:hover{background:#14659b}.raceBottom{position:absolute;bottom:5px;left:8px;right:auto!important;z-index:6}.raceDots{display:none!important}.raceStatus{position:absolute;bottom:0;right:0;max-width:200px;font-size:10px;opacity:.65}.raceEditForm,.personalArtworkControls{grid-column:1/-1}.raceCarousel:has(.raceEditForm:not([hidden])){overflow:visible!important}.raceSeed{grid-column:1/-1}
.modules{order:-23!important;grid-column:1/-1!important;grid-template-columns:repeat(7,minmax(0,1fr))!important;gap:10px!important}.modules button,.modules button[data-module="trophy"]{grid-column:auto!important;min-height:185px!important;max-height:none!important;border-radius:11px!important;aspect-ratio:auto!important;cursor:pointer}.modules button .moduleIcon,.modules button[data-module="trophy"] .moduleIcon{min-height:185px!important;height:100%!important;object-fit:cover!important}.modules button::after{bottom:11px!important}.modules button::before{content:''!important;position:absolute;inset:0;background:linear-gradient(0deg,#011223 0%,transparent 73%)!important;z-index:1}.modules button::after{font-size:clamp(11px,1.16vw,17px)!important}.modules button[data-module="ask"]{display:none!important}.modules button[data-module="trophy"]{max-height:none!important}
.daywork{order:-20!important;grid-column:1/4!important}.streakpanel{order:-19!important;grid-column:4/7!important}.roadmap{order:-18!important;grid-column:7/10!important;margin:0!important}.kkFinanceWrap{order:-17!important;grid-column:10/13!important;min-height:190px;position:relative;background:#051827;border:1px solid #206d98;border-radius:12px;overflow:hidden}.kkFinanceBox{padding:18px;height:100%;cursor:pointer}.kkFinanceBox h3{margin:0 0 15px}.kkFinNotConnected{font-size:13px;line-height:1.5;color:#b3cadd}.kkFinanceBox.kkConcealed{filter:blur(7px);pointer-events:none}.kkFinancePeek{position:absolute;inset:30px 0 0;background:#061729a9;display:grid;place-content:center;gap:8px;text-align:center;cursor:pointer;z-index:2}.kkFinancePeek strong{font-size:17px}.kkFinancePeek small{color:#abc2d6}.kkFinancePeek[hidden]{display:none!important}.kkRecent{order:-16!important;grid-column:1/-1!important;padding:12px 17px!important;margin:0!important}.kkRecent .heading{margin:0}.kkRecent p{margin:7px 0}.kkRecent button{font-size:12px}
.askBar{order:-15!important;grid-column:1/9!important;margin:0!important;min-width:0!important}.kkUtilities{order:-14!important;grid-column:9/13!important;display:flex;gap:7px;justify-content:stretch}.kkUtilityButton{flex:1;min-width:0!important;border:1px solid #1f7199!important;background:#05172b!important;border-radius:10px;color:#edf6ff;cursor:pointer;padding:13px 7px!important;font-size:13px}.kkUtilityPanel{order:-13!important;grid-column:1/-1!important;background:#071d31!important}.kkUtilityPanel[hidden],.kkUtilitySection[hidden]{display:none!important}.kkUtilitySection{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.kkUtilitySection label{display:flex;align-items:center;gap:7px}.kkUtilitySection input:not([type=checkbox]){width:min(240px,65vw)}.kkUtilitySection p{flex-basis:100%}
body[data-kk-theme="night"]{background:#020914!important}body[data-kk-theme="clean"]{background:#0c1e30!important}body[data-kk-layout="compact"] .modules button,body[data-kk-layout="compact"] .modules .moduleIcon{min-height:135px!important}
body.kkSubpage .shell{display:block!important;max-width:1450px!important;min-height:100dvh!important;padding:16px clamp(12px,2vw,30px)!important}body.kkSubpage .shell>.top{margin-bottom:20px!important}body.kkSubpage .modulecontent:not(.hide),body.kkSubpage #missionSection:not(.hide),body.kkSubpage #trophyPanel:not(.hide),body.kkSubpage #aiPanel:not(.hide),body.kkSubpage #workoutDetailPage:not(.hide){display:block!important;width:min(100%,1250px)!important;min-height:65vh!important;max-width:none!important;margin:0 auto!important;padding:clamp(18px,3vw,35px)!important;background:#061a2df5!important;border:1px solid #35bfff!important;border-radius:23px!important;box-shadow:0 18px 55px #0009!important;animation:kkEnter .22s cubic-bezier(.22,.7,.15,1) both!important}body.kkSubpage .backHome{display:inline-block!important}
@keyframes kkEnter{from{opacity:.75;transform:scale(.978) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}
@media(max-width:1100px){.modules{grid-template-columns:repeat(4,minmax(0,1fr))!important}.daywork{grid-column:1/7!important}.streakpanel{grid-column:7/13!important}.roadmap{grid-column:1/7!important}.kkFinanceWrap{grid-column:7/13!important}.askBar{grid-column:1/-1!important}.kkUtilities{grid-column:1/-1!important}}
@media(max-width:640px){.shell{display:flex!important;flex-direction:column!important}.kkBannerCaption{display:none}.raceCarousel{display:grid!important;grid-template-columns:1fr!important;padding:0 43px 0 0!important;min-height:0!important}.raceStage{grid-column:1!important;min-height:225px!important}.kkRaceRail{grid-column:1!important}.kkRacePreviews{min-height:115px;gap:7px}.kkPreview{min-height:115px}.kkRailNav{right:-42px}.kkRailNav button{height:35px;width:35px;font-size:24px}.raceStageContent{padding:27px 12px 20px!important}.raceName{font-size:25px!important}.modules{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}.modules button,.modules button[data-module="trophy"],.modules button .moduleIcon,.modules button[data-module="trophy"] .moduleIcon{min-height:154px!important}.daywork,.streakpanel,.roadmap,.kkFinanceWrap,.kkRecent,.askBar,.kkUtilities{width:100%!important;grid-column:1/-1!important;min-height:0}.kkUtilities{min-height:60px}.top{margin:0!important}.kkFinanceWrap{min-height:145px}body.kkSubpage .shell{display:block!important}body.kkSubpage .top{margin-bottom:9px!important}body.kkSubpage .modulecontent:not(.hide),body.kkSubpage #missionSection:not(.hide),body.kkSubpage #trophyPanel:not(.hide),body.kkSubpage #aiPanel:not(.hide){border-radius:18px!important;min-height:75dvh!important;padding:15px!important}}
@media(prefers-reduced-motion:reduce){.kkPreview,.raceStage,body.kkSubpage .modulecontent{animation:none!important}}.kkReducedMotion .raceStage,.kkReducedMotion .modulecontent{animation:none!important}