/* V1 queue-line, barrier and attendant-gate refinements. */

/* Loading gates align with the waiting lanes; guests remain visually in front. */
.air-gates{left:calc(14% - 17px);top:179px;z-index:9}
.guest-queue{left:calc(28.5% + 27px);right:auto;bottom:0;width:330px;height:58px;display:block;z-index:13;pointer-events:none}
.guest-queue .queue-person{position:absolute;left:var(--queue-x);bottom:calc(5px + var(--queue-y));z-index:13;transition:left .45s ease,bottom .45s ease,transform .85s ease,opacity .65s ease}
.guest-queue.board .queue-person:nth-child(-n+4){transform:translateY(-66px);opacity:0}
.entry-walkers{z-index:13}
.entry-walker{position:absolute;left:calc(28.5% + 27px + var(--queue-x));bottom:calc(5px + var(--queue-y));z-index:14;animation:guestWalkIn 1.65s ease-in-out var(--entry-delay) both}
@keyframes guestWalkIn{0%{opacity:0;transform:translateX(var(--entry-distance))}12%{opacity:1}100%{opacity:1;transform:translateX(0)}}

/* Illuminated glass barriers replace the rail-like fence treatment. */
.platform-fence,.staff-platform-fence{border:0;border-radius:3px;background:linear-gradient(90deg,#9cecf6,#3fa3b5 45%,#baf7ff) top/100% 3px no-repeat,linear-gradient(90deg,#3a8794,#8ce7f2 55%,#3a8794) bottom/100% 3px no-repeat,repeating-linear-gradient(118deg,transparent 0 24px,#6ba7b278 25px 28px,transparent 29px 52px),linear-gradient(180deg,#e9fcffbf,#87cbd65c);box-shadow:0 0 8px #61d9e966,inset 0 0 0 1px #f3ffff}
.platform-fence{top:-24px;height:24px}
.load-fence.left-fence{left:0;width:26%}.load-fence.right-fence{left:auto;right:0;width:44%}
.staff-platform-fence{height:21px}
.platform-fence:after,.staff-platform-fence:after{content:"";position:absolute;left:5px;right:5px;top:8px;height:7px;background:radial-gradient(circle,#d7fbff 0 2px,#3d8e9b 3px 4px,transparent 5px) 0 50%/46px 7px repeat-x;opacity:.85}
.platform-side-fence{width:10px;border:0;border-radius:3px;background:linear-gradient(#a5f0f8,#3a8d9b 48%,#bdf8ff) left/3px 100% no-repeat,linear-gradient(#4598a6,#a3edf5 55%,#4598a6) right/3px 100% no-repeat,repeating-linear-gradient(28deg,transparent 0 16px,#6caab575 17px 20px,transparent 21px 36px),linear-gradient(90deg,#eaffffbb,#8fd2dd66);box-shadow:0 0 7px #62d8e766,inset 0 0 0 1px #f5ffff}

/* Each crew gate replaces a section of the rear barrier instead of floating beside it. */
.staff-post{top:52px;width:68px;height:50px;isolation:isolate}
.staff-post:before{content:"";position:absolute;left:-3px;right:-3px;top:28px;height:24px;z-index:0;background:linear-gradient(#c9e0e3,#c4dcdf)}
.staff-post:after{content:"";position:absolute;left:0;top:31px;width:31px;height:20px;z-index:1;border-radius:2px;background:linear-gradient(90deg,#a5eff7,#3d93a1 45%,#b7f5fc) top/100% 3px no-repeat,linear-gradient(90deg,#3c8996,#97e6ef) bottom/100% 3px no-repeat,linear-gradient(120deg,transparent 38%,#68a8b477 40% 48%,transparent 50%),linear-gradient(#eaffffcc,#83c8d36b);box-shadow:0 0 6px #61d9e977,inset 0 0 0 1px #f5ffff}
.staff-console{top:0;z-index:4}
.staff-console:before{content:"";position:absolute;left:11px;top:20px;width:4px;height:13px;background:linear-gradient(90deg,#60777c,#dbe8e9,#60777c)}
.staff-gate{left:32px;right:auto;top:31px;width:35px;height:20px;z-index:3;border:0;border-radius:2px;background:linear-gradient(90deg,#9deaf4,#3c93a2 45%,#b5f6fd) top/100% 3px no-repeat,linear-gradient(90deg,#3a8795,#8ce4ee) bottom/100% 3px no-repeat,linear-gradient(60deg,transparent 40%,#66a5b175 42% 50%,transparent 52%),linear-gradient(#eaffffcf,#82c8d46b);box-shadow:0 0 7px #61d9e988,inset 0 0 0 1px #f5ffff;transform-origin:left center;transform:perspective(90px) rotateY(0);transition:transform .65s ease}
.staff-gate:after{content:"";position:absolute;left:4px;right:4px;top:8px;width:auto;height:4px;border:0;border-radius:4px;background:radial-gradient(circle,#e3fdff 0 2px,#378795 3px,transparent 4px) 0 50%/20px 4px repeat-x}
.staff-gate.open{transform:perspective(90px) rotateY(-78deg)}
.unload-post:after{left:auto;right:0}.unload-post .staff-console{left:auto;right:0}.unload-post .staff-console:before{left:auto;right:11px}.unload-post .staff-gate{left:0;right:auto;transform-origin:right center}.unload-post .staff-gate.open{transform:perspective(90px) rotateY(78deg)}

@media(max-width:650px){.air-gates{left:calc(14% - 11px)}.guest-queue{left:calc(28.5% + 18px);width:255px}.entry-walker{left:calc(28.5% + 18px + var(--queue-x))}}
