/* Na Oko – scena trybu „Waga”: waga szalkowa na kartce z zeszytu.
   Uzupełnia style.css: korzeń sceny ma klasy .stage .scale-stage, a .ground, .lbl, .ghost-tag
   i .stage-hint pochodzą stamtąd – tu tylko to, czego potrzebuje sama waga. */
.scale-stage { --cell: 22px; }
.sc-svg { position: absolute; left: 0; top: 0; overflow: visible; pointer-events: none; }

/* przedmioty na szalkach (położenie ustawia scale.js przez transform) */
.sc-item { position: absolute; left: 0; top: 0; transform-origin: 0 0; will-change: transform; pointer-events: none; }
.sc-item img { display: block; width: 100%; height: 100%; }
.sc-item.drop img { animation: sc-drop .5s cubic-bezier(.3, .8, .4, 1) both; }
.sc-item-tgt.drop img { animation-delay: .12s; }
@keyframes sc-drop {
  0% { transform: translateY(-70%); opacity: 0; }
  30% { opacity: 1; }
  55% { transform: translateY(0) scale(1.07, .9); }
  76% { transform: translateY(-3%) scale(.97, 1.03); }
  100% { transform: none; opacity: 1; }
}

/* odręczny dopisek nad wagą: „≈ 37 × Kostka masła” */
.sc-ratio {
  position: absolute; left: 0; top: 0; width: max-content; max-width: min(92%, 620px); pointer-events: none;
  text-align: center; text-wrap: balance; line-height: 1.02;
  font-family: var(--hand); font-weight: 700; font-size: clamp(20px, 2.3vw, 27px); color: var(--pen);
  text-shadow: 0 0 2px var(--paper), 0 0 4px var(--paper), 0 0 7px var(--paper);
}
.sc-ratio.truth { color: #0f8a4a; }
.scale-stage .ghost-tag { text-shadow: 0 0 2px var(--paper), 0 0 5px var(--paper); }

/* podpowiedź dla nowych graczy – zamiast dopisku, tuż nad tarczą (top ustawia scale.js) */
.scale-stage .stage-hint { text-shadow: 0 0 3px var(--paper), 0 0 7px var(--paper); white-space: nowrap; }
.scale-stage .stage-hint span { font-size: clamp(22px, 3vw, 28px); }
.scale-stage .stage-hint small { font-size: clamp(17px, 2.3vw, 21px); }
.scale-stage.hint-on .sc-ratio { visibility: hidden; }

/* hardkor: na czas zgadywania znikają liczby (bez pustej linijki) i dopisek ze stosunkiem */
.scale-stage.hardcore.playing .lbl .val, .hardcore .scale-stage.playing .lbl .val { display: none; }
.scale-stage.hardcore.playing .sc-ratio, .hardcore .scale-stage.playing .sc-ratio { visibility: hidden; }