.path-reading .subject-top{background:linear-gradient(90deg,#073772ef,#0756aeca 49%,#0564a824),url('reading-meadow.webp') center/cover}
.path-math .subject-top{background:linear-gradient(90deg,#073772ef,#0756aeca 49%,#0564a824),url('reed-pond.webp') center/cover}
.learning-plaques .plaque-reading{background:linear-gradient(90deg,#0a4f9bdd 0%,#0b61a270 56%,#0000 100%),url('reading-meadow.webp') center/cover}
.learning-plaques .plaque-math{background:linear-gradient(90deg,#0a4f9bdd 0%,#0b61a270 56%,#0000 100%),url('reed-pond.webp') center/cover}
.path-toolbar,.path-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:18px 0}
.path-toolbar span{font:800 17px/1.4 'DM Sans',sans-serif;color:#124c7c}
.path-lesson-list{display:flex;gap:9px;overflow-x:auto;padding:5px 5px 18px;scroll-snap-type:x mandatory}
.path-lesson-list button{flex:0 0 auto;scroll-snap-align:start;min-width:112px;max-width:155px;min-height:88px;padding:10px;border:4px solid #0b5bb7;border-radius:20px;background:#fff;color:#143e64;box-shadow:0 5px 0 #084080;font:800 13px/1.25 'DM Sans',sans-serif;cursor:pointer}
.path-lesson-list button strong{display:block;font-size:26px;margin-bottom:3px}
.path-lesson-list button[aria-current="step"]{background:#ffdb29;border-color:#0b5bb7;transform:translateY(-3px)}
.path-lesson-list button:focus-visible,.path-app button:focus-visible{outline:4px solid #f04b46;outline-offset:3px}
.path-activity{min-height:530px}
.path-activity h2{margin:0 0 8px}
.path-activity .path-instruction{font-size:19px;font-weight:700;max-width:830px}
.path-activity .path-stage{position:relative;min-height:275px;margin:20px 0;padding:27px 150px 27px 25px;border:6px solid #fff;border-radius:25px;background:#82c9f3 url('reading-meadow.webp') center/cover;box-shadow:inset 0 0 0 4px #0b75bd,0 9px 0 #1f7fa9;color:#14395f;text-align:center}
.path-math .path-stage{background-image:url('reed-pond.webp')}
.path-stage .stage-friend{position:absolute;right:9px;bottom:0;width:130px;max-height:215px;object-fit:contain;object-position:bottom;filter:drop-shadow(0 7px 5px #17436888);pointer-events:none}
.path-stage .stage-prompt{display:inline-block;max-width:100%;margin:0 auto 18px;padding:12px 22px;border:4px solid #0b5bb7;border-radius:20px;background:#fff;color:#123d62;font:900 clamp(24px,5vw,45px)/1.1 'DM Sans',sans-serif;box-shadow:0 6px 0 #084080}
.path-stage .stage-prompt small{display:block;margin-top:6px;font-size:16px}
.path-stage .stage-prompt .letter-focus{color:#d8343c}
.path-actions{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap;margin:16px 0}
.path-actions button,.choice-grid button,.sound-board button,.number-line button,.build-board button{border:0;border-radius:18px;background:transparent url('toy-square.webp') center/100% 100% no-repeat;color:#123c64;font:900 25px/1.1 'DM Sans',sans-serif;min-width:82px;min-height:82px;padding:17px;cursor:pointer}
.path-actions button{min-width:133px;min-height:68px;background-image:url('toy-pill.webp');color:white;font-size:17px;text-shadow:0 2px 2px #07376c}
.path-actions button:hover,.choice-grid button:hover,.sound-board button:hover,.number-line button:hover,.build-board button:hover{transform:translateY(-3px);filter:brightness(1.06)}
.choice-grid,.sound-board,.number-line,.build-board{display:flex;justify-content:center;align-items:center;gap:10px;flex-wrap:wrap;max-width:760px;margin:15px auto}
.choice-grid button{min-width:122px;min-height:100px;font-size:clamp(22px,4vw,34px)}
.choice-grid button[disabled]{opacity:.55;cursor:default}
.sound-board button[aria-pressed="true"],.build-board button[aria-pressed="true"],.number-line button[aria-pressed="true"]{outline:5px solid #ed3b46;outline-offset:1px}
.path-feedback{min-height:36px;margin:16px auto 0!important;padding:7px 12px;border-radius:13px;background:#fff;color:#153e64!important;font-weight:900;text-align:center;max-width:520px}
.path-feedback.good{background:#dcffdb;color:#225b36!important}.path-feedback.try{background:#fff1bd;color:#744d19!important}
.path-dots{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;max-width:700px;margin:13px auto}
.path-group{display:inline-flex;gap:3px;padding:8px;border:3px solid #0d6cbb;border-radius:17px;background:#ffffffd9}
.path-dot{position:relative;display:block;width:57px;height:57px;border:3px solid #fff;border-radius:47% 53% 51% 49%;background:radial-gradient(circle at 30% 25%,#fff9c1 0 7%,#ffdf5c 18%,#efb329 70%,#b97a18 100%);box-shadow:inset -5px -6px 8px #8c5c1955,0 4px 0 #865b24,0 6px 8px #163f6655;transform:rotate(-13deg)}
.path-dot.blue{background:radial-gradient(circle at 30% 25%,#f7ffff 0 7%,#8ce4fb 18%,#288ecc 70%,#0e4b94 100%);box-shadow:inset -5px -6px 8px #06346a66,0 4px 0 #0d5e9d,0 6px 8px #163f6655;transform:rotate(11deg)}
.path-dot.removed{opacity:.3;filter:grayscale(1)}
.path-equation{font:900 clamp(30px,5vw,56px)/1.2 'DM Sans',sans-serif;color:#123b61}
.path-story{max-width:630px;margin:10px auto;padding:19px;border:4px solid #0b5bb7;border-radius:22px;background:#fff;font:800 clamp(22px,3.4vw,31px)/1.55 'DM Sans',sans-serif;color:#123c62}
.path-story span{cursor:pointer;border-bottom:3px dashed #ec5052}.path-story span:hover{background:#fff3a5}
.path-visual{max-width:280px;max-height:175px;object-fit:contain;filter:drop-shadow(0 6px 4px #13527c88)}
.path-progress-ring{display:inline-grid;place-items:center;width:31px;height:31px;margin:0 5px;border-radius:50%;background:#5bbf72;color:#fff}
html[data-theme="dark"] .path-toolbar span{color:#e7f5ff}
html[data-theme="dark"] .path-lesson-list button{background:#153e64;color:#fff;border-color:#6eb8ec}
html[data-theme="dark"] .path-lesson-list button[aria-current="step"]{background:#ffe04b;color:#143e64}
html[data-theme="dark"] .path-reading .subject-top{background:linear-gradient(90deg,#061d3ff2,#073a74d9 52%,#064f8344),url('reading-meadow.webp') center/cover}
html[data-theme="dark"] .path-math .subject-top{background:linear-gradient(90deg,#061d3ff2,#073a74d9 52%,#064f8344),url('reed-pond.webp') center/cover}
@media(max-width:650px){.path-activity .path-stage{padding:20px 14px 122px}.path-stage .stage-friend{width:93px;max-height:125px}.path-lesson-list button{min-width:102px}.path-dot{width:43px;height:43px;font-size:20px}.path-actions button{min-width:106px}.choice-grid button{min-width:94px;min-height:85px}}
@media(prefers-reduced-motion:reduce){.path-actions button,.choice-grid button,.sound-board button,.number-line button,.build-board button{transition:none}}