/* Media University: Instrument Sans, #003D4B petrol, #FFFF00 yellow. */
@font-face{font-family:MU Instrument;src:url('./assets/fonts/InstrumentSans-Medium.woff2') format('woff2');font-style:normal;font-weight:400 500;font-display:swap}
@font-face{font-family:MU Instrument;src:url('./assets/fonts/InstrumentSans-SemiBold.woff2') format('woff2');font-style:normal;font-weight:600 900;font-display:swap}
:root{color-scheme:dark;--bg:#003d4b;--surface:#003d4b;--ink:#f2f6f7;--muted:#c0d2d6;--line:#b6bfc2;--gold:#ffff00;--chrome:linear-gradient(90deg,#8b979d,#f8fafb 12%,#b8c2c7 26%,#f4f6f7 48%,#a8b3b8 72%,#f2f5f6 90%,#8c979e);font-family:MU Instrument,Arial,sans-serif}
body{background:#003d4b;color:#f2f6f7}button,input,textarea,select,.guide-download,.custom-floor input,.entrance-quote blockquote{font-family:MU Instrument,Arial,sans-serif}
.app-shell{border-top:0;padding-top:3px}.topbar{border-bottom:2px solid #bac2c5;box-shadow:0 1px #f6f8f8}.brand,.quiet-button,.reset-button,.music-button{color:#f2f6f7}.brand{letter-spacing:1px;font-size:13px}.brand-divider{background:var(--chrome)}.edition{color:#c0d2d6}.header-tools{align-items:center}.quiet-button:hover{color:#ffff00}.guide-download{box-shadow:0 1px 2px #003d4b20}.guide-download:focus-visible{outline-color:#ffff00}
.intro h1{font-weight:600;letter-spacing:-1.3px}.intro h1 em{font-style:normal;color:#ffff00;background:none}.intro-copy{color:#d6e3e6;font-size:13px;line-height:1.5;max-width:400px}.intro .eyebrow{color:#ffff00}
.elevator{padding:5px;background:var(--chrome);border:1px solid #89969d;border-radius:3px;box-shadow:0 9px 24px #003d4b1c,inset 0 1px #fff,inset 0 -1px #66767e}
.elevator-header{background:linear-gradient(#0003,#0004),url('./assets/rosewood-vertical.svg') center 30%/cover;border:1px solid #47332f;border-bottom:3px solid #a4aeb2;box-shadow:inset 0 1px #f5e9d255;height:52px;min-height:52px}
.tower-label,.destination-label{color:#fff1dc;letter-spacing:1.6px;font-size:8px}.destination-label b{color:#ffff00}
.floor-display{color:#ff3930;background:#111313;border:2px solid #c4cbd0;outline:1px solid #5e686e;box-shadow:inset 0 2px 8px #000,0 1px #f8f9f799;min-width:114px;padding:3px 12px;gap:10px;text-shadow:0 0 8px #ff231c99;border-radius:2px}
.floor-display #direction{color:#ff3930;font-size:23px;text-shadow:0 0 8px #ff211c99}.floor-display #currentFloor{display:flex;line-height:0}.led-floor{width:51px;height:32px;overflow:visible;filter:drop-shadow(0 0 2px #ff312b70)}.led-floor polygon{fill:#2d1415}.led-floor polygon.on{fill:#ff3930}
.elevator-frame{padding:10px 34px 0;background:linear-gradient(90deg,#0005,transparent 15%,transparent 85%,#0005),url('./assets/rosewood-vertical.svg') center/cover;border-left:1px solid #3b2724;border-right:1px solid #3b2724}
.cabin{border:5px solid #aab5ba;border-image:linear-gradient(100deg,#76838a,#eef1f3 10%,#96a4ac 20%,#f4f5f6 48%,#77878f 70%,#ecf0f2 90%,#8a979c) 1;background:#dee0db;box-shadow:0 0 0 1px #352c29,inset 0 0 30px #0004}
.tower-lobby{background:linear-gradient(90deg,#d4d6d1,#e2e4df 30%,#e2e4df 70%,#d2d4d0)}.tower-lobby>img{object-fit:contain;object-position:center;height:100%;width:100%}.tower-lobby:after{background:none;box-shadow:inset 0 0 18px #434e4e26}.lobby-welcome{display:none}.skyline,.window-grid,.cabin-shade{display:none}
.door{background-image:url('./assets/brushed-chrome.jpg');background-size:200% 100%;box-shadow:inset 0 0 12px #2b33333b,0 0 12px #0005;border-color:#65747c}.door-left{background-position:left center;border-right:1px solid #303d44}.door-right{background-position:right center;border-left:1px solid #eef3f4}.door:after{background:linear-gradient(100deg,#fff1,transparent 48%,#0001)}.door>span{display:none}.door-emblem{filter:drop-shadow(0 2px 3px #17272d88);opacity:.95}
.timer-area{background:#003d4bea!important;max-width:34%;left:15px;top:15px;padding:12px 18px 14px!important;border:1px solid #c1cbce;box-shadow:0 3px 10px #00182022,inset 0 1px #ffffff20;border-radius:2px;color:#ffff00}.timer-area .ride-status,.timer-area .seconds-label,.timer-area .stage-label{color:#ffff00}.timer-area .ride-status{font-size:7px;letter-spacing:1.3px;margin-left:0}.countdown>span:first-child{color:#ffff00;font-weight:500;letter-spacing:-3px}.seconds-label{letter-spacing:2px}.stage-label{max-width:150px}
.elevator-footer{background:var(--chrome);color:#253f4a;border-top:1px solid #f9fafb;box-shadow:inset 0 -1px #87959b}.live-indicator{color:#003d4b}.live-indicator:before{background:#003d4b}.ride-progress{background:#a0acb2}.ride-progress>div{background:#b82020}
.control-panel{background:repeating-linear-gradient(0deg,#ffffff1c 0px,#ffffff1c 1px,#152d3b0a 1px,#152d3b0a 2px,transparent 2px,transparent 4px),linear-gradient(115deg,#c9d3d8,#f3f6f7 20%,#b2c0c8 49%,#e4ebee 73%,#a7b9c3);border:5px solid #aab4b9;border-image:linear-gradient(120deg,#8c989e,#f5f7f8 18%,#98a5ac 40%,#e4e9ec 62%,#77868e 83%,#d6dfe3) 1;border-radius:0;box-shadow:0 7px 18px #003d4b20,inset 0 1px #fbf5e82e;padding-left:18px;padding-right:18px;color:#003d4b}
.panel-heading{padding:10px 8px;background:#003d4bef;border:1px solid #b4c1c6;text-align:center;box-shadow:0 2px 5px #0005}.panel-heading .eyebrow{color:#ffff00;font-size:8px}.panel-heading h2{color:#ffff00;font-weight:600;font-size:22px}.panel-heading>p:last-child{color:#dbe7e9}.panel-hint{color:#33525e;font-size:11px;text-align:center}
.floor-buttons{justify-items:center;gap:10px 16px;padding:5px 0}.floor-button{position:relative;width:65px;height:65px;min-height:0;padding:0;border-radius:50%;border:3px solid #b6c1c6;background:radial-gradient(ellipse at 35% 25%,#343c3f 0,#171c1e 32%,#050809 75%,#000 100%);outline:1px solid #627781;color:#ffff00;font-family:MU Instrument,Arial,sans-serif;font-size:26px;font-weight:600;gap:1px;box-shadow:0 4px 7px #192f3b66,inset 0 1px 1px #ffffff55,inset 0 -2px 2px #000}
.floor-button small{color:#d8e4e8;font-size:9px;white-space:nowrap}.floor-button:hover:not(:disabled){background:radial-gradient(ellipse at 35% 25%,#485359,#181e21 50%,#060a0c);border-color:#f2f5f6;transform:translateY(-1px)}.floor-button.selected{background:radial-gradient(ellipse at 35% 25%,#30393c,#101618 45%,#030607);color:#ffff00;border-color:#e8edf0;box-shadow:0 3px 6px #162d3980,inset 0 1px 2px #ffffff44,0 0 0 2px #e7d445}.floor-button.selected:after{width:5px;height:5px;top:6px;right:10px;background:#ffff00;box-shadow:0 0 5px #ffff0077}.floor-button.passed{color:#ffff00}.floor-button:disabled{opacity:.82}
.custom-floor{color:#003d4b;font-size:12px}.custom-floor input{background:linear-gradient(#f5f7f8,#cad3d8);border:2px solid #b1bcc2;color:#003d4b;box-shadow:inset 0 1px 3px #0004}.small-label,.selected-trip strong,.trip-arrow,.tips-toggle strong,.review-toggle strong{color:#003d4b}.tips-toggle strong,.review-toggle strong{font-size:13px;font-weight:600}.selected-trip{border-color:#cfb5a16b}.tips-toggle small,.pace-note,.review-toggle small,.review-meta{color:#3b5965}.review-toggle small{font-size:10px}.review-meta{font-size:9px}.executive-control{border-top-color:#7d969f80}.review-meta button{color:#003d4b;font-size:11px;font-weight:600}
.switch{background:#dedfdc;border-color:#a5aeb1;box-shadow:inset 0 1px 3px #0004}.switch:before{background:linear-gradient(#fff,#9cabb2);box-shadow:0 1px 2px #0005}.tips-toggle input:checked+.switch,.review-toggle input:checked+.switch{background:#ffff00;border-color:#e3e38a}.tips-toggle input:checked+.switch:before,.review-toggle input:checked+.switch:before{background:#003d4b}
.mu-signature{background:#003d4be6;padding:8px 9px;border:1px solid #a5b4ba;box-shadow:0 2px 6px #0003;bottom:12px;left:13px;right:13px}.mu-signature span{color:#dbe5e5}.mu-signature img{height:40px}
.gold-button{background:#ffff00;border:1px solid #b2bcc1;color:#003d4b;font-weight:600;box-shadow:inset 0 1px #fff,0 1px 3px #003d4b20;border-radius:2px}.outline-button{background:linear-gradient(#fff,#e1e7e9);border:1px solid #acb9bf;color:#003d4b;box-shadow:inset 0 1px #fff;border-radius:2px}.outline-button:hover:not(:disabled){border-color:#6c848e}.reset-button:hover,.music-button:hover{color:#ffff00}input[type=range]{accent-color:#ffff00}
.guide-heading .eyebrow{color:#ffff00;font-size:10px}.guide-heading>p:last-child{color:#d6e3e6;font-size:12px}.stage-card,.stage-card.active{background:#003d4b;color:#ffff00;border:2px solid #b6c1c6;border-radius:2px;box-shadow:inset 0 1px #ffffff20,0 2px 4px #003d4b12}.stage-card h3,.stage-card p,.stage-card .act,.stage-card .time-range{color:#ffff00}.stage-card h3{font-weight:600;font-size:20px}.stage-card p{opacity:.95;font-size:13px;line-height:1.45}.stage-card.active{box-shadow:inset 0 0 0 1px #ffff00,0 2px 4px #003d4b12}.stage-card.active p{color:#ffff00}
.floating-tip{background:#003d4bf5;color:#ffff00;border:2px solid #c0cacf;border-radius:2px;box-shadow:0 4px 16px #10242d44}.arrival{background:#003d4bf0;color:#ffff00;border:2px solid #b8c3c8;border-radius:2px}.arrival h2,.arrival>p:not(.eyebrow),.arrival .eyebrow{color:#ffff00}
dialog:not(.entrance-dialog){background:#fff!important;color:#003d4b;border-color:#a8b7bf;border-radius:3px;box-shadow:0 15px 65px #001e2855}dialog:not(.entrance-dialog) h2,dialog:not(.entrance-dialog) h3{color:#003d4b;font-weight:600}dialog:not(.entrance-dialog)>.eyebrow{color:#003d4b}dialog:not(.entrance-dialog)>p:not(.eyebrow){color:#42616d!important}.dialog-close{color:#003d4b}dialog .help-small{color:#526c74!important;border-color:#b9c5cb}.sample-banner,.review-footnote,.example-note,.review-bottom>span{color:#526c74}.review-dialog:has(#transcriptDetails:not([hidden])) .sample-banner{color:#003d4b}.review-grid p,.delivery-list span,.review-grid article>span{color:#42616d}.review-tabs button{color:#526c74}.review-tabs button[aria-selected=true]{color:#003d4b;border-bottom-color:#003d4b}.verdict-stamp{background:#ffff00;color:#003d4b;border-color:#a7b6bc}.verdict-stamp span{color:#42616d}.practice-verdict,.delivery-list li,.delivery-list strong,.revised-pitch{color:#003d4b}.revised-pitch{border-left-color:#003d4b}.ai-setup label,#transcriptDetails label,.ai-setup input[type=file],#transcriptDetails p{color:#42616d}.ai-help{color:#526c74!important}.ai-test-options summary,#transcriptDetails summary,.ai-setup [role=status],#transcriptError{color:#003d4b}.ai-setup input:not([type=checkbox]):not([type=file]),.ai-setup textarea,#reviewTranscript{color:#003d4b;background:#f1f4f5;border-color:#a7b8c0;font-family:MU Instrument,Arial,sans-serif}.ai-consent input{accent-color:#003d4b}
.entrance-dialog,.entrance-quote blockquote,.entrance-invitation{font-family:MU Instrument,Arial,sans-serif}.entrance-dialog{color:#f2f4ed}.entrance-dialog .quiet-button{color:#b7c9cc}.entrance-brand span{color:#b5c7cc}
button:focus-visible,a:focus-visible,input:focus-visible{outline-color:#ffff00}dialog:not(.entrance-dialog) button:focus-visible,dialog:not(.entrance-dialog) input:focus-visible{outline-color:#003d4b}.control-panel button:focus-visible,.control-panel input:focus-visible{outline-color:#003d4b}.entrance-dialog button:focus-visible{outline-color:#ffff00}
@media(max-height:760px){.floor-button{width:58px;height:58px;font-size:24px}.floor-buttons{gap:8px 12px}.panel-heading{padding:7px 5px}.panel-heading h2{font-size:20px}.elevator-header{height:46px;min-height:46px}.timer-area{padding:8px 12px 10px!important}.control-panel{padding-bottom:72px}}
@media(min-width:601px) and (max-height:580px){.panel-heading{padding:4px}.panel-heading h2{font-size:17px}.floor-button{width:43px;height:43px;font-size:17px}.floor-button small{font-size:7px}.floor-buttons{gap:6px 12px}.timer-area{top:8px;left:9px;padding:6px 10px!important}.elevator-header{height:38px;min-height:38px}.led-floor{height:25px;width:40px}.floor-display{min-width:90px}.control-panel{padding-bottom:59px}.elevator-frame{padding-left:23px;padding-right:23px}}
@media(max-width:900px){.elevator-frame{padding-left:23px;padding-right:23px}.control-panel{padding-left:12px;padding-right:12px}.floor-buttons{gap:8px}.floor-button{width:58px;height:58px}.timer-area{max-width:40%;left:9px;top:9px}.mu-signature{left:9px;right:9px}}
@media(max-width:600px){.elevator{padding:3px}.elevator-header{height:38px;min-height:38px}.floor-display{min-width:86px;padding:2px 8px;gap:6px}.led-floor{width:40px;height:26px}.floor-display #direction{font-size:20px}.elevator-frame{padding:7px 15px 0}.cabin{border-width:3px}.timer-area{left:7px;top:7px;padding:6px 9px 8px!important;max-width:42%}.timer-area .countdown>span:first-child{font-size:45px}.timer-area .stage-label{font-size:8px}.timer-area .seconds-label{font-size:7px}.control-panel{padding:8px 10px;border-width:3px}.floor-buttons{gap:8px;padding:0}.floor-button{width:43px;height:43px;font-size:17px;border-width:2px}.floor-button small{font-size:7px}.floor-button.selected:after{top:4px;right:6px;width:4px;height:4px}.mu-signature{position:static;padding:5px 7px}.mu-signature img{height:25px}.mu-signature span{color:#dbe5e5}.stage-card{border-width:1px}.stage-card h3{font-size:14px}.stage-card p{font-size:10px;line-height:1.35}.intro-copy{font-size:11px}.guide-heading .eyebrow{font-size:8px}.guide-heading>p:last-child{font-size:9px}.elevator-footer{font-size:7px}.tower-label,.destination-label{font-size:6px;letter-spacing:.6px}}

/* A clear, substantial petrol frame on the main action, including both replay states. */
#startButton,#againButton{border:4px solid #003d4b;outline:1px solid #c3cdd2;outline-offset:1px;padding:8px 14px;box-shadow:inset 0 0 0 1px #ffffa0,0 3px 7px #001c2866;font-weight:600}
#startButton:focus-visible,#againButton:focus-visible{outline:3px solid #ffff00;outline-offset:3px}.topbar{box-shadow:none}.reset-button,.music-button{font-size:13px}.quiet-button{font-size:13px}
@media(min-width:601px) and (max-height:760px){.stage-card h3{font-size:18px}.stage-card p{font-size:12px}.intro-copy{font-size:12px}.floor-buttons{gap:9px 12px}}
@media(min-width:601px) and (max-height:580px){.stage-card h3{font-size:16px}.stage-card p{font-size:10px}.floor-button{width:44px;height:44px;font-size:20px}.floor-button small{font-size:7px}.review-toggle strong,.tips-toggle strong{font-size:11px}.custom-floor{font-size:10px}}
@media(max-width:600px){#startButton,#againButton{border-width:3px;padding:6px 9px}.floor-button{width:46px;height:46px;font-size:20px}.reset-button{font-size:20px}.music-button{font-size:10px}.quiet-button{font-size:10px}.review-toggle strong,.tips-toggle strong{font-size:11px}.review-toggle small{font-size:8px}.review-meta{font-size:8px}.review-meta button{font-size:10px}.custom-floor{font-size:10px}.stage-card h3{font-size:13px}.stage-card p{font-size:10px}.guide-heading>p:last-child{max-width:55%;line-height:1.3}}
/* Put duration labels on the steel plate, leaving the black button faces uncluttered. */
.panel-heading>p:last-child,.panel-hint{display:none}.panel-heading{padding:8px 5px}.floor-buttons{row-gap:25px;padding:5px 0 18px}.floor-button{overflow:visible}.floor-button small,.floor-button.selected small{position:absolute;top:100%;left:50%;transform:translateX(-50%);margin-top:6px;color:#003d4b;font-size:10px;line-height:1;white-space:nowrap;pointer-events:none}.floor-button>span{line-height:1}.floor-button:disabled small{color:#003d4b}
@media(min-width:601px) and (max-height:580px){.floor-buttons{row-gap:18px;padding-bottom:14px}.floor-button small{font-size:8px;margin-top:4px}.panel-heading{padding:4px}}
@media(max-width:600px){.floor-buttons{row-gap:0;padding:0 0 17px}.floor-button small,.floor-button.selected small{font-size:8px;margin-top:5px}.stage-card p{font-size:10px}}