:root{--bg:#002c35;--surface:#003d4b;--ink:#f5faf9;--muted:#9db1b6;--gold:#ffff00;--line:#33646f;--mu-yellow:#ffff00;--mu-petrol:#003d4b;--mu-deep:#002c35}
body{background:radial-gradient(ellipse at 25% 0%,#074e5d,transparent 70%),#002c35}
.app-shell{border-top:3px solid var(--mu-yellow)}
.topbar{border-color:#33646f;position:relative}.brand{letter-spacing:1.5px}.mu-mark{width:23px;height:23px;object-fit:contain}.edition{color:#b4cbcf;letter-spacing:1.8px;font-size:9px}.brand-divider{background:#33646f}.quiet-button{color:#c2d6da}.quiet-button:hover{color:var(--mu-yellow)}
.guide-download{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid var(--mu-yellow);border-radius:3px;background:var(--mu-yellow);color:var(--mu-petrol);font:700 11px Arial,sans-serif;text-decoration:none;white-space:nowrap;flex-shrink:0}
.guide-download svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.guide-download small{font-size:8px;letter-spacing:.4px;opacity:.8}.guide-download:hover{background:#ffff83;border-color:#ffff83}.guide-download:focus-visible{outline:2px solid white;outline-offset:3px}
@media(max-width:750px){.header-tools{gap:10px}.guide-download{font-size:10px;padding:6px 8px;gap:5px}.guide-download small{display:none}.guide-download svg{width:16px;height:16px}}
@media(max-width:420px){.header-tools{gap:7px}.guide-download{font-size:9px;padding:5px 6px;gap:4px}.guide-download svg{width:14px;height:14px}.topbar{gap:8px}.topbar .brand{letter-spacing:.7px;font-size:9px;gap:5px}.topbar .mu-mark{width:18px;height:18px}#helpButton{font-size:9px}}
.intro h1{font-weight:700;letter-spacing:-1.3px}.intro h1 em{color:var(--mu-yellow)}.intro-copy{color:#c0d5d8;font-size:12px;max-width:380px}
.elevator{background:var(--mu-petrol);border:1px solid #48818c;border-radius:6px;box-shadow:0 10px 32px #001b2230}
.elevator-header{background:#003d4b;border-color:#33646f}.tower-label,.destination-label{color:#a5c9cf;letter-spacing:1.1px}.destination-label b{color:var(--mu-yellow)}
.floor-display{background:#001c24;border-color:#467e88;color:var(--mu-yellow);text-shadow:0 0 15px #ffff0030;box-shadow:inset 0 2px 8px #0006}
.elevator-frame{background:linear-gradient(90deg,#145662,#002d39 2%,#447881 3%,#003d4b 5%,#003d4b 95%,#447881 97%,#002d39 98%,#145662)}
.cabin{background:linear-gradient(155deg,#135d6b,#063d4e 65%,#002b35)}.cabin-shade{background:linear-gradient(#003d4b55,#002c35b0);box-shadow:inset 0 0 70px #00222a70}.skyline{opacity:.32}.building{filter:grayscale(1)}.window-grid{border-color:#003d4b80;background:linear-gradient(90deg,transparent 32.9%,#72a7b019 33%,#72a7b019 33.8%,transparent 33.9%,transparent 66.1%,#72a7b019 66.2%,#72a7b019 67%,transparent 67.1%)}
.door{overflow:hidden;background:repeating-linear-gradient(90deg,#ffffff02 0px,#00000003 1px,#ffffff02 3px),linear-gradient(100deg,#003d4b,#075364 48%,#003d4b);border-color:#002e3b;box-shadow:inset 0 0 50px #001a2440,0 0 25px #001e2760;transition:transform 1.2s cubic-bezier(.65,0,.35,1)}
.door-left{border-right:1px solid #76acb83b}.door-right{border-left:1px solid #001c25}.door>span{height:3px;top:86%;background:linear-gradient(#124e5a,#92b6bb99,#164d5b);box-shadow:0 2px 3px #00172180}
.door-emblem{position:absolute;width:clamp(115px,16vw,195px);height:clamp(115px,16vw,195px);top:50%;transform:translateY(-50%);object-fit:contain;max-width:none;filter:drop-shadow(0 3px 6px #001b2140)}
.door-left .door-emblem{right:calc(clamp(115px,16vw,195px) / -2)}.door-right .door-emblem{left:calc(clamp(115px,16vw,195px) / -2)}
.elevator[data-state=ready] .door{transform:translateX(0)}
.elevator[data-state=closing] .door-left{animation:mu-board-left 1.6s cubic-bezier(.65,0,.35,1) both}.elevator[data-state=closing] .door-right{animation:mu-board-right 1.6s cubic-bezier(.65,0,.35,1) both}
@keyframes mu-board-left{0%{transform:translateX(0)}35%{transform:translateX(-58%)}100%{transform:translateX(0)}}
@keyframes mu-board-right{0%{transform:translateX(0)}35%{transform:translateX(58%)}100%{transform:translateX(0)}}
.timer-area{inset:15px auto auto 20px;padding:0;align-items:flex-start;text-align:left;max-width:35%;pointer-events:none;background:none!important}
.ride-status{font-size:8px;line-height:1.4;letter-spacing:1.1px;color:#c7e0e3;margin:0 0 6px}.countdown{align-items:flex-start}.countdown>span:first-child{font-size:clamp(64px,11vh,98px);font-weight:400;letter-spacing:-4px;color:white;text-shadow:0 3px 12px #00242d80}.seconds-label{margin-left:4px;font-size:8px;letter-spacing:2.6px;color:#b3d3d9}.stage-label{font-size:10px;letter-spacing:.4px;color:#c3dce0;white-space:nowrap;margin:7px 0 0}
.floating-tip{color:var(--mu-petrol);background:var(--mu-yellow);border:1px solid var(--mu-yellow);box-shadow:0 5px 25px #001c2540;font-weight:600;border-radius:3px;padding:12px 20px;text-wrap:balance}
.tip-space{bottom:12px;z-index:5}.elevator-footer{background:#003440;color:#b7d7db;border-top:1px solid #245964}.live-indicator:before{background:#68cad2}.elevator[data-state=running] .live-indicator:before{background:var(--mu-yellow);box-shadow:0 0 9px #ffff0060}.ride-progress{background:#164d57}.ride-progress>div{background:var(--mu-yellow)}
.gold-button{background:var(--mu-yellow);border-color:var(--mu-yellow);color:var(--mu-petrol);border-radius:3px;font-weight:700}.gold-button:hover{background:#ffff83;border-color:#ffff83}.outline-button{border-color:#58929d;background:#003d4b60;color:#e8f4f5}.outline-button:hover:not(:disabled){border-color:var(--mu-yellow)}.reset-button,.music-button{color:#bdd8dd}.music-button:hover{color:var(--mu-yellow)}input[type=range]{accent-color:var(--mu-yellow)}button:focus-visible,a:focus-visible,input:focus-visible{outline-color:var(--mu-yellow)}
.control-panel{background:linear-gradient(135deg,#064d5b,#003d4b);border-color:#447883;border-radius:6px;position:relative;padding-bottom:80px;justify-content:center}
.panel-heading .eyebrow{color:var(--mu-yellow)}.panel-heading h2{color:#fff;font-weight:600}.panel-heading>p:last-child,.panel-hint{color:#a8ced5}
.floor-button{background:linear-gradient(#0a5362,#063f4c);color:#e4f2f4;border:1px solid #5b8993;box-shadow:inset 0 1px #a7d2d630,0 2px 3px #00232c60}.floor-button small{color:#a8cdd3}.floor-button:hover:not(:disabled){color:var(--mu-yellow);border-color:var(--mu-yellow);background:#075263}
.floor-button.selected{background:var(--mu-yellow);border-color:var(--mu-yellow);color:var(--mu-petrol);box-shadow:0 0 20px #ffff001a}.floor-button.selected small{color:#003d4b}.floor-button.selected:after{background:#003d4b}.floor-button.passed{border-color:#68cad2;color:#68cad2}
.custom-floor{color:#c0d7db}.custom-floor input{background:#002c35;border-color:#4b828d;color:white}.selected-trip{border-color:#346974}.selected-trip strong{color:white}.small-label{color:#add0d6}.trip-arrow{color:var(--mu-yellow)}.tips-toggle strong{color:#d9ecf0}.tips-toggle small{color:#a2c8cf}.switch{background:#1a5966;border-color:#437c88}.switch:before{background:#a2c8ce}.tips-toggle input:checked+.switch{background:#ffff00;border-color:#ffff00}.tips-toggle input:checked+.switch:before{background:#003d4b}.pace-note{color:#9fc6ce}
.mu-signature{position:absolute;left:14px;right:14px;bottom:12px;display:flex;align-items:flex-end;gap:12px;padding-top:9px;border-top:1px solid #4d859044;justify-content:space-between}.mu-signature img{height:55px;width:auto;max-width:100%;object-fit:contain}.mu-signature span{font-size:6px;line-height:1.5;letter-spacing:1px;color:#a2cbd1;max-width:70px;text-align:right}
.guide-heading .eyebrow{color:var(--mu-yellow)}.guide-heading>p:last-child{color:#a8ccd2}.stage-card{background:#e6eced;border-color:#e6eced;color:#003d4b;border-radius:4px}.stage-card h3{font-weight:700;color:#003d4b}.stage-card p{color:#33646f}.act{color:#003d4b;font-weight:700}.time-range{color:#33646f}.stage-card.active{background:var(--mu-yellow);border-color:var(--mu-yellow)}.stage-card.active p{color:#003d4b}
.arrival{background:#003d4bdb;backdrop-filter:blur(3px);animation:mu-reveal .4s 1.05s both}.arrival h2{color:white;font-weight:600}.arrival>p:not(.eyebrow){color:#c9e0e4}.arrival-icon,.arrival .eyebrow{color:var(--mu-yellow)}@keyframes mu-reveal{from{opacity:0}to{opacity:1}}
dialog{background:#003d4b;border-color:#ffff00;color:white}dialog>p:not(.eyebrow){color:#c3dce0}dialog .help-small{color:#a1c7cf!important;border-color:#33646f}.dialog-close{color:var(--mu-yellow)}
@media(max-width:900px){.intro-copy{font-size:11px;max-width:275px}.control-panel{padding-bottom:69px}.mu-signature img{height:46px}.mu-signature span{display:none}.mu-signature{left:12px;right:12px;bottom:10px}.timer-area{left:14px;top:12px}.countdown>span:first-child{font-size:64px}.stage-label{font-size:9px}.floating-tip{font-size:23px}}
@media(min-width:601px) and (max-height:580px){.timer-area{top:12px}.ride-status{display:none}.countdown>span:first-child{font-size:60px}.stage-label{font-size:9px}.door-emblem{width:115px;height:115px}.door-left .door-emblem{right:-57.5px}.door-right .door-emblem{left:-57.5px}.floating-tip{font-size:22px;padding:8px 12px}.control-panel{padding-bottom:69px}.panel-heading h2{font-size:18px}.floor-button{height:42px}.mu-signature img{height:42px}}
@media(max-width:600px){.app-shell{min-height:630px}.intro h1{font-size:26px}.intro-copy{font-size:10px;max-width:none}.control-panel{padding:7px 10px;grid-template-columns:1fr auto}.mu-signature{position:static;grid-column:1/-1;display:flex;align-items:center;padding-top:5px;margin-top:0;gap:12px;border-color:#46798455}.mu-signature img{height:31px}.mu-signature span{display:block;font-size:6px;max-width:none}.timer-area{top:10px;left:12px}.ride-status{display:none}.countdown>span:first-child{font-size:52px}.stage-label{font-size:8px}.seconds-label{font-size:7px}.door-emblem{width:100px;height:100px}.door-left .door-emblem{right:-50px}.door-right .door-emblem{left:-50px}.floating-tip{font-size:19px;padding:7px 10px}.tip-space{bottom:8px}.arrival h2{font-size:20px}.stage-card h3{font-size:12px}.stage-card p{font-size:9px}}
@media(prefers-reduced-motion:reduce){.elevator[data-state=closing] .door{animation:none}.arrival{animation:none}}