/* Guidance only. No selectors or geometry changes for existing game controls. */
#ponderSwipeGuidance {
  /* Center on the action row: 30% panel height × (4.5% bottom + 39% / 2). */
  position:absolute;z-index:105;left:0;bottom:7.2%;width:100%;transform:translateY(50%);
  display:grid;
  box-sizing:border-box;pointer-events:none;color:#a3dce5;
  font-family:'Barlow Condensed',Arial,sans-serif;
  opacity:1;visibility:visible;transition:opacity 180ms ease,visibility 0s;
}
#ponderSwipeGuidance[hidden]{display:none!important}
#ponderSwipeGuidance.is-hand-read-hidden{opacity:0;visibility:hidden;transition:opacity 180ms ease,visibility 0s 180ms}
#ponderSwipeGuidance:is(.is-hand-read-hidden,.is-input-blocked) .swipe-guidance-link{pointer-events:none;cursor:default}
body.table-controls-left #ponderSwipeGuidance .swipe-guidance-row{margin-left:57.6%}
#ponderSwipeGuidance .swipe-guidance-row {
  width:40%;margin-left:2.4%;
  display:grid;grid-template-columns:calc(var(--ponder-stage-width,100vw) * .031) minmax(0,1fr) minmax(0,1fr) calc(var(--ponder-stage-width,100vw) * .031);
  align-items:center;gap:calc(var(--ponder-stage-width,100vw) * .006);
  -webkit-text-size-adjust:100%;text-size-adjust:100%;
}
#ponderSwipeGuidance .lens{--guide-color:#52caff;--guide-edge:#327fba;--guide-face:#0a1c31}
#ponderSwipeGuidance .flow{--guide-color:#f390d5;--guide-edge:#a54f89;--guide-face:#271225}
#ponderSwipeGuidance .swipe-guidance-link {
  position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;justify-content:center;
  container-type:inline-size;
  gap:clamp(2px,calc(var(--ponder-stage-height,100vh) * .004),3px);
  width:100%;height:clamp(32px,calc(var(--ponder-stage-height,100vh) * .082),60px);
  margin:0;padding:3px 2px;border:0;border-radius:0;box-shadow:none;
  background:linear-gradient(135deg,var(--guide-color),var(--guide-edge) 42%,#263745 75%,var(--guide-edge));
  color:var(--guide-color);font:inherit;cursor:pointer;pointer-events:auto;touch-action:manipulation;
  clip-path:polygon(7% 0,93% 0,100% 18%,100% 82%,93% 100%,7% 100%,0 82%,0 18%);
}
#ponderSwipeGuidance .swipe-guidance-link::before {
  content:"";position:absolute;inset:1px;z-index:-1;clip-path:inherit;pointer-events:none;
  background:linear-gradient(180deg,var(--guide-face),#060b12 78%);
  box-shadow:inset 0 1px 0 #d8eaff13;
}
#ponderSwipeGuidance .swipe-guidance-link strong{font-size:min(17px,10cqw,calc(var(--ponder-stage-height,100vh) * .027));letter-spacing:.015em;font-weight:600;white-space:nowrap;line-height:1.1}
#ponderSwipeGuidance .swipe-guidance-icon{display:block;flex:none;width:clamp(12px,calc(var(--ponder-stage-height,100vh) * .033),25px);height:clamp(12px,calc(var(--ponder-stage-height,100vh) * .033),25px);fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
#ponderSwipeGuidance .swipe-guidance-link:active{filter:brightness(.85)}
#ponderSwipeGuidance .swipe-guidance-link:focus-visible{outline:2px solid #e0f8ff;outline-offset:-3px}
#ponderSwipeGuidance .swipe-guidance-arrow{display:flex;flex-direction:column;align-items:center;gap:2px;color:var(--guide-color)}
#ponderSwipeGuidance .swipe-guidance-arrow strong{font:600 min(32px,calc(var(--ponder-stage-width,100vw) * .025))/.9 'Barlow Condensed',Arial,sans-serif;letter-spacing:.1em;padding-left:.1em;text-shadow:0 0 5px #758cca40}
#ponderSwipeGuidance .swipe-guidance-arrow small{font:500 min(9px,calc(var(--ponder-stage-width,100vw) * .007))/1 Arial,sans-serif;letter-spacing:.015em}
@media(max-height:520px){
  /* The compact action panel is 32% tall with 40%-height main buttons. */
  #ponderSwipeGuidance{bottom:7.84%}
}
@media(prefers-reduced-motion:reduce){#ponderSwipeGuidance,#ponderSwipeGuidance.is-hand-read-hidden{transition:none}}

#ponderSwipeGuidance .table-hotkey{display:none}
@media(hover:hover) and (pointer:fine){
  #ponderSwipeGuidance .table-hotkey{display:block;position:absolute;right:10%;top:9%;font:600 clamp(7px,.75vw,10px)/1 Arial,sans-serif;opacity:.64;pointer-events:none}
}