/* Scroll arrows for sideways strips. Works with public/js/scroll-hints.js. */
.gs-hint-layer{position:fixed;left:0;top:0;width:0;height:0;z-index:45;pointer-events:none}
.gs-hint{position:fixed;left:0;top:0;width:36px;height:36px;padding:0;border-radius:9999px;border:2px solid #fff;background:var(--gs-hint-bg,#1f1535);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px rgba(0,0,0,.4);opacity:0;pointer-events:none;transition:opacity .18s;-webkit-tap-highlight-color:transparent;cursor:pointer}
.gs-hint.is-on{opacity:.96;pointer-events:auto}
.gs-hint:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}
@keyframes gs-hint-nudge-r{0%,100%{margin-left:0}50%{margin-left:6px}}
@keyframes gs-hint-nudge-l{0%,100%{margin-left:0}50%{margin-left:-6px}}
.gs-hint-r.gs-hint-pulse.is-on{animation:gs-hint-nudge-r .9s ease-in-out 4}
.gs-hint-l.gs-hint-pulse.is-on{animation:gs-hint-nudge-l .9s ease-in-out 4}
@media (prefers-reduced-motion:reduce){.gs-hint-pulse.is-on{animation:none!important}}
@media print{.gs-hint-layer{display:none}}