/* v68 (Jon's review 15, R15-1): the one "invitation to scroll" arrow, shared by the website and the Academy
   (scroll_cue.py writes it, scroll-cue.js places it and makes it work). A round white button with a near-black chevron:
   the chevron is 17 to 1 against the white disc, and the disc has its own edge and shadow, so it reads on a photograph,
   on a dark band or on the sand. */
.scue-host{position:relative}
.scue-host.scue-room{padding-bottom:max(96px,calc(76px + env(safe-area-inset-bottom,0px)))}
.scue{position:absolute;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:5;
  display:flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0;padding:0;border-radius:50%;
  border:1px solid rgba(26,26,26,.2);background:rgba(255,255,255,.95);color:#1A1A1A;cursor:pointer;
  box-shadow:0 4px 16px rgba(26,26,26,.24);opacity:1;visibility:visible;transition:opacity .35s ease,visibility 0s linear 0s}
.scue[hidden]{display:none}
.scue.scue-fixed{position:fixed}
.scue svg{display:block;width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.scue:hover{background:#fff;border-color:rgba(26,26,26,.45)}
/* focus: a red ring outside a white ring, so it shows on white, on the sand and on a dark photograph */
.scue:focus-visible{outline:3px solid #DE0000;outline-offset:3px;box-shadow:0 0 0 3px #fff,0 4px 16px rgba(26,26,26,.24)}
.scue.scue-gone{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility 0s linear .35s}
@media (prefers-reduced-motion:no-preference){
  .scue svg{animation:scue-bob 1.8s ease-in-out infinite}
  @keyframes scue-bob{0%,100%{transform:translateY(-3px)}50%{transform:translateY(4px)}}
}
@media (prefers-reduced-motion:reduce){.scue,.scue.scue-gone{transition:none}.scue svg{animation:none}}
@media print{.scue{display:none}}