/* Egg Drop only: solid surfaces and a quiet test bench. */
.egg-shell .hero{padding:12px 2px 18px}
.egg-shell .hero h1{font-size:clamp(34px,3.6vw,54px);line-height:1.04;max-width:760px}
.egg-shell .hero p{max-width:660px}
.egg-shell .challenge{background:#263449;border:1px solid #263449;border-radius:16px;box-shadow:none}
.egg-shell .step,.egg-shell .panel,.egg-shell .stage-panel{background:#fff;border:1px solid #d8ddd9;box-shadow:none}
.egg-shell .step{border-radius:12px}
.egg-shell .step.active{border-color:#6085ab}
.egg-shell .step.active b,.egg-shell .num{background:#315d80}
.egg-shell .hintbar{background:#f1f4f0}
.egg-shell .hint-icon{background:#e0e9e7;box-shadow:none}
.egg-shell .controls>.group{background:#fff;border:0;border-top:1px solid #e5e8e4;border-radius:0;padding:13px 0 0;margin-top:13px}
.egg-shell .controls>.group:first-of-type{border-top:0;margin-top:0}
.egg-shell .value{background:#f5f6f3;border-color:#d8ddd9;box-shadow:none}
.egg-shell .chip{background:#f7f8f6;border:1px solid #d8ddd9;box-shadow:none}
.egg-shell .chip.active{background:#e8f0f2;border:2px solid #315d80;box-shadow:none}
.egg-shell .coach{background:#f3f6f4;border-color:#d6e0dc;box-shadow:none}
.egg-shell .coach .mini{color:#315d80}
.egg-shell .stage-panel{border-radius:18px;overflow:hidden}
.egg-shell .stage-top{background:#fff;border-bottom-color:#d8ddd9}
.egg-shell .egg-stage{background:#f6f7f4;box-shadow:none}
.egg-shell .egg-stage svg{min-height:0;display:block;width:100%;height:auto;filter:none}
.egg-shell .status{background:#fff;border-top-color:#d8ddd9}
.egg-shell .test{background:#e7b34f;color:#2f281e;box-shadow:none;border:1px solid #cb9840;border-radius:12px}
.egg-shell .test:hover{background:#f1c16a;box-shadow:none}
.egg-shell .test:disabled{opacity:.65;cursor:default;transform:none}
.egg-shell .reset{background:#fff;border-color:#d8ddd9}
.egg-shell .result-hero,.egg-shell .metric,.egg-shell .learning-card{box-shadow:none}
.egg-shell .metric{background:#f7f8f6;border-color:#d8ddd9}
.egg-shell .learning-card{background:#fff;border-color:#d8ddd9}
.egg-shell .learning-card:before{color:#315d80}
.egg-shell .learning-card .try-next{background:#f5f7f5;border-color:#c8d3cc}
@media(max-width:820px){
  .egg-shell .hero h1{font-size:clamp(32px,7vw,46px)}
  .egg-shell .stage-panel{margin-bottom:12px}
  .egg-shell .egg-stage svg{min-height:0}
}
@media(max-width:500px){
  .egg-shell .steps{gap:5px}
  .egg-shell .step{padding:7px;min-height:48px;gap:6px}
  .egg-shell .step b{width:25px;height:25px}
  .egg-shell .step small{display:none}
  .egg-shell .stage-top{align-items:flex-start}
  .egg-shell .stage-top span{max-width:105px}
}

/* Relative high-risk band is illustrated by a cracked shell; the model does not predict a real egg's fracture. */
.impact-crack #paddingShell,.impact-soft #paddingShell{transform-box:fill-box;transform-origin:center bottom;animation:pad-compress .65s ease-out both}
.impact-crack #eggCore{transform-box:fill-box;transform-origin:center bottom;animation:egg-impact .6s ease-out both}
.impact-crack #eggCrack{animation:crack-reveal .6s steps(1,end) both}
@keyframes pad-compress{0%{transform:scaleY(1)}30%{transform:scaleY(.73)}65%{transform:scaleY(.85)}100%{transform:scaleY(.82)}}
@keyframes egg-impact{0%,24%{transform:scale(1)}55%,100%{transform:scale(1.16,.77)}}
@keyframes crack-reveal{0%,45%{opacity:0}46%,100%{opacity:1}}
@media(prefers-reduced-motion:reduce){.impact-crack #paddingShell,.impact-soft #paddingShell,.impact-crack #eggCore,.impact-crack #eggCrack{animation:none}}