/* Shared scene counters: live text stays sharp at every screen size. */
#screen :has(> :is(.obs-progress,.acorn-round,.matching-count,.dew-count,.dobble-round,.underline-round,.phrase-count,.berry-count)){
  position:relative;
  padding-top:82px;
}
#screen :is(.obs-progress,.acorn-round,.matching-count,.dew-count,.dobble-round,.underline-round,.phrase-count,.berry-count){
  position:absolute;
  inset:16px 18px auto auto;
  transform:none;
  z-index:5;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  width:max-content;
  max-width:calc(100% - 36px);
  min-width:86px;
  min-height:46px;
  margin:0;
  padding:9px 20px;
  border:2px solid #d5af62;
  border-radius:999px;
  background:linear-gradient(155deg,#fffdf1 5%,#fff1c9 65%,#eed49b);
  box-shadow:inset 0 0 0 2px #fffbed,inset 0 -3px 7px #b9903833,0 4px 12px #071e3540;
  color:#214b4d;
  font:700 17px/1.35 Verdana,Tahoma,sans-serif;
  font-variant-numeric:tabular-nums;
  letter-spacing:.025em;
  text-align:center;
  text-shadow:0 1px 0 #fff;
  white-space:normal;
  pointer-events:none;
}
@media(max-width:700px){
  #screen :has(> :is(.obs-progress,.acorn-round,.matching-count,.dew-count,.dobble-round,.underline-round,.phrase-count,.berry-count)){padding-top:76px}
  #screen :is(.obs-progress,.acorn-round,.matching-count,.dew-count,.dobble-round,.underline-round,.phrase-count,.berry-count){inset:12px 12px auto auto;max-width:calc(100% - 24px);min-width:76px;min-height:42px;padding:8px 15px;font-size:14px;letter-spacing:0}
}

/* Collection counters belong to the whole scene, not its narrower ingredient panel. */
#screen .worktop:has(.berry-count){position:relative;padding-top:82px}
#screen .worktop>.berry-collect:has(>.berry-count){position:static;padding-top:0}
@media(max-width:700px){#screen .worktop:has(.berry-count){padding-top:76px}}