/* A focused learning path; scoped so account and admin screens keep their layouts. */
.home-page{--muted:#777;--line:#e8e8e8;--ink:#222}.home-page .club-header{position:fixed;inset:0 auto 0 0;width:220px;height:100dvh;border:0;border-right:2px solid var(--line);padding:38px 24px;margin:0;display:flex;flex-direction:column;align-items:stretch;gap:48px;background:#fff;z-index:5}.home-page .club-brand{padding:0 10px;font-size:28px}.home-page .club-header nav{display:flex;flex-direction:column;background:none;border:0;padding:0;gap:14px}.home-page .club-header nav button{display:flex;align-items:center;gap:16px;font-size:17px;font-weight:700;border:2px solid transparent;padding:15px 20px;text-align:left;border-radius:16px}.home-page .club-header nav button span{font-size:25px;width:26px;text-align:center}.home-page .club-header nav button.selected{border-color:#222;box-shadow:0 3px 0 #222;background:#fff}.home-page .account-link{margin:auto 0 0;text-align:center;max-width:none;border:2px solid var(--line);font-size:13px;font-weight:600;padding:12px}.home-page .club-main{max-width:680px;margin:0 auto 0 calc(220px + (100% - 220px - min(680px,100% - 220px))/2);padding:0 36px 55px;min-height:100dvh}.journey-stats{display:flex;gap:24px;align-items:center;justify-content:flex-end;border-bottom:2px solid var(--line);height:82px;font-size:14px;font-weight:700}.journey-stats span:first-child{margin-right:auto;color:#777}.journey-stats #pathStars{color:#aa8117}.journey-welcome{display:flex;align-items:center;justify-content:space-between;min-height:190px;padding:20px 14px 10px;gap:12px}.journey-welcome h1{font-size:30px;line-height:1.4;margin:0 0 10px;letter-spacing:-.5px}.journey-welcome p{color:#777;font-size:14px;margin:0}.journey-welcome img{object-fit:contain;width:130px;height:140px;transform:rotate(5deg)}.unit-heading{padding:19px 24px;border:2px solid #222;border-bottom-width:5px;border-radius:20px;background:#fff}.unit-heading>span{font-size:12px;color:#777;font-weight:650}.unit-heading h2{font-size:19px;margin:3px 0 0}.home-page .challenge-map{display:flex;flex-direction:column;align-items:center;gap:12px;padding:44px 0 0;background:radial-gradient(circle,#ededed 2px,transparent 3px) center 20px/4px 20px repeat-y}.path-step{position:relative;display:flex;align-items:center;flex-direction:column;min-height:142px;width:220px;background:#fff;padding:8px 0 14px}.path-step:nth-child(4n+2){transform:translateX(72px)}.path-step:nth-child(4n+4){transform:translateX(-72px)}.path-node{display:grid;place-items:center;width:78px;height:72px;border-radius:50%;border:2px solid #e0e0e0;background:#f3f3f3;box-shadow:0 7px 0 #dedede;color:#b8b8b8;position:relative;margin-bottom:20px;font-size:35px;font-weight:800;transition:transform .15s,box-shadow .15s}.path-step.current .path-node{background:#222;border-color:#222;color:white;box-shadow:0 7px 0 #080808,0 0 0 8px white,0 0 0 10px #ededed}.path-step.complete .path-node{background:#f6d26d;border-color:#e6bb47;color:#3b321c;box-shadow:0 7px 0 #c29a34}.path-node[href]:hover{transform:translateY(3px);box-shadow:0 4px 0 #080808}.path-node[href]:active{transform:translateY(7px);box-shadow:none}.path-step strong{font-size:13px;font-weight:650;max-width:220px;text-align:center}.path-step.locked strong{color:#a2a2a2}.path-song{font-size:11px;color:#777;text-align:center;max-width:220px}.path-step .level-stars{font-size:14px;letter-spacing:4px;padding-top:2px;margin:0}.start-bubble{position:absolute;top:-43px;color:#222;background:white;border:2px solid #e5e5e5;border-radius:12px;padding:4px 17px;font-size:14px;white-space:nowrap}.start-bubble:after{content:'';position:absolute;width:9px;height:9px;background:white;border-right:2px solid #e5e5e5;border-bottom:2px solid #e5e5e5;bottom:-7px;left:calc(50% - 5px);transform:rotate(45deg)}.home-page .practice-heading{padding:65px 0 28px;display:flex;align-items:center;justify-content:space-between;gap:15px}.home-page .practice-heading h1{font-size:29px;line-height:1.4;margin:0 0 10px;font-weight:750}.home-page .practice-heading p{margin:0;font-size:14px}.home-page .button{border:2px solid #e5e5e5;border-bottom-width:4px;border-radius:14px;padding:10px 18px;font-weight:700;white-space:nowrap}.home-page .library-filters{border-bottom:2px solid var(--line);padding:0;margin-bottom:24px;gap:24px}.home-page .library-filters button{border:0;border-bottom:3px solid transparent;border-radius:0;padding:12px 8px;margin-bottom:-2px;font-size:15px;font-weight:700;box-shadow:none}.home-page .library-filters button.selected{border-color:#222}.home-page .status:empty{display:none}.home-page .status{padding:0 0 16px;min-height:0}.home-page .catalog-list{display:flex;flex-direction:column;gap:15px}.home-page .score-item{border:2px solid #e5e5e5;border-bottom-width:5px;border-radius:19px;padding:22px;min-height:108px;gap:18px;transition:transform .15s,border-color .15s}.home-page .score-item:hover{border-color:#888;transform:translateY(-2px)}.home-page .score-icon{border:0;background:#f4f4f4;width:55px;height:60px;font-size:34px;border-radius:14px}.home-page .score-item strong{font-size:18px;font-weight:700}.home-page .score-item small{font-size:12px;margin-top:3px}.home-page .score-item .arrow{font-size:23px;color:#333}.beta-caption{text-align:center;color:#888;font-size:12px;margin:28px 0}.home-page .search-box{margin-bottom:20px}.home-page .score-delete{bottom:9px}.home-page .score-row:has(.score-delete) .score-item{padding-bottom:40px}
@media(min-width:1400px){.home-page .club-main{margin-left:calc(220px + (100% - 220px - 680px)/2)}}
@media(max-width:760px){.home-page .club-header{position:relative;inset:auto;flex-direction:row;align-items:center;width:auto;height:72px;border:0;border-bottom:2px solid var(--line);padding:0 22px;gap:12px}.home-page .club-brand{padding:0;font-size:25px}.home-page .account-link{margin:0 0 0 auto;font-size:11px;padding:7px 12px}.home-page .club-header nav{position:fixed;inset:auto 0 0;flex-direction:row;justify-content:center;gap:40px;border-top:2px solid var(--line);background:#fff;padding:9px 16px max(12px,env(safe-area-inset-bottom));border-radius:0;z-index:10}.home-page .club-header nav button{padding:8px 25px;gap:10px;font-size:15px;border-radius:13px}.home-page .club-header nav button span{font-size:23px}.home-page .club-header nav button.selected{box-shadow:none;border-color:#222}.home-page .club-main{margin:0 auto;max-width:580px;min-height:calc(100dvh - 72px);padding:0 24px 110px}.journey-stats{height:57px;font-size:12px}.journey-welcome{min-height:157px;padding:14px 0}.journey-welcome h1{font-size:27px}.journey-welcome p{font-size:12px}.journey-welcome img{width:105px;height:120px}.unit-heading{padding:15px 20px}.unit-heading h2{font-size:17px}.path-step:nth-child(4n+2){transform:translateX(48px)}.path-step:nth-child(4n+4){transform:translateX(-48px)}.home-page .practice-heading{padding:32px 0 24px}.home-page .practice-heading h1{font-size:24px}.home-page .practice-heading p{font-size:12px}.home-page .button{padding:8px 13px;font-size:12px}.home-page .score-item{padding:18px 15px;gap:13px;min-height:104px}.home-page .score-item strong{font-size:16px}.home-page .score-item small{font-size:11px}.home-page .score-icon{width:48px;height:55px}.home-page .library-filters button{font-size:14px}}

.journey-welcome img{transform:none;image-rendering:auto;object-fit:contain}
/* One companion lives on the selected platform. */
.home-page .journey-welcome{min-height:130px;padding:24px 0}.home-page .challenge-map{position:relative;padding-top:102px;gap:35px;isolation:isolate}.home-page .path-step{min-height:170px}.path-node{cursor:pointer;font-family:inherit}.path-node:focus-visible,.companion-start:focus-visible{outline:3px solid #8d6ab4;outline-offset:6px}.path-step.chosen .path-node{border-color:#88cdb2;box-shadow:0 7px 0 #080808,0 0 0 7px #e8f8f0}.path-companion{position:absolute;display:block;left:calc(50% - 46px);top:-78px;width:92px;height:96px;z-index:3;pointer-events:none;mix-blend-mode:multiply;will-change:transform}.path-companion img{width:100%;height:100%;object-fit:contain;transform-origin:50% 90%;animation:companion-idle 3s ease-in-out infinite}.path-companion.walking img{animation:companion-walk .16s ease-in-out infinite alternate}.path-companion.celebrating img{animation:companion-cheer .42s ease-in-out 2}.path-companion.puzzled img{animation:companion-puzzle .5s ease-in-out}.companion-stars{position:absolute;top:0;left:-15px;width:120px;color:#b18414;opacity:0;font-size:22px;text-align:center}.celebrating .companion-stars{animation:companion-spark .85s ease-out}.companion-start{position:absolute;z-index:4;display:block;border:2px solid #222;border-bottom-width:4px;border-radius:12px;background:white;padding:9px 12px;font-size:12px;font-weight:750;white-space:nowrap;color:#222;text-decoration:none}.companion-start[hidden]{display:none}.companion-message{position:absolute;left:0;width:100%;text-align:center;pointer-events:none;font-size:12px;color:#655679;z-index:4;margin:0}.companion-message:empty{display:none}
@keyframes companion-idle{50%{transform:translateY(-3px) rotate(2deg)}}@keyframes companion-walk{from{transform:rotate(-7deg) translateY(-2px)}to{transform:rotate(7deg) translateY(1px)}}@keyframes companion-cheer{50%{transform:translateY(-20px) rotate(-6deg)}}@keyframes companion-puzzle{35%{transform:rotate(-12deg)}70%{transform:rotate(8deg)}}@keyframes companion-spark{20%,65%{opacity:1;transform:translateY(-15px)}100%{opacity:0;transform:translateY(-32px)}}
@media(max-width:760px){.home-page .journey-welcome{min-height:110px}.companion-start{padding:8px;font-size:11px;max-width:100px}.home-page .path-step:nth-child(4n+2){transform:translateX(32px)}.home-page .path-step:nth-child(4n+4){transform:translateX(-32px)}}
@media(prefers-reduced-motion:reduce){.path-companion img,.companion-stars{animation:none!important}.path-node{transition:none}}

.guide-preference{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:12px;margin:12px 0 24px}.guide-preference input{accent-color:#66bfa0;width:18px;height:18px}