/* v0.8 shared experience polish; no curriculum-specific layout rules. */
#experiment-root{--unit-accent:#1689d8}#experiment-root[data-unit=lightDark]{--unit-accent:#7466c2}#experiment-root[data-unit=mixtures]{--unit-accent:#c58a24}.experiment-title{border-left:5px solid var(--unit-accent);padding-left:15px;margin-bottom:16px}.mission-objective{color:#385570;font-size:.95rem;line-height:1.5;margin:10px 0 0;max-width:65ch}.experiment-layout{grid-template-columns:minmax(0,1fr);gap:14px}.learning-steps{flex-direction:row;justify-content:space-between;padding:5px;gap:4px;border-radius:18px}.learning-steps li{flex:1;justify-content:center;padding:7px 8px;min-width:0;font-size:.88rem}.learning-steps li[aria-current]{box-shadow:inset 0 -3px 0 #5aa9e2}.learning-steps .step-done{background:#edf7ed}.pico-dialogue{padding:10px 16px;margin-bottom:8px;gap:14px}.pico-dialogue .pico-image{width:65px;height:65px}.pico-dialogue p{max-width:70ch;font-weight:650}.feedback-note{min-height:25px;margin:0 0 6px;font-size:.85rem;font-weight:800;color:#236c3c;line-height:1.5}.feedback-note[hidden]{display:block!important;visibility:hidden}#experiment-root[data-feedback=wrong] .feedback-note{color:#805516}#experiment-root[data-feedback=hint] .feedback-note{color:#725216}.workbench{border-top-color:var(--unit-accent);scroll-margin:90px 0 110px}.workbench h2:focus-visible{outline:3px solid #245a84;outline-offset:4px;border-radius:5px}#activity-heading{scroll-margin-top:90px;scroll-margin-bottom:110px}.experiment-actions{padding:16px 0 22px;gap:12px}.hint-control{display:flex;align-items:center;gap:8px;flex-shrink:0}.hint-level{font-size:.8rem;font-weight:800;white-space:nowrap;color:#725216}.experiment-screen .navigation{position:sticky;top:5px;z-index:8;width:fit-content;max-width:100%;background:#eef8fff5;padding:5px;border-radius:18px;box-shadow:0 4px 10px #234b7812;margin-bottom:18px}.experiment-screen .navigation .nav-button{white-space:normal}.workbench button{scroll-margin:100px 0 120px}.workbench button:disabled{transform:none}.completion{padding:8px 0}.discovery-copy{font-size:1.15rem;line-height:1.6;max-width:60ch;margin:0 auto 22px}.completion-check{width:66px;height:66px;border:3px solid #80c777;box-shadow:0 4px 0 #bbdfb6}.unit-finale{max-width:700px;margin:20px auto;border:2px solid #8bc497;background:linear-gradient(#f6fff2,#e5f7e5);border-radius:20px;padding:20px;text-align:left}.unit-finale h3{text-align:center;color:#225c37;font-size:1.2rem;margin:0 0 10px}.unit-count{text-align:center;font-weight:800;color:#285f3b}.unit-finale ul{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:9px}.unit-finale li{font-size:.95rem;line-height:1.5}.unit-finale li span{display:inline-block;margin-right:7px;font-size:.8rem;color:#2b6742;font-weight:800}.completion-actions{margin-top:20px}.unit-celebration .completion-check{background:#fff0a6;border-color:#deb542;box-shadow:0 4px 0 #e2c770}.experiment-replay .mission-objective{margin:0 auto 20px}.experiment-replay .pico-dialogue{text-align:left}.experiment-replay .primary{margin-top:15px}
#experiment-root[data-feedback=correct] .feedback-note,#experiment-root[data-feedback=step] .feedback-note{animation:feedback-rise .22s ease-out}#experiment-root[data-feedback=wrong] .feedback-note{animation:feedback-nudge .2s ease-out}.mission-celebration .completion-check{animation:discovery-pop .3s ease-out}.unit-celebration .completion-check{animation:discovery-pop .45s ease-out}.unit-celebration{background:radial-gradient(circle at 8% 10%,#ffdf6738 0 8px,transparent 9px),radial-gradient(circle at 92% 20%,#4fa8e52b 0 7px,transparent 8px)}
@keyframes feedback-rise{from{transform:translateY(3px);opacity:.4}to{transform:none;opacity:1}}@keyframes feedback-nudge{25%{transform:translateX(-3px)}75%{transform:translateX(3px)}}@keyframes discovery-pop{from{transform:scale(.9);opacity:.5}to{transform:scale(1);opacity:1}}
@media(max-width:640px){.experiment-title{padding-left:10px;border-left-width:4px}.experiment-title h1{font-size:1.45rem}.mission-objective{font-size:.85rem}.learning-steps{padding:3px;gap:2px}.learning-steps li{padding:5px 0;gap:4px;font-size:.69rem}.learning-steps li>span{width:21px;height:21px;font-size:.72rem}.pico-dialogue{padding:9px 10px;gap:10px}.pico-dialogue .pico-image{width:48px;height:48px}.pico-dialogue .pico-name{font-size:.6rem;padding:2px 7px}.pico-dialogue p{font-size:.85rem}.experiment-actions{position:sticky;bottom:0;z-index:7;background:#eff8fff5;border-top:1px solid #b9d8ed;padding:10px 2px 15px;margin-top:14px;border-radius:14px 14px 0 0}.hint-control{gap:4px}.hint-button{padding:11px 12px}.hint-level{font-size:.68rem}.experiment-actions .primary{padding:12px;min-height:48px}.feedback-note{font-size:.78rem}.discovery-copy{font-size:1rem}.unit-finale{padding:15px 12px}.unit-finale h3{font-size:1.05rem}.unit-finale li{font-size:.85rem}.experiment-screen .navigation{gap:6px}.experiment-screen .navigation .nav-button{font-size:.8rem;padding:9px 11px}.completion-actions>*{width:100%}}
@media(max-height:550px) and (min-width:641px){.experiment-title h1{font-size:1.55rem}.learning-steps li{padding:4px}.pico-dialogue .pico-image{width:43px;height:43px}.experiment-actions{padding:10px 0}.mission-objective{font-size:.85rem}.pico-dialogue{padding:7px 12px}.feedback-note{font-size:.8rem}.experiment-screen .navigation{top:0}}
@media(hover:none){button:hover{transform:none}}@media(prefers-reduced-motion:reduce){#experiment-root *,#experiment-root *::before,#experiment-root *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}