/* VenueOS dev.90 — short, high-contrast, accessible Grotto scrollbar.
   Only the approved Grotto presentation document loads this stylesheet. */
html.venueos-grotto-scrollable,html.venueos-grotto-scrollable body{
  height:100%;overflow:hidden!important;
}
html.venueos-grotto-scrollable .showcase{
  box-sizing:border-box;height:100dvh;min-height:0!important;width:100%;
  overflow-x:hidden;overflow-y:auto;
  overscroll-behavior-y:contain;
  justify-content:safe center;
  scrollbar-color:#e4b653 rgba(17,23,20,.45);
  scrollbar-width:auto;
}
/* Native gold fallback remains available if script/CDN is blocked. */
html.venueos-grotto-scrollable .showcase::-webkit-scrollbar{width:14px}
html.venueos-grotto-scrollable .showcase::-webkit-scrollbar-track{
  border-radius:12px;background:rgba(17,25,20,.65);border:1px solid #95703d;
}
html.venueos-grotto-scrollable .showcase::-webkit-scrollbar-thumb{
  background:linear-gradient(90deg,#a77324,#ffdc83 55%,#bc8532);
  border:2px solid #674520;border-radius:12px;
}
/* A shortened scrollbar whose thumb still traverses the ENTIRE scroll range. */
.venueos-grotto-scroll-slot{position:fixed;width:19px;min-height:110px;z-index:10020;
  pointer-events:none;contain:layout style;filter:drop-shadow(0 1px 5px #110e0cae)}
.venueos-grotto-scroll-slot[hidden]{display:none!important}
.venueos-grotto-scroll-slot .os-scrollbar{pointer-events:auto;
  --os-size:17px;--os-padding-perpendicular:2px;--os-padding-axis:4px;
  --os-track-border-radius:12px;--os-track-bg:rgba(18,29,22,.88);
  --os-track-bg-hover:rgba(23,43,29,.96);
  --os-track-border:1px solid rgba(249,207,119,.65);
  --os-track-border-hover:1px solid #ffe1a0;
  --os-handle-border-radius:12px;
  --os-handle-bg:linear-gradient(90deg,#a36b23,#ffda74 48%,#d99931);
  --os-handle-bg-hover:linear-gradient(90deg,#c78d33,#ffe9a9 48%,#edb64c);
  --os-handle-bg-active:#ffe7a1;
  --os-handle-border:1px solid #6f430c;
  --os-handle-border-hover:1px solid #fff1c9;
  --os-handle-min-size:53px;
  --os-handle-interactive-area-offset:5px;
}
.venueos-grotto-scroll-slot .os-scrollbar-horizontal{display:none!important}
.venueos-grotto-scroll-slot .os-scrollbar-vertical{height:100%!important;top:0!important;bottom:auto!important;right:0!important}
.venueos-grotto-scroll-slot .os-scrollbar-handle:focus-visible{outline:3px solid #fff;outline-offset:2px}
/* Phone / portrait tablet: genuine native swipe scroll, no painted scrollbar. */
html[data-venueos-scroll-mode="touch"]{scrollbar-width:none}
html[data-venueos-scroll-mode="touch"]::-webkit-scrollbar,
html[data-venueos-scroll-mode="touch"] body::-webkit-scrollbar{display:none;width:0}
@media(prefers-reduced-motion:reduce){
  .venueos-grotto-scroll-slot .os-scrollbar,.venueos-grotto-scroll-slot .os-scrollbar-handle{transition:none!important}
}