@font-face{font-family:Fredoka;src:url("assets/fonts/fredoka-600.ttf") format("truetype");font-weight:600;font-style:normal;font-display:swap}
#equation{--equation-tilt:0deg;position:absolute;top:190px;left:50%;transform:translateX(-50%) rotate(var(--equation-tilt));transform-origin:50% 50%;transition:transform .45s cubic-bezier(.2,.8,.2,1);display:flex;align-items:center;justify-content:center;gap:16px;width:max-content;max-width:90%;padding:8px 24px;border:2px solid #e7b95b;border-radius:22px;background:#102a46d9;box-shadow:0 3px 10px #10244244;z-index:4;pointer-events:none;direction:ltr;unicode-bidi:isolate;font:600 clamp(23px,3vw,39px)/1.2 Fredoka,Arial,sans-serif;white-space:nowrap;color:#fff}
.eq-side{display:flex;position:relative;align-items:center;justify-content:center;gap:.23em;min-width:2em}.eq-egg{color:#fff2cc}.pink-eggs .eq-egg{color:#ff93ac}.eq-chick{color:#ffd444}.eq-sign,.eq-relation{color:#fff}
#equation{display:grid;grid-template-columns:1fr auto 1fr}.eq-side:first-child{justify-content:flex-end}.eq-side:last-child{justify-content:flex-start}
#equation.unbalanced{border-color:#ff727b;animation:equation-alarm 1.2s ease-in-out infinite}
#equation.unbalanced .eq-side>span,#equation.unbalanced .eq-relation{color:#ff767d}
.eq-action{position:absolute;top:100%;left:50%;transform:translateX(-50%);font:600 18px/1.2 Fredoka,Arial,sans-serif;color:#fff!important;background:#163347ee;border:1px solid #efc36a;border-radius:9px;padding:3px 9px;animation:equation-action .95s ease-out both}
@keyframes equation-alarm{50%{opacity:.58;box-shadow:0 0 15px #f3405066}}
@keyframes equation-action{0%{opacity:0;translate:0 5px}20%,65%{opacity:1}100%{opacity:0;translate:0 13px}}
@media(max-height:600px) and (orientation:landscape){#equation{top:106px;font-size:25px;padding:4px 13px;gap:10px;border-radius:15px;border-width:1.5px;max-width:63%}.eq-action{font-size:14px;padding:2px 7px}}
@media(orientation:portrait){#equation{top:204px;font-size:23px;padding:6px 12px;gap:8px;max-width:95%}}
@media(prefers-reduced-motion:reduce){#equation{transition:none}#equation.unbalanced,.eq-action{animation:none}}

.eq-egg,.eq-chick{display:inline-flex;align-items:center;gap:.05em}.eq-fraction{display:inline-flex;flex-direction:column;vertical-align:middle;font-size:.62em;line-height:1.05;text-align:center}.eq-fraction>span:first-child{border-bottom:1px solid currentColor;padding:0 .12em}.eq-fraction>span:last-child{padding-top:1px}#equation.unbalanced .eq-action{color:#ff767d!important}