/* Layered ability meters share the same saved value in every scene. */
.ability-meter{position:relative;display:block;box-sizing:border-box;height:5px;min-height:5px;min-width:10px;background:#eaddf0;border-radius:5px;isolation:isolate;overflow:visible}
.ability-meter .meter-foundation,.ability-meter .meter-rainbow{position:absolute;inset:0 auto 0 0;height:100%;max-width:100%;border-radius:inherit;display:block;background:#b18ad4}
.ability-meter.gold-meter .meter-foundation{background:#d9b16b}.ability-meter.overflow-meter .meter-foundation{background:linear-gradient(90deg,#be8be4,#89b6ee)}
.ability-meter .meter-rainbow{background:linear-gradient(90deg,#43d6cc,#6f93ff,#cc63ea,#ff83ac,#ffca63);box-shadow:0 0 5px #cf86e67a}.ability-meter .palette-2{background:linear-gradient(90deg,#f9bc5a,#f77ca8,#a57bfa,#68dbdc)}.ability-meter .palette-0{background:linear-gradient(90deg,#91dcaa,#49bddb,#b57aef,#ffba67)}
.ability-meter>small{position:absolute;right:-2px;top:-4px;font:700 7px/11px system-ui;color:#8653b2;background:#fff6ee;border:1px solid #c8a4e0;border-radius:5px;min-width:11px;text-align:center;z-index:2}
.mini-stats>div>.ability-meter{flex:1}.language-bars .ability-meter{flex:1}.mini-stats .ability-meter,.language-bars .ability-meter{height:5px}
.learning-dashboard-stat,.learning-dashboard-language{position:relative}.learning-dashboard .ability-meter{position:absolute;bottom:1px;left:8%;width:84%;height:3px;min-height:3px;opacity:.85}.learning-dashboard .ability-meter>small{font-size:6px;line-height:8px;min-width:8px;top:-3px;right:-2px}
.learning-dashboard .ability-overflow .learning-dashboard-value{color:#9054c6;background:linear-gradient(110deg,#5e8ed9,#9a58d2,#df6f96,#bd8b25);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.compact-learning .learning-dashboard-stat{padding-bottom:3px}.compact-learning .learning-dashboard-language{padding-bottom:3px}.compact-learning .learning-dashboard-value{font-size:16px}.compact-learning .learning-dashboard-language .learning-dashboard-value{font-size:12px}
.classroom-screen{position:relative}.classroom-screen .route-prompt{display:flex;justify-content:space-between;align-items:center}.route-prompt>button{border:0;background:transparent;font-size:9px;color:#9576ac;padding:2px 0}.classroom-screen .route-card{min-height:143px;gap:4px}.classroom-screen .node-title{font-size:12px}.classroom-screen .route-card-top>span{font-size:8px}.classroom-screen .node-reward-sub{font-size:9px}.classroom-screen .node-risk{font-size:8px}.classroom-screen .route-card:disabled{opacity:.55}.lesson-settling .route-choices,.lesson-settling .camp-rest{pointer-events:none}.lesson-settling .route-card:disabled{opacity:.72}
.lesson-clock-overlay{position:absolute;inset:0;z-index:25;display:flex;align-items:center;justify-content:center;border-radius:14px;background:#e9dded70;backdrop-filter:blur(3px);pointer-events:auto}.lesson-clock-overlay[hidden]{display:none}.lesson-clock-card{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:195px;padding:22px 20px;background:#fff9ef;border:2px solid #b391ca;border-radius:24px;box-shadow:0 6px 0 #a68db757,0 15px 45px #5a386e28;color:#614676}.lesson-clock-card small{font-size:10px;color:#a38baf}.lesson-clock-card strong{font-size:15px}.lesson-clock{position:relative;width:62px;height:62px;border:4px solid #a98ad0;border-radius:50%;background:#ede1ff;box-shadow:inset 0 0 0 4px #fff9ef}.lesson-clock:before,.lesson-clock:after{content:'';position:absolute;width:3px;height:6px;background:#b493cc;left:calc(50% - 1.5px);top:4px;border-radius:2px}.lesson-clock:after{top:auto;bottom:4px}.lesson-clock i{position:absolute;left:calc(50% - 2px);top:7px;width:4px;height:24px;transform-origin:50% 24px;background:#8854c8;border-radius:3px}.lesson-clock b{position:absolute;left:calc(50% - 2px);top:calc(50% - 2px);width:20px;height:4px;transform:rotate(25deg);transform-origin:2px 2px;background:#c69950;border-radius:3px}
.campus-heading h2{font-size:21px;line-height:1.3}.campus-heading p{font-size:12px;line-height:1.6}.campus-options button{min-height:74px;padding:12px 10px;gap:9px}.campus-options b{font-size:14px}.campus-options small{font-size:11px;line-height:1.6;display:block}.campus-options button:disabled{opacity:.5}.event-protection{font-size:11px;color:#558e78;background:#edf5e5;border:1px solid #c5d9b9;border-radius:8px;padding:8px}.event-risk,.negative-gain{color:#b76578!important}.course-detail-list section{padding:10px 0;border-bottom:1px dashed #d8c6df}.course-detail-list h3{font-size:15px;margin:0 0 6px}.course-detail-list p{font-size:12px;margin:5px 0}.course-detail-list small{display:block;font-size:11px;line-height:1.6}
@media(max-height:730px){.classroom-screen .route-card{min-height:116px;gap:3px}.classroom-screen .node-title{font-size:11px}.classroom-screen .node-reward-sub{font-size:8px}.compact-learning .learning-dashboard-value{font-size:15px}}
@media(prefers-reduced-motion:reduce){.lesson-clock i{transform:none!important}.ability-meter *{transition:none!important}}
/* Keep the layered track and badge below the value/change text, including 667px screens. */
.compact-learning{height:112px;flex-basis:112px}.compact-learning .learning-dashboard-stats,.compact-learning .learning-dashboard-stat{height:53px}.compact-learning .learning-dashboard-stat{padding:0 0 10px}.compact-learning .learning-dashboard-languages,.compact-learning .learning-dashboard-language{height:37px}.compact-learning .learning-dashboard-language{padding:1px 3px 10px}.compact-learning .learning-dashboard-value{font-size:17px}.compact-learning .learning-dashboard-language .learning-dashboard-value{font-size:13px}
@media(max-height:730px){.compact-learning{height:100px;flex-basis:100px}.compact-learning .learning-dashboard-stats,.compact-learning .learning-dashboard-stat{height:48px}.compact-learning .learning-dashboard-languages,.compact-learning .learning-dashboard-language{height:34px}.compact-learning .learning-dashboard-value{font-size:16px}.compact-learning .learning-dashboard-language .learning-dashboard-value{font-size:12px}}
.reward-delivery-layer{position:absolute;inset:0;z-index:65;border-radius:inherit;overflow:hidden;pointer-events:none;contain:layout paint}.reward-gain{position:absolute;display:flex;align-items:center;gap:4px;white-space:nowrap;opacity:0;will-change:transform,opacity;filter:drop-shadow(0 3px 1px #39224966)}.reward-gain>b{font-size:10px;line-height:1.25;color:#fffdf8;background:#5a387a;border:1.5px solid #fff9ee;border-radius:4px 7px;padding:2px 5px}.reward-gain>strong{font-size:23px;line-height:1;font-weight:950;color:#50306f;-webkit-text-stroke:3px #fffdf5;paint-order:stroke fill;text-shadow:0 3px #3b2351;font-variant-numeric:tabular-nums}.reward-gain-primary{flex-direction:column;gap:4px}.reward-gain-primary>b{font-size:12px;padding:3px 9px;border-color:#ffdc83;background:#58317c;color:#fffdf5;box-shadow:0 2px #38234e}.reward-gain-primary>strong{font-size:43px;letter-spacing:-1.5px;color:#6329a0;-webkit-text-stroke:4px #fffdf4;text-shadow:0 3px #38204f,0 5px #efbd55}.reward-gain[data-kind="language"]>strong{color:#16684e}.reward-gain[data-kind="language"]>b{background:#1d684f;border-color:#e7fff1;color:#fffdf8}.reward-gain-loss>strong{font-size:20px;color:#a72f50;-webkit-text-stroke:3px #fff9f9;text-shadow:0 3px #55243b}.reward-gain-loss>b{background:#912e4a;color:#fff8fa;border-color:#ffe3ec}.reward-mote{position:absolute;width:6px;height:6px;background:#ffe596;border:1px solid #d3a765;border-radius:2px;box-shadow:0 0 7px #fff5c5;opacity:0;will-change:transform,opacity}.reward-source-tags{position:absolute;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.reward-source-tags>span{background:#fff8df;color:#533653;border:1.5px solid #775167;box-shadow:0 2px #775167;border-radius:3px 7px;padding:3px 6px;font-size:10px;font-weight:800}.reward-cell-hit{background:#fff1c9!important;border-radius:6px}.reward-cell-loss{background:#f8dfe7!important;border-radius:6px}.reward-scene-burst{position:absolute;inset:25px 5px 30px;z-index:3;pointer-events:none;background:radial-gradient(ellipse at 30% 50%,#fff0b87a,transparent 65%);transform-origin:30% 50%;opacity:0}.reward-scene-burst>i{position:absolute;left:30%;top:46%;width:74px;height:5px;background:linear-gradient(90deg,#fff5c7,transparent);border-radius:6px;transform-origin:left}.reward-scene-burst>i:nth-child(1){transform:rotate(-65deg)}.reward-scene-burst>i:nth-child(2){transform:rotate(-20deg)}.reward-scene-burst>i:nth-child(3){transform:rotate(35deg)}.reward-scene-burst>i:nth-child(4){transform:rotate(150deg)}.reward-scene-burst>span{position:absolute;left:8%;top:18%;color:#fff1a3;font-size:24px;text-shadow:1px 1px #c79c70}.reward-scene-burst>span:nth-of-type(2){left:51%;top:48%;font-size:18px}.reward-scene-burst>span:nth-of-type(3){left:18%;top:78%;font-size:20px}.reward-breakthrough{position:absolute;white-space:nowrap;padding:7px 14px;border:2px solid #a67abd;border-radius:7px 15px;background:linear-gradient(110deg,#f9e6b6,#e3c8fc,#bde9e0,#f4e3a8);box-shadow:0 4px #8b6c9a,0 0 20px #e5c9ff;font-size:17px;font-weight:900;color:#6a417e;opacity:0}.reward-next-day{position:absolute;display:flex;align-items:center;gap:7px;max-width:calc(100% - 28px);width:max-content;padding:6px 11px;border:2px solid #9375ab;border-radius:7px 12px;background:#f8f3ff;box-shadow:0 3px #b7a1ca;font-size:11px;color:#70508c;opacity:0}.reward-next-day>.lesson-clock{flex:0 0 24px;width:24px;height:24px;border-width:2px;box-shadow:inset 0 0 0 2px #fff9f1}.reward-next-day .lesson-clock:before,.reward-next-day .lesson-clock:after{display:none}.reward-next-day .lesson-clock>i{width:2px;height:9px;left:9px;top:2px;transform-origin:1px 9px}.reward-next-day .lesson-clock>b{width:8px;height:2px;left:9px;top:10px}.reward-reduced>*{display:none}.reward-reduced>.reward-next-day{display:flex;opacity:1;transform:translate(-50%,0)}
@media(max-height:730px){.reward-gain-primary>strong{font-size:36px}.reward-gain>strong{font-size:21px}.reward-gain-primary>strong{font-size:36px}.reward-source-tags>span{font-size:9px}.reward-next-day{font-size:10px;padding:5px 8px}}