.star-wallet{color:#5a298b;background:#ffe68b;border:1px solid #e9bb49;padding:8px 14px;border-radius:24px;font-weight:800;text-decoration:none;white-space:nowrap}main header{flex-wrap:wrap;gap:10px}.path-intro,.path-wallet{display:flex;justify-content:space-between;align-items:center;gap:18px}.path-wallet{padding:20px;background:#fff4be;border:1px solid #ead487;border-radius:20px;margin:24px 0}.path-wallet strong{font-size:24px}.path-wallet p{margin:5px 0;font-size:14px}.path-avatars{display:flex;gap:6px;flex-wrap:wrap}.path-avatars button{background:#fff8df;padding:8px;font-size:27px;border:2px solid transparent;border-radius:14px}.path-avatars button[aria-pressed=true]{border-color:#7543c8;background:#f0e3ff}.city-selector{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.city-tab{display:grid;gap:7px;border:2px solid #e2d6f2;background:#fff;color:#44295f;border-radius:18px;padding:14px;text-align:left}.city-tab.selected{border-color:#8552c2;background:#eee3ff}.city-tab span{font-size:17px;font-weight:800}.city-tab small{font-size:12px}.city-map{--map-tint:#e1f3ec;background:linear-gradient(160deg,var(--map-tint),#fff8e9);border:1px solid #d4decf;border-radius:26px;padding:25px 16px;overflow:hidden}.city-1{--map-tint:#d9effb}.city-2{--map-tint:#e9e2ff}.city-3{--map-tint:#d6f4f2}.city-4{--map-tint:#f5e4d0}.city-5{--map-tint:#dcebf8}.city-title{display:flex;justify-content:space-between;align-items:center;padding:6px 12px}.city-title h2{font-size:34px;margin:8px 0}.city-title p{margin:5px 0}.city-landmark{font-size:76px;filter:drop-shadow(0 8px 0 #ffffff70)}.path-guide{font-size:14px;padding:12px;background:#ffffffb0;border-radius:12px}.path-trail{max-width:750px;margin:0 auto;padding:10px 12px 25px}.path-phase h3{font-size:14px;letter-spacing:1px;color:#526b61;margin:25px 0 40px}.path-row{display:flex;justify-content:space-between;position:relative;gap:12px;padding:0 0 35px}.path-row:before{content:"";position:absolute;left:7%;right:7%;top:33px;border-top:8px dashed #b2c5b0}.path-row:after{content:"";position:absolute;right:5%;top:36px;height:135px;border-right:8px dashed #b2c5b0}.path-row.return-row{flex-direction:row-reverse}.path-row.return-row:after{right:auto;left:5%}.path-phase:last-of-type .path-row:after{display:none}.path-tile{width:94px;min-width:0;position:relative;display:flex;align-items:center;flex-direction:column;gap:6px;border:2px solid #9d7ac7;border-bottom-width:7px;border-radius:22px;padding:12px 5px;background:#c7a9eb;color:#352050;box-shadow:0 4px 0 #2d194e16;z-index:1}.path-tile:disabled{opacity:1;background:#e4e9df;color:#758073;border-color:#bec8b9;cursor:not-allowed}.path-tile.passed{background:#ffe38a;border-color:#d0a33e}.path-tile.current{background:#9ee4c6;border-color:#4c997a;outline:4px solid #ffffffbd;outline-offset:4px}.tile-symbol{font-size:25px;font-weight:900;line-height:1.2}.path-tile strong{font-size:11px;line-height:1.3}.tile-stars{font-size:18px;letter-spacing:1px;color:#72511e;white-space:nowrap}.path-tile small{font-size:9px;line-height:1.4}.path-traveler{position:absolute;font-size:36px;top:-48px;filter:drop-shadow(0 4px 1px #472b4f33);animation:path-bounce 1.8s ease-in-out infinite}.path-final{display:flex;justify-content:center;margin:35px 0 0}.path-final .path-tile{width:190px;padding:20px}.path-rules,.next-city{background:#ffffffe0;padding:20px;border-radius:20px;margin-top:20px;font-size:14px}.path-rules h3,.next-city h3{margin-top:0}.path-challenge,.path-result{background:white;border:1px solid #e5d9f4;border-radius:24px;padding:28px;margin:24px auto;max-width:780px}.path-run-top,.path-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.path-run-top{font-size:15px;font-weight:700}.path-challenge progress{width:100%;height:14px;margin:18px 0 26px;accent-color:#55b793}.path-challenge h2{font-size:27px;line-height:1.5}.path-options{display:grid;gap:12px;margin:22px 0}.path-options button{display:flex;align-items:center;gap:14px;padding:18px;border:2px solid #e4dbef;border-bottom-width:5px;border-radius:16px;text-align:left;background:#faf8ff;color:#37214c;line-height:1.5}.path-options button span{border:1px solid #d4c7e3;padding:3px 8px;border-radius:8px;font-size:12px}.path-options .chosen{border-color:#9a6bce;background:#efe4ff}.path-options .right{border-color:#5da58c;background:#dff5eb;color:#204e3e}.path-options .wrong{border-color:#cc7584;background:#fff0f3;color:#792b3b}.path-feedback:not(:empty){padding:18px;background:#f2ecfa;border-radius:16px;margin-bottom:20px}.path-feedback p{margin-bottom:0}.path-result{text-align:center}.result-avatar{font-size:65px}.result-stars{color:#d49a22;font-size:52px;letter-spacing:9px;margin:14px}.path-result details{text-align:left;margin-top:25px;padding:18px;background:#f9f4ff;border-radius:15px}.path-tile:focus-visible,.city-tab:focus-visible,.path-options button:focus-visible{outline:3px solid #4e2889;outline-offset:5px}button:disabled{cursor:not-allowed}.path-actions button{min-height:46px}@keyframes path-bounce{50%{transform:translateY(-5px)}}@media(max-width:950px){.path-trail{padding-left:0;padding-right:0}.path-row{gap:6px}.path-tile{width:calc((100% - 30px)/6);border-radius:15px}.path-tile strong{font-size:10px}.path-tile small{font-size:8px}.tile-stars{font-size:14px;letter-spacing:0}.city-map{padding:16px 10px}.city-title h2{font-size:28px}}@media(max-width:520px){.path-wallet{align-items:flex-start;flex-direction:column}.city-selector{grid-template-columns:repeat(2,minmax(0,1fr))}.city-tab span{font-size:14px}.path-tile strong{font-size:9px}.path-tile small{display:none}.tile-symbol{font-size:20px}.tile-stars{font-size:12px}.path-row{padding-bottom:32px}.path-row:before{top:30px;border-width:6px}.path-row:after{height:107px;border-width:6px}.path-traveler{font-size:30px;top:-41px}.city-landmark{font-size:50px}.path-challenge,.path-result{padding:18px}.path-options button{padding:14px}.path-intro{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){.path-traveler{animation:none}}.reduce-motion .path-traveler{animation:none}

.path-question-art{position:relative;display:flex;align-items:center;justify-content:center;max-width:190px;margin:0 auto 8px}.path-question-emoji{font-size:68px;line-height:1.25;display:grid;place-items:center;width:108px;height:108px;border-radius:32px;background:linear-gradient(145deg,#fff2ad,#f2deff);box-shadow:0 6px 0 #dcc4ee;animation:question-pop .35s ease-out}.question-spark{position:absolute;font-size:24px}.spark-left{left:5px;top:12px;transform:rotate(-15deg)}.spark-right{right:0;bottom:12px;transform:rotate(14deg)}.path-cheer{text-align:center;color:#7140aa;font-weight:800;font-size:14px;background:#f5ecff;padding:10px 14px;border-radius:16px}.path-challenge .path-options button:hover:not(:disabled){background:#f1e5ff;transform:translateY(-2px)}@keyframes question-pop{from{transform:scale(.85) rotate(-6deg);opacity:.5}to{transform:scale(1) rotate(0);opacity:1}}@media(max-width:500px){.path-question-emoji{font-size:54px;width:88px;height:88px}.path-cheer{font-size:12px}.path-challenge{padding:20px}}@media(prefers-reduced-motion:reduce){.path-question-emoji{animation:none}.path-challenge .path-options button:hover:not(:disabled){transform:none}}

.path-mini-lesson{background:#f1e9ff;border:1px solid #d6c4f6;border-radius:14px;padding:12px 16px;color:#59377f;font-size:14px}#pathListen{margin:0 0 16px}

.path-mistake-card{display:grid;grid-template-columns:90px minmax(0,1fr);gap:18px;background:linear-gradient(120deg,#fff5cb,#f1e5ff);border:3px solid #ae82df;border-radius:22px;padding:20px;margin:20px 0;box-shadow:0 8px 20px #6242971a;color:#352151;text-align:left}.path-mistake-card>img{width:90px;height:110px;object-fit:contain}.path-mistake-card h3{margin:0;color:#633b99;font-size:23px}.path-mistake-card h4{margin-bottom:6px}.path-mistake-card p{line-height:1.55}.path-mistake-card button{margin-top:10px;min-height:48px}.mistake-pair{background:#ffffffa6;padding:12px;border-radius:12px}.lumi-support-line{font-weight:700;color:#704d9b}.path-lumi-encouragement{display:flex;align-items:center;gap:12px;background:#f3eaff;padding:10px 14px;border-radius:18px;margin:14px 0}.path-lumi-encouragement img{width:56px;height:65px;object-fit:contain}.path-lumi-encouragement .path-cheer{margin:0}.path-review-round{background:#fff1ac;padding:14px;border-radius:14px;font-weight:800}@media(max-width:520px){.path-mistake-card{grid-template-columns:60px minmax(0,1fr);gap:10px;padding:14px}.path-mistake-card>img{width:60px;height:80px}.path-mistake-card h3{font-size:20px}}

body:has(.path-challenge) #app>h1{font-size:20px;margin:8px 0 4px}body:has(.path-challenge) #app>p{font-size:12px;margin:0 0 6px}.path-challenge{padding:14px 20px;margin:8px auto;position:relative}.path-challenge .path-run-top{font-size:12px;gap:8px}.path-run-top img{width:28px!important;height:32px!important;object-fit:contain}.path-challenge progress{height:8px;margin:7px 0 9px}.path-challenge .path-question-art{position:absolute;top:90px;right:18px;margin:0;width:45px;height:45px}.path-challenge .path-question-emoji{font-size:28px;width:40px;height:40px;border-radius:12px;box-shadow:none}.path-challenge .question-spark{display:none}.path-challenge .path-lumi-encouragement{gap:6px;padding:4px 9px;margin:0 0 8px;border-radius:10px;min-height:26px}.path-challenge .path-lumi-encouragement img{width:24px;height:28px}.path-challenge .path-cheer{font-size:11px;padding:0;text-align:left;background:none}.path-challenge .eyebrow{font-size:10px;margin:6px 50px 4px 0}.path-challenge h2{font-size:23px;line-height:1.25;margin:7px 45px 7px 0}.path-challenge>p{font-size:12px;margin:5px 0}.path-challenge .path-mini-lesson{display:none}.path-challenge #pathListen{font-size:12px;padding:7px 11px;margin:4px 0;min-height:32px}.path-challenge .path-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:10px 0}.path-challenge .path-options button{padding:11px 12px;min-height:52px;line-height:1.3;font-size:14px;gap:8px;border-width:2px;border-bottom-width:4px;box-shadow:none}.path-options button:nth-child(4n+1){background:#e5daff;border-color:#ac83ec}.path-options button:nth-child(4n+2){background:#c9f3f1;border-color:#42bdb5}.path-options button:nth-child(4n+3){background:#fff0b8;border-color:#e4bb3e}.path-options button:nth-child(4n){background:#ffdbea;border-color:#e781af}.path-challenge .path-options button.right,.path-challenge .path-options button.right:disabled{background:#b0f2ba!important;border-color:#26933e!important;color:#104e1e!important;opacity:1}.path-challenge .path-options button.wrong,.path-challenge .path-options button.wrong:disabled{background:#ffb6ba!important;border-color:#d12d3b!important;color:#72131b!important;opacity:1}.path-options .right:after{content:'✓';margin-left:auto;font-weight:900}.path-options .wrong:after{content:'✕';margin-left:auto;font-weight:900}.path-challenge .path-actions{font-size:10px;gap:7px}.path-challenge .path-actions button{min-height:30px;padding:6px 10px;font-size:11px}.path-challenge .path-actions .muted{display:none}.path-challenge .path-feedback:not(:empty){padding:0;background:none}.path-challenge .path-mistake-card{margin:10px 0;padding:12px;grid-template-columns:40px minmax(0,1fr);gap:8px}.path-mistake-card>img{width:40px;height:48px}.path-challenge .path-mistake-card h3{font-size:16px}.path-challenge .path-mistake-card h4{margin:6px 0}.path-challenge .path-mistake-card p{font-size:12px;margin:6px 0}.path-challenge .mistake-pair{display:none}@media(max-width:400px){.path-challenge{padding:12px}.path-challenge h2{font-size:20px}.path-challenge .path-options button{font-size:12px;padding:9px 7px}.path-challenge .path-lumi-encouragement{display:none}}

body:has(.path-challenge) #app>.page-head{margin:8px 0 10px!important}body:has(.path-challenge) #app>.page-head h1{font-size:21px;line-height:1.25;margin:5px 0}body:has(.path-challenge) #app>.page-head p{font-size:12px;margin:4px 0}