.learning-panel{padding:24px;border:1px solid #494052;border-radius:18px;background:#1e1b27;color:#f5f4fb;margin:20px 0}.learning-panel h2{font-size:1.3rem;margin:0 0 12px}.learning-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.learning-heading>strong{color:#89f5ce;font-size:1rem}.learning-caption{color:#b9b6cb;font-size:.875rem;line-height:1.6;margin:12px 0}.learning-progress{width:100%;height:12px;appearance:none;border:0;border-radius:10px;overflow:hidden;background:#393244;accent-color:#89f5ce}.learning-progress::-webkit-progress-bar{background:#393244}.learning-progress::-webkit-progress-value{background:linear-gradient(90deg,#a875ff,#89f5ce);border-radius:10px}.learning-progress::-moz-progress-bar{background:#89f5ce}.learning-tasklist>div{display:flex;justify-content:space-between;gap:20px;padding:14px 0;border-top:1px solid #403647;font-size:.9375rem}.learning-tasklist small,.character-card small{display:block;color:#b9b6cb;font-size:.875rem;margin-top:6px}.character-collection{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.character-card{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid #493a55;border-radius:16px;background:#16141b}.character-card.earned{border-color:#89f5ce;background:#89f5ce08}.character-card img{width:88px;height:88px;object-fit:contain;mix-blend-mode:lighten;border-radius:15px}.character-card:not(.earned) img{opacity:.65}.character-card h3{margin:0 0 5px;font-size:1.15rem}.character-card p{font-size:.875rem;margin:0 0 7px;color:#b9b6cb}.character-card strong{font-size:.875rem;color:#89f5ce}.learning-panel details{margin-top:12px;font-size:.9375rem}.learning-panel summary{cursor:pointer;min-height:44px;padding:10px 0}.learning-context{padding:16px 0;border-top:1px solid #403647}.learning-table-wrap{overflow:auto}.learning-table{width:100%;border-collapse:collapse;font-size:.9375rem}.learning-table td,.learning-table th{text-align:left;padding:10px;border-bottom:1px solid #403647;white-space:nowrap}.learning-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.learning-badges span{border:1px solid #79549e;border-radius:20px;padding:7px 12px;color:#d6b8ff;font-size:.875rem}.learning-chart{display:block;width:100%;max-width:520px;height:auto;margin:18px 0 10px}.chart-grid{stroke:#494052;stroke-width:1}.skill-line{fill:none;stroke-width:2.5;stroke-linejoin:round}.skill-0{stroke:#89f5ce;color:#89f5ce}.skill-1{stroke:#b995ff;color:#b995ff}.skill-2{stroke:#ffc578;color:#ffc578}.chart-legend{display:flex;gap:15px;flex-wrap:wrap;font-size:.875rem}.learning-compact{margin:12px 0 18px;padding:14px 18px;border:1px solid #4e3f5f;background:#201b2c;border-radius:14px}.learning-compact strong{display:block;margin-bottom:8px}.learning-compact small{display:block;margin-top:7px;font-size:.875rem;color:#b9b6cb}.learning-overview{margin:18px 0;border-top:1px solid #403647}.learning-overview>summary{font-weight:700;cursor:pointer;padding:15px 0}.learning-reward{display:flex;align-items:center;gap:18px;padding:20px;background:#89f5ce0d;border:1px solid #89f5ce;border-radius:18px;margin:18px 0}.learning-reward img{height:90px;width:90px;object-fit:contain;border-radius:15px;mix-blend-mode:lighten}.learning-reward p{margin:5px 0;color:#b9b6cb}@media(prefers-reduced-motion:no-preference){.learning-reward img{animation:reward-bob .6s ease-in-out 2}@keyframes reward-bob{50%{transform:translateY(-7px) rotate(-3deg)}}}@media(max-width:700px){.learning-panel{padding:18px}.learning-heading{display:block}.learning-heading>strong{display:block;margin-bottom:12px}.character-collection{grid-template-columns:1fr}.learning-tasklist>div{gap:12px}.learning-tasklist strong{font-size:.875rem;max-width:38%}.learning-reward{padding:16px}.learning-table td,.learning-table th{padding:8px}}
/* The route represents completed training units, never a skill percentage. */
.journey-panel{isolation:isolate;overflow:hidden;border:1px solid #635480;border-radius:28px;background:radial-gradient(ellipse at 86% 18%,#63568860,transparent 40%),linear-gradient(135deg,#252033,#13131c);color:#faf8ff;margin:20px 0 28px;box-shadow:0 24px 55px #27124919}.journey-header{padding:32px 34px 0;display:flex;gap:24px;justify-content:space-between;align-items:center}.journey-eyebrow{color:#bb9aff;font-size:11px;font-weight:750;letter-spacing:3px}.journey-header h2{font-size:clamp(22px,3vw,34px);line-height:1.2;letter-spacing:-.8px;max-width:440px;margin:12px 0}.journey-header p{color:#d2c8e3;margin:0}.journey-percent{color:#96f5cf;font-size:56px;font-weight:750;line-height:1;white-space:nowrap}.journey-percent small{display:block;font-size:12px;font-weight:500;text-align:right;margin-top:10px;color:#d2c8e3}.journey-scene{display:block;width:100%;height:auto;max-height:380px;overflow:visible}.journey-moon{fill:#a98ce7;fill-opacity:.15}.journey-mountain-back{fill:#463760}.journey-mountain-front{fill:#302840}.journey-island{fill:#213737}.journey-road-shadow{fill:none;stroke:#11111b;stroke-opacity:.73;stroke-width:54;stroke-linecap:round;stroke-linejoin:round}.journey-road{fill:none;stroke:#776294;stroke-width:33;stroke-linecap:round;stroke-linejoin:round}.journey-road-done{fill:none;stroke:#90e7c0;stroke-width:10;stroke-linecap:round}.journey-dot{fill:#c7badb}.journey-dot-done{fill:#b1ffde;stroke:#315e4b;stroke-width:4}.journey-flag{fill:#aeeccc;stroke:#aeeccc;stroke-width:4;stroke-linejoin:round}.journey-svg-label{fill:#d9ccec;font:600 15px system-ui;letter-spacing:2px}.journey-avatar{mix-blend-mode:lighten}.journey-avatar-shadow{fill:#11111b;fill-opacity:.6}.journey-bottom{padding:0 34px 26px;display:flex;align-items:center;gap:24px;justify-content:space-between}.journey-bottom strong{font-size:18px}.journey-bottom p{font-size:13px;color:#c6bdd6;margin:6px 0 0;max-width:420px}.journey-link{flex-shrink:0;padding:13px 18px;display:inline-flex;gap:25px;border-radius:14px;background:#a7f0d0;color:#132a20;text-decoration:none;font-weight:700;min-height:46px}.journey-panel>.learning-progress{display:block;height:5px;border-radius:0}.journey-link:hover{background:#c0ffe2}.journey-panel~.learning-panel{border-radius:24px}.character-card{border-radius:20px}.character-card.earned{background:radial-gradient(ellipse at top left,#775bc033,transparent 70%),#191720}
@media(prefers-reduced-motion:no-preference){.journey-avatar{animation:journey-arrival .7s ease-out both}.journey-link,.character-card{transition:transform .2s ease,box-shadow .2s ease}.journey-link:hover{transform:translateY(-2px)}@keyframes journey-arrival{from{opacity:0}to{opacity:1}}}
@media(max-width:600px){.journey-panel{border-radius:22px}.journey-header{padding:22px 20px 10px;gap:12px}.journey-header h2{font-size:23px}.journey-percent{font-size:38px}.journey-header p{font-size:13px}.journey-eyebrow{font-size:10px;letter-spacing:2px}.journey-scene{min-height:180px}.journey-bottom{padding:0 20px 22px;display:block}.journey-link{margin-top:18px;width:100%;justify-content:space-between}.journey-bottom p{max-width:none}}

.learning-summary ul{padding-left:20px;margin:12px 0 16px}.learning-summary li{margin:12px 0;line-height:1.55;overflow-wrap:anywhere}.learning-summary li .learning-caption{display:block;margin:3px 0 0}