.companion-avatar{--companion-accent:#118b73;--companion-soft:#e4f7f1;position:relative;display:grid;place-items:center;flex:0 0 auto;overflow:hidden;border:2px solid color-mix(in srgb,var(--companion-accent) 32%,white);background:var(--companion-soft)}
.companion-avatar img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom}
.companion-avatar img[hidden]{display:none!important}
.companion-avatar img{position:relative;z-index:1;transform-origin:50% 88%;will-change:auto}.companion-effects{position:absolute;inset:0;z-index:2;pointer-events:none}.companion-effects::before,.companion-effects::after{position:absolute;left:50%;top:50%;opacity:0;content:"";pointer-events:none}
.companion-avatar-fallback{display:grid;width:100%;height:100%;place-items:center;color:var(--companion-accent);font-weight:900}
.companion-avatar-fallback[hidden]{display:none!important}
.companion-avatar--topbar{width:42px;height:42px;border-radius:50%}.companion-avatar--pill{width:30px;height:30px;border-radius:50%;border-color:rgba(255,255,255,.35);background:#18223a}.companion-avatar--leaderboard{width:45px;height:45px;border-radius:14px}.companion-avatar--large{width:116px;height:116px;border-radius:29px}.companion-avatar--hero{width:152px;height:152px;border-radius:38px}.companion-avatar--choice{width:88px;height:88px;border-radius:24px}.companion-avatar--preview{width:130px;height:130px;border-radius:30px}
.avatar.avatar--companion{background:transparent;padding:0;overflow:visible}.avatar--companion>.companion-avatar{width:100%;height:100%}
.companion-presence{--companion-accent:#118b73;--companion-soft:#e4f7f1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px;min-height:150px;margin:0 0 22px;padding:18px 24px 18px 18px;overflow:hidden;border:1px solid color-mix(in srgb,var(--companion-accent) 24%,#dfe5e2);border-radius:24px;background:linear-gradient(120deg,var(--companion-soft),#fff 70%);box-shadow:0 12px 35px rgba(17,39,67,.07)}
.companion-presence-copy{min-width:0}.companion-presence .eyebrow{color:var(--companion-accent);margin:0 0 4px}.companion-presence h2{margin:0;color:#102b4d;font-size:clamp(20px,2vw,28px)}.companion-presence p:last-child{margin:6px 0 0;color:#64748b;font-size:13px}.companion-change-button{border-color:color-mix(in srgb,var(--companion-accent) 45%,white);color:var(--companion-accent);white-space:nowrap;background:rgba(255,255,255,.82)}
.teacher-arcade-embedded-suite .companion-presence{margin:0 0 26px;color:#eaf2ff;border-color:color-mix(in srgb,var(--companion-accent) 50%,#24314d);background:linear-gradient(120deg,color-mix(in srgb,var(--companion-accent) 24%,#101828),#111827 68%);box-shadow:none}.teacher-arcade-embedded-suite .companion-presence h2{color:#fff}.teacher-arcade-embedded-suite .companion-presence p:last-child{color:#aebbd0}.teacher-arcade-embedded-suite .companion-change-button{background:#fff;color:#14213a}.teacher-arcade-embedded-suite .student-profile-pill>.companion-avatar{margin-left:-6px}
.companion-picker{--companion-accent:#118b73;--companion-soft:#e4f7f1}.companion-picker-preview{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:24px;margin:0 0 22px;padding:18px 24px;border:1px solid color-mix(in srgb,var(--companion-accent) 25%,#dfe5e2);border-radius:22px;background:linear-gradient(120deg,var(--companion-soft),#fff)}.companion-picker-preview .eyebrow{color:var(--companion-accent);margin:0}.companion-picker-preview h3{margin:3px 0;font-size:28px}.companion-picker-preview p:last-child{margin:0;color:#64748b}
.companion-picker-field{margin:0 0 20px;padding:0;border:0}.companion-picker-field legend{margin:0 0 10px;font-weight:800;color:#102b4d}.companion-picker-grid{display:grid;grid-template-columns:repeat(5,minmax(112px,1fr));gap:10px}.companion-option{position:relative;display:grid;justify-items:center;gap:8px;min-width:0;padding:13px 8px;border:2px solid #e2e7eb;border-radius:18px;background:#fff;color:#102b4d;cursor:pointer}.companion-option:hover,.companion-option:focus-visible{border-color:var(--primary);outline:none}.companion-option.selected{border-color:var(--primary);background:#f4f1ff;box-shadow:0 0 0 3px rgba(101,88,232,.11)}.companion-option>span{min-width:0;text-align:center}.companion-option b,.companion-option small{display:block}.companion-option small{margin-top:2px;color:#718096;font-size:11px}.companion-option>i{position:absolute;top:8px;right:8px;display:none;width:23px;height:23px;border-radius:50%;place-items:center;background:var(--primary);color:#fff;font-style:normal}.companion-option.selected>i{display:grid}
.companion-theme-grid{display:flex;flex-wrap:wrap;gap:9px}.companion-theme-option{display:flex;align-items:center;gap:8px;padding:9px 12px;border:2px solid #e2e7eb;border-radius:999px;background:#fff;color:#30435b;cursor:pointer}.companion-theme-option>span{width:22px;height:22px;border-radius:50%;background:var(--swatch);box-shadow:inset 0 0 0 2px rgba(255,255,255,.45)}.companion-theme-option.selected{border-color:var(--swatch);background:color-mix(in srgb,var(--swatch) 9%,white)}.companion-theme-option:focus-visible{outline:3px solid color-mix(in srgb,var(--swatch) 25%,transparent);outline-offset:2px}.companion-picker-note{margin:4px 0;color:#64748b;font-size:13px}
.companion-motion-setting{display:flex;align-items:flex-start;gap:12px;margin:4px 0 16px;padding:14px 16px;border:1px solid #dde5e2;border-radius:16px;background:#f8fbfa;cursor:pointer}.companion-motion-setting input{width:20px;height:20px;margin:2px 0 0;accent-color:var(--companion-accent)}.companion-motion-setting span{display:grid;gap:2px}.companion-motion-setting b{color:#102b4d}.companion-motion-setting small{color:#64748b;line-height:1.4}
.companion-journey{--companion-accent:#118b73;--companion-soft:#e4f7f1;margin:0 0 22px;overflow:hidden;background:linear-gradient(135deg,#fff,var(--companion-soft))}.companion-journey .panel-title{margin-bottom:16px}.companion-journey-tracks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.companion-journey-track{min-width:0;padding:16px 17px 13px;border:1px solid color-mix(in srgb,var(--companion-accent) 18%,#dfe5e2);border-radius:18px;background:rgba(255,255,255,.86)}.companion-journey-label{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px}.companion-journey-label>span{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:var(--companion-soft);color:var(--companion-accent);font-weight:900}.companion-journey-label div{display:grid;min-width:0}.companion-journey-label b{color:#102b4d}.companion-journey-label small{overflow:hidden;color:#64748b;text-overflow:ellipsis;white-space:nowrap}.companion-journey-label strong{color:var(--companion-accent);font-size:18px}.companion-journey-rail{position:relative;height:54px;margin:12px 25px 5px}.companion-journey-rail::before{position:absolute;left:0;right:0;top:25px;height:6px;border-radius:999px;background:#e2e8e6;content:""}.companion-journey-fill{position:absolute;left:0;top:25px;width:var(--journey-progress);height:6px;border-radius:999px;background:linear-gradient(90deg,var(--companion-accent),color-mix(in srgb,var(--companion-accent) 55%,#f5c451));transition:width .45s ease}.journey-checkpoint{position:absolute;top:19px;width:18px;height:18px;border:4px solid #fff;border-radius:50%;background:#ced8d5;box-shadow:0 0 0 2px #ced8d5}.journey-checkpoint.start{left:-7px;background:var(--companion-accent);box-shadow:0 0 0 2px var(--companion-accent)}.journey-checkpoint.middle{left:50%;transform:translateX(-50%)}.journey-checkpoint.finish{right:-7px}.companion-journey-marker{position:absolute;left:clamp(0%,var(--journey-progress),100%);top:0;z-index:3;transform:translateX(-50%);transition:left .45s ease}.companion-avatar--journey{width:52px;height:52px;border-width:2px;border-radius:16px;background:#fff;box-shadow:0 6px 16px rgba(17,39,67,.14)}.companion-journey-track>p{margin:4px 0 0;color:#64748b;font-size:12px;text-align:center}
.companion-avatar.companion-motion-active[data-state="idle"] img{animation:companion-idle 4.8s ease-in-out infinite}.companion-avatar.companion-motion-active[data-state="thinking"] img{animation:companion-thinking 1.35s ease-in-out infinite}.companion-avatar.companion-motion-active[data-state="walking"] img{animation:companion-walk .72s ease-in-out infinite}.companion-avatar.companion-motion-active[data-state="correct"] img{animation:companion-correct .72s ease-out 2}.companion-avatar.companion-motion-active[data-state="perfect"] img{animation:companion-perfect .86s ease-out 2}.companion-avatar.companion-motion-active[data-state="achievement"] img{animation:companion-achievement 1s ease-in-out 2}.companion-avatar.companion-motion-active[data-state="level-up"] img{animation:companion-level-up 1.1s cubic-bezier(.18,.89,.32,1.28) 2}.companion-avatar.companion-motion-active[data-state="perfect"] .companion-effects::before,.companion-avatar.companion-motion-active[data-state="achievement"] .companion-effects::before,.companion-avatar.companion-motion-active[data-state="level-up"] .companion-effects::before{width:85%;height:85%;border:3px solid color-mix(in srgb,var(--companion-accent) 65%,#ffd34f);border-radius:50%;transform:translate(-50%,-50%);animation:companion-ring 1s ease-out 2}.companion-avatar.companion-motion-active[data-state="perfect"] .companion-effects::after,.companion-avatar.companion-motion-active[data-state="level-up"] .companion-effects::after{width:12px;height:12px;border-radius:50%;background:#ffd34f;box-shadow:32px -18px 0 #fff07a,-35px -9px 0 var(--companion-accent),27px 28px 0 #ff9f43,-29px 26px 0 #75d6c2;transform:translate(-50%,-50%);animation:companion-sparkles 1.05s ease-out 2}
.companion-reaction-popover{display:flex;align-items:center;gap:12px;width:min(100%,430px);margin:18px 0 0;padding:11px 14px;border:2px solid color-mix(in srgb,var(--companion-accent) 38%,#fff);border-radius:18px;background:linear-gradient(135deg,#fff,var(--companion-soft));box-shadow:0 12px 32px rgba(17,39,67,.16);color:#102b4d;text-align:left}.companion-reaction-popover--result{margin:18px auto}.companion-reaction-popover>span:last-child{display:grid;gap:2px;min-width:0}.companion-reaction-popover b{font-size:15px}.companion-reaction-popover small{color:#557087;font-size:12px;line-height:1.35}.companion-avatar--reaction{flex:0 0 auto;width:58px;height:58px;border-width:2px;border-radius:17px;background:#fff;box-shadow:0 5px 13px rgba(17,39,67,.12)}
.game-view.companion-game-layout{display:grid;grid-template-columns:minmax(0,1fr) 250px;grid-template-rows:auto minmax(520px,1fr);align-items:stretch;gap:12px;max-width:1400px}.companion-game-layout>.stage-hud{grid-column:1;grid-row:1;margin-bottom:0}.companion-game-layout>#gameStage{grid-column:1;grid-row:2;min-width:0}.companion-game-rail{grid-column:2;grid-row:1/span 2;position:sticky;top:16px;display:grid;grid-template-rows:minmax(380px,1fr) auto auto auto;justify-items:center;align-items:end;align-self:stretch;min-height:100%;padding:0 4px 22px;border:0;border-radius:0;background:transparent;box-shadow:none;color:#fff;text-align:center}.companion-avatar--game-rail{align-self:stretch;width:100%;height:100%;min-height:380px;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.companion-avatar--game-rail img{align-self:center;width:145%;height:auto;max-width:none;object-fit:initial;object-position:center}.companion-game-rail .eyebrow{margin:8px 0 4px;color:color-mix(in srgb,var(--companion-accent) 50%,#fff)}.companion-game-rail h2{margin:0;font-size:20px;line-height:1.2}.companion-game-rail>p:last-child{margin:9px 4px 0;color:#b9c7da;font-size:13px;line-height:1.45}.companion-game-rail[data-state="correct"] h2,.companion-game-rail[data-state="perfect"] h2,.companion-game-rail[data-state="achievement"] h2,.companion-game-rail[data-state="level-up"] h2{color:color-mix(in srgb,var(--companion-accent) 45%,#fff)}
@keyframes companion-idle{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(1deg)}}@keyframes companion-thinking{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-2px) rotate(3deg)}}@keyframes companion-walk{0%,100%{transform:translateY(0) rotate(-1.5deg)}50%{transform:translateY(-4px) rotate(1.5deg)}}@keyframes companion-correct{0%{transform:scale(1)}35%{transform:translateY(-7px) scale(1.05) rotate(-2deg)}70%{transform:translateY(0) scale(1.02) rotate(2deg)}100%{transform:scale(1)}}@keyframes companion-perfect{0%{transform:scale(1)}35%{transform:translateY(-8px) scale(1.08) rotate(-4deg)}65%{transform:translateY(-3px) scale(1.05) rotate(4deg)}100%{transform:scale(1)}}@keyframes companion-achievement{0%,100%{transform:translateY(0) scale(1)}35%{transform:translateY(-7px) scale(1.06)}65%{transform:translateY(-2px) scale(1.04)}}@keyframes companion-level-up{0%{transform:translateY(0) scale(1)}45%{transform:translateY(-10px) scale(1.12)}75%{transform:translateY(-3px) scale(1.06)}100%{transform:translateY(0) scale(1)}}@keyframes companion-ring{0%{opacity:.75;transform:translate(-50%,-50%) scale(.45)}100%{opacity:0;transform:translate(-50%,-50%) scale(1.35)}}@keyframes companion-sparkles{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}35%{opacity:1}100%{opacity:0;transform:translate(-50%,-50%) scale(1.35)}}
.companion-avatar--game-rail img{width:175%}
.companion-avatar--game-rail[data-companion="nova"] img,.companion-avatar--game-rail[data-companion="orbit"] img,.companion-avatar--game-rail[data-companion="bolt"] img{width:150%}
.leaderboard .companion-avatar--leaderboard+div{min-width:0}.leaderboard .companion-avatar--leaderboard+div h3,.leaderboard .companion-avatar--leaderboard+div p{overflow-wrap:anywhere}
@media(max-width:1100px){.game-view.companion-game-layout{grid-template-columns:minmax(0,1fr) 190px}.companion-avatar--game-rail{min-height:320px}.companion-game-rail{grid-template-rows:minmax(320px,1fr) auto auto auto;padding-inline:2px}}
@media(max-width:900px){.companion-picker-grid{grid-template-columns:repeat(3,1fr)}.companion-presence{grid-template-columns:auto minmax(0,1fr)}.companion-presence .companion-change-button{grid-column:2;justify-self:start}.companion-avatar--hero{width:125px;height:125px}.companion-journey-tracks{grid-template-columns:1fr}.game-view.companion-game-layout{display:flex;max-width:1200px}.companion-game-rail{position:static;order:-1;display:grid;grid-template-columns:86px minmax(0,1fr);grid-template-rows:auto auto auto;justify-items:start;min-height:0;width:100%;padding:12px;text-align:left}.companion-avatar--game-rail{grid-row:1/span 3;width:76px;height:96px;min-height:0;border-radius:18px}.companion-avatar--game-rail img{width:100%;height:100%;object-fit:contain}.companion-game-rail .eyebrow{margin:3px 0 2px}.companion-game-rail h2{font-size:16px}.companion-game-rail>p:last-child{margin:3px 0 0}}
@media(max-width:650px){.companion-presence{grid-template-columns:82px minmax(0,1fr);gap:13px;min-height:0;padding:13px 14px;border-radius:18px}.companion-avatar--hero,.companion-avatar--large{width:82px;height:82px;border-radius:21px}.companion-presence h2{font-size:18px}.companion-presence p:last-child{display:none}.companion-presence .companion-change-button{grid-column:1/-1;width:100%;justify-content:center}.companion-picker-preview{grid-template-columns:86px 1fr;gap:14px;padding:14px}.companion-avatar--preview{width:86px;height:86px;border-radius:21px}.companion-picker-preview h3{font-size:22px}.companion-picker-grid{grid-template-columns:repeat(2,1fr)}.companion-avatar--choice{width:72px;height:72px}.companion-theme-option b{font-size:12px}.leaderboard article{flex-wrap:wrap}.leaderboard article>strong{width:100%;margin-left:96px}.teacher-arcade-embedded-suite .companion-presence{margin-bottom:18px}.companion-journey{padding:16px}.companion-journey-label{grid-template-columns:34px minmax(0,1fr) auto}.companion-journey-rail{margin-inline:24px}}
@media(max-width:650px){.companion-reaction-popover{gap:9px;padding:9px 11px;border-radius:15px}.companion-avatar--reaction{width:48px;height:48px;border-radius:14px}.companion-game-rail{grid-template-columns:66px minmax(0,1fr)}.companion-avatar--game-rail{width:58px;height:76px;border-radius:15px}}
.companion-motion-reduced .companion-avatar img,.companion-motion-reduced .companion-effects::before,.companion-motion-reduced .companion-effects::after{animation:none!important}.companion-motion-reduced .companion-journey-fill,.companion-motion-reduced .companion-journey-marker{transition:none!important}
@media(prefers-reduced-motion:reduce){.companion-avatar,.companion-avatar img,.companion-effects::before,.companion-effects::after,.companion-presence,.companion-option,.companion-theme-option,.companion-journey-fill,.companion-journey-marker{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.companion-progress-layout{display:grid;grid-template-columns:minmax(0,1fr) 270px;align-items:start;gap:22px}.companion-progress-content{min-width:0}.companion-progress-content>.companion-journey{margin-top:0}.companion-progress-rail.companion-presence{position:sticky;top:22px;display:grid;grid-template-columns:1fr;justify-items:center;align-content:start;gap:0;min-height:640px;margin:0;padding:22px 16px;border-color:color-mix(in srgb,var(--companion-accent) 28%,#d9e4e0);background:linear-gradient(180deg,var(--companion-soft),#fff 62%);text-align:center}.companion-avatar--progress-rail{width:100%;height:400px;overflow:visible;border:0;border-radius:0;background:transparent}.companion-avatar--progress-rail img{align-self:center;width:135%;height:auto;max-width:none;object-fit:initial;object-position:center}.companion-avatar--progress-rail[data-companion="nova"] img,.companion-avatar--progress-rail[data-companion="orbit"] img,.companion-avatar--progress-rail[data-companion="bolt"] img{width:115%}.companion-progress-rail .companion-presence-copy{display:grid;justify-items:center}.companion-progress-rail .companion-presence-copy .eyebrow{margin:5px 0 2px}.companion-progress-rail .companion-presence-copy h2{font-size:27px}.companion-progress-rail .companion-presence-copy strong{margin-top:7px;color:var(--companion-accent);font-size:14px}.companion-progress-rail .companion-presence-copy p:last-of-type{max-width:220px;margin-top:7px}.companion-progress-rail .companion-change-button{grid-column:auto;justify-self:center;margin-top:18px;background:#fff}
@media(max-width:1100px){.companion-progress-layout{grid-template-columns:minmax(0,1fr) 225px;gap:16px}.companion-progress-rail.companion-presence{min-height:590px;padding-inline:12px}.companion-avatar--progress-rail{height:350px}}
@media(max-width:900px){.companion-progress-layout{grid-template-columns:1fr}.companion-progress-rail.companion-presence{position:static;order:-1;grid-template-columns:110px minmax(0,1fr) auto;align-items:center;justify-items:start;min-height:0;padding:14px 16px;text-align:left}.companion-avatar--progress-rail{grid-row:1;width:96px;height:112px;min-height:0}.companion-avatar--progress-rail img,.companion-avatar--progress-rail[data-companion="nova"] img,.companion-avatar--progress-rail[data-companion="orbit"] img,.companion-avatar--progress-rail[data-companion="bolt"] img{width:100%;height:100%;object-fit:contain}.companion-progress-rail .companion-presence-copy{justify-items:start}.companion-progress-rail .companion-presence-copy h2{font-size:22px}.companion-progress-rail .companion-presence-copy p:last-of-type{display:block}.companion-progress-rail .companion-change-button{grid-column:3;margin:0}}
@media(max-width:650px){.companion-progress-rail.companion-presence{grid-template-columns:80px minmax(0,1fr);gap:10px}.companion-avatar--progress-rail{width:72px;height:86px}.companion-progress-rail .companion-presence-copy strong{font-size:12px}.companion-progress-rail .companion-presence-copy p:last-of-type{display:none}.companion-progress-rail .companion-change-button{grid-column:1/-1;width:100%;margin-top:8px}}
.companion-progress-content{overflow:hidden}.companion-progress-content>.stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}