/* Always-visible learner values; compact mode accompanies the classroom scene. */
.learning-dashboard{position:relative;isolation:isolate;box-sizing:border-box;flex:0 0 151px;width:100%;height:151px;min-width:0;padding:9px 10px 10px;border:2px solid #b6a0cd;border-radius:14px;background:#fff6e6;box-shadow:0 3px 0 #d5c2e1;overflow:hidden;color:#5c466e}
.learning-dashboard:before{content:'';position:absolute;z-index:-1;right:-15px;top:-22px;width:100px;height:58px;border:2px solid #d3c2df;border-radius:8px;background:#e8dff0;transform:rotate(13deg);opacity:.45;pointer-events:none}
.learning-dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;height:16px;margin:0 0 7px;min-width:0;line-height:1.2}
.learning-dashboard-heading b{font-size:11px;font-weight:900;white-space:nowrap}.learning-dashboard-heading>span{font-size:8px;color:#a88eb5;white-space:nowrap}
.learning-dashboard-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;height:58px;margin:0 0 7px;min-width:0}
.learning-dashboard-stat{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;min-width:0;height:58px;box-sizing:border-box;padding:4px 2px;border:1.5px solid #d3bddf;border-radius:8px;background:#f1e8fa}
.learning-dashboard-label{font-size:9px;font-weight:600;line-height:12px;color:#9b80ac;white-space:nowrap}.learning-dashboard-value{display:block;font-size:18px;font-weight:900;font-variant-numeric:tabular-nums;line-height:22px;letter-spacing:-.4px;white-space:nowrap;color:#806096}
.learning-dashboard-change{display:block;box-sizing:border-box;height:12px;min-height:12px;font-size:9px;font-weight:800;font-variant-numeric:tabular-nums;line-height:12px;letter-spacing:-.2px;white-space:nowrap}
.learning-dashboard-positive{color:#39846d}.learning-dashboard-negative{color:#b5757f}.learning-dashboard-unchanged{color:#b9a7c1}
.learning-dashboard-languages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;height:38px;min-width:0}.learning-dashboard-language{height:38px;min-width:0;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;padding:2px 4px;border:1.5px solid #ddc79e;border-radius:8px;background:#fff0cf}.learning-dashboard-language .learning-dashboard-label{font-size:9px;line-height:11px;color:#ab8d55}
.learning-dashboard-language-value{display:flex;align-items:baseline;justify-content:center;gap:5px;max-width:100%;min-width:0}.learning-dashboard-language .learning-dashboard-value{font-size:16px;line-height:19px;color:#9a7945}.learning-dashboard-language .learning-dashboard-change{font-size:9px;line-height:12px}
@media(max-height:730px){.learning-dashboard{height:135px;flex-basis:135px;padding:6px 8px 7px;border-radius:12px}.learning-dashboard-heading{height:14px;margin-bottom:5px}.learning-dashboard-heading b{font-size:10px}.learning-dashboard-heading>span{font-size:7px}.learning-dashboard-stats{height:52px;margin-bottom:5px;gap:4px}.learning-dashboard-stat{height:52px;padding:2px 1px;gap:0}.learning-dashboard-value{font-size:17px;line-height:21px}.learning-dashboard-languages,.learning-dashboard-language{height:35px}.learning-dashboard-languages{gap:4px}.learning-dashboard-language .learning-dashboard-value{font-size:15px;line-height:18px}}
@media(max-height:730px){.learning-dashboard{height:130px;flex-basis:130px}}

.compact-learning{height:96px;flex:0 0 96px;padding:5px 7px 6px;border-width:1.5px;border-radius:11px;box-shadow:0 2px 0 #d5c2e1}
.compact-learning:before,.compact-learning .learning-dashboard-heading{display:none}.compact-learning .learning-dashboard-stats{height:45px;gap:4px;margin:0 0 4px}.compact-learning .learning-dashboard-stat{height:45px;border:0;background:transparent;gap:0;padding:0}.compact-learning .learning-dashboard-label{font-size:8px;line-height:10px}.compact-learning .learning-dashboard-value{font-size:17px;line-height:20px}.compact-learning .learning-dashboard-change{font-size:8px;line-height:10px;height:10px;min-height:10px}.compact-learning .learning-dashboard-languages{height:29px;gap:4px}.compact-learning .learning-dashboard-language{height:29px;padding:1px 3px;border-radius:6px;border-width:1px}.compact-learning .learning-dashboard-language .learning-dashboard-label{font-size:8px;line-height:10px}.compact-learning .learning-dashboard-language .learning-dashboard-value{font-size:13px;line-height:15px}.compact-learning .learning-dashboard-language .learning-dashboard-change{font-size:8px;line-height:10px}
@media(max-height:730px){.compact-learning{height:84px;flex-basis:84px;padding:4px 6px}.compact-learning .learning-dashboard-stats,.compact-learning .learning-dashboard-stat{height:40px}.compact-learning .learning-dashboard-value{font-size:16px;line-height:18px}.compact-learning .learning-dashboard-languages,.compact-learning .learning-dashboard-language{height:26px}.compact-learning .learning-dashboard-language .learning-dashboard-value{font-size:12px;line-height:13px}.compact-learning .learning-dashboard-label{font-size:8px;line-height:10px}}
