.top-status{height:58px;display:grid;grid-template-columns:1.5fr repeat(4,1fr);background:#f9fcfc;border-bottom:1px solid #b9c7ca}.top-status>div{padding:10px 16px;border-right:1px solid #d2dcde}.top-status>div:last-child{border-right:0}.top-status small{display:block;color:#667a7e;font-size:7px;letter-spacing:.14em}.top-status b{display:block;margin-top:3px;color:#18343a;font-size:13px}.top-status>div:first-child b{color:#24804d}.station-card{position:sticky;top:0}.scene{height:270px}.darkride,.future-scene{height:98px}.rail{top:164px}.travel{top:185px}.platform{top:203px;height:62px}.vehicle-slot{top:106px}.air-gates{top:189px}.exit{bottom:7px}

/* Attendants stand on the non-guest side of the track. */
.staff{top:70px;width:92px;color:#173941;z-index:4}.staff-button{background:#edf3f3;color:#187043;border-color:#708184}.unload-staff{left:88%}.load-staff{left:4%}.unload-staff.inspecting{left:69%}.load-staff.inspecting{left:20%}.staff span{font-weight:bold;background:#eef7f7cc;padding:2px;border-radius:2px}

/* Only the next loading party is shown, immediately behind the gates. */
.guest-queue{left:25%;right:auto;bottom:14px;width:82px;grid-template-columns:repeat(4,15px);gap:5px;z-index:5}.guest-queue.board .queue-person:nth-child(-n+4){transform:translate(-78px,-64px)}

/* Both seat rows face the direction of travel and retain their shape when empty. */
.seat-row{left:22px;right:22px;height:24px;display:flex;align-items:center;justify-content:space-around;border:2px solid #4d3438;background:#24191b;overflow:visible}.seat-row.back{top:-5px;z-index:2}.seat-row.front{top:26px;z-index:4}.rider{z-index:2}.empty-seat{z-index:1}.row-restraint{position:absolute;left:2px;right:2px;top:2px;height:8px;border:2px solid #68777b;border-radius:4px;background:linear-gradient(#e8eded,#879598);box-shadow:0 2px 3px #0005;transform-origin:left center;transform:rotate(-68deg);transition:transform .75s cubic-bezier(.25,.8,.25,1);z-index:5}.row-restraint:after{content:"";position:absolute;left:10px;right:10px;top:6px;height:9px;border-left:5px solid #78878a;border-right:5px solid #78878a}.vehicle.locked .row-restraint{transform:rotate(0deg)}

.operator-desk{display:grid;grid-template-columns:1fr 1fr .82fr;gap:10px;margin-top:10px;align-items:stretch}.operator-desk .console{padding:11px;box-shadow:inset 0 0 0 4px #252a2b,0 7px 16px #0005}.operator-desk .console-label{margin-bottom:8px;padding:6px 9px}.bay-readout{display:flex;justify-content:space-between;background:#d8e2e3;color:#26383c;border:1px solid #8fa0a3;padding:6px 9px;margin-bottom:8px}.bay-readout span{font-size:7px;letter-spacing:.12em}.bay-readout b{font-size:9px}.load-buttons{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.unload-buttons{display:grid;grid-template-columns:1fr 1.2fr;gap:8px}.real-button{position:relative;height:96px;border:2px solid #171b1c;border-radius:4px;background:linear-gradient(#596164,#343a3c);color:#f5f7f5;box-shadow:inset 0 0 0 3px #737c7e,0 4px 0 #181b1c;cursor:pointer}.real-button>i:not(.progress){display:block;width:37px;height:26px;margin:4px auto 11px;border:5px solid #1a1e1f;border-radius:4px;background:#b7c0c0;box-shadow:inset 0 2px 3px #fff8,0 0 2px #000}.real-button.gate>i{background:#4ca1e4}.real-button.restraint>i{background:#f0b844}.real-button span{font-size:8px;font-weight:bold;letter-spacing:.04em}.real-button kbd{position:absolute;right:4px;bottom:3px;padding:2px 4px;background:#202526;border:1px solid #798284;border-radius:2px;font:6px Arial;color:#dbe2e1}.real-button.active{background:linear-gradient(#6b7779,#455052);box-shadow:inset 0 0 0 3px #899496,0 4px 0 #181b1c,0 0 13px #5ce288}.real-button.active>i:not(.progress){background:#63e18c;box-shadow:0 0 13px #63e18c}.real-button.dispatch{height:96px;min-height:0;border-radius:4px;background:linear-gradient(#596164,#343a3c);color:#fff}.real-button.dispatch b{width:39px;height:34px;margin:2px auto 7px;border-radius:4px;background:#34503e;border:6px solid #19221c;box-shadow:none}.real-button.dispatch.ready{opacity:1;filter:none;box-shadow:inset 0 0 0 3px #7e8a8c,0 4px 0 #181b1c,0 0 13px #63e18c}.real-button.dispatch.ready b{background:#63e18c;box-shadow:0 0 12px #63e18c}.real-button.dispatch:disabled{opacity:.55;filter:none}.real-button.dispatch .progress{position:absolute;inset:0;background:linear-gradient(0deg,#63e18c44 var(--hold,0%),transparent 0)}.auto-row{margin:0 0 8px;padding:6px 8px}.auto-row b{font-size:7px}.auto-row small{font-size:7px}.main-console{display:flex;flex-direction:column}.queue-controls{background:#182022;border:1px solid #0c1112;padding:8px;color:#f4f7f7}.queue-heading b,.queue-heading span{display:block}.queue-heading b{font-size:8px}.queue-heading span{font-size:7px;color:#aab8b9}.queue-button{width:100%;height:32px;margin:7px 0;border:2px solid #14211a;background:#3a9d61;color:#fff;font-size:8px;font-weight:bold;cursor:pointer}.queue-button.open{background:#c94b50}.arrival-rate>span{display:block;font-size:7px;color:#aab8b9;margin-bottom:4px}.arrival-rate>div{display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.arrival-rate button{height:27px;border:1px solid #647174;background:#30393b;color:#bec9ca;font-size:7px;cursor:pointer}.arrival-rate button.active{background:#347b8a;color:#fff;box-shadow:inset 0 0 8px #7fe2f4}.safety-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.safety-controls button{height:68px;border:2px solid #181b1c;background:#41494b;color:#fff;font-size:7px;font-weight:bold;cursor:pointer;box-shadow:inset 0 0 0 2px #6e787a,0 3px 0 #1a1d1e}.safety-controls button i{display:block;width:28px;height:25px;margin:0 auto 5px;border-radius:50%;background:#efb43d;border:4px solid #252929}.safety-controls .estop-button i{background:#e12e37;border:5px solid #6d171b}.safety-controls .reset-button i{background:#3988c2}.safety-controls .reset-button:disabled{opacity:.4}.session-button{grid-column:span 3;height:28px!important}.event-drawer{margin-top:8px;background:#fff;border:1px solid #bdcacc;color:#26383c}.event-drawer summary{padding:8px 12px;font-size:8px;font-weight:bold;letter-spacing:.1em;cursor:pointer}.drawer-head{text-align:right;padding:0 8px}.drawer-head button{border:0;background:none;color:#28768a;font-size:7px;cursor:pointer}.event-drawer #eventLog{height:95px}.status-strip,.queue-manager,.lower{display:none}

@media(max-width:1050px){.operator-desk{grid-template-columns:1fr 1fr}.main-console{grid-column:span 2}.station-card{position:relative}.load-buttons{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.top-status{height:auto;grid-template-columns:1fr 1fr}.top-status>div:first-child{grid-column:span 2}.operator-desk{grid-template-columns:1fr}.main-console{grid-column:auto}.scene{height:250px}.load-buttons{grid-template-columns:1fr 1fr}.guest-queue{left:23%}}