/* WIGGLE 0.6 — post-lock result dock and ruler spacing fixes.
 * Loaded after mobile.css so the tested 0.5 layout stays intact.
 */
@media (max-width:600px) {
  /* The ruler's tick labels sit below the baseline. Give them a real lane before
   * the window-choice heading starts, instead of letting the two layers collide. */
  .ruler:not(.revealed) { height:132px; }
  .window-section { margin-top:6px; }

  /* Before locking, controls remain in normal flow so all five window choices
   * stay visible. After locking, outcome + Next becomes the fixed bottom action. */
  .action-dock:has(.verdict),
  .flow-actions .action-dock:has(.verdict) {
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    z-index:12;
    margin:0;
    padding:8px 16px calc(8px + env(safe-area-inset-bottom));
    background:var(--bg);
    border-top:1px solid var(--line-strong);
    box-shadow:0 -5px 18px rgba(0,0,0,.045);
  }
  .action-dock:has(.verdict) .verdict {
    margin-bottom:7px;
    padding:8px 10px;
  }
  .action-dock:has(.verdict) .verdict strong { font-size:16px; }
  .action-dock:has(.verdict) .verdict small { font-size:10.5px; }
  .action-dock:has(.verdict) .verdict-points { font-size:23px; }
  .action-dock:has(.verdict) > .btn { min-height:42px; }

  /* Reserve room to scroll answer details fully above the fixed dock. */
  body:has(.action-dock .verdict) {
    padding-bottom:calc(118px + env(safe-area-inset-bottom));
  }

  /* The ruler already labels the actual answer. Avoid repeating it as another
   * large headline before the result. Keep the player's interval and review. */
  .reveal .range-summary strong { display:none; }
  .reveal .range-summary { gap:0; padding-top:3px; }
  .reveal .range-summary span { font-size:12px; }
  .reveal .spent-summary { padding:9px 0 10px; }
  .reveal .answer-details { margin-bottom:4px; }
}

/* Do not squeeze the tick labels back into the window heading on short phones. */
@media (max-width:600px) and (max-height:700px) {
  .ruler:not(.revealed) { height:124px; }
}

@media (max-width:359px) {
  .action-dock:has(.verdict),
  .flow-actions .action-dock:has(.verdict) { padding-inline:12px; }
}