.demo-badge{position:fixed;top:max(10px,env(safe-area-inset-top));right:164px;z-index:1500;padding:6px 13px;border:1px solid #d9b66d80;border-radius:30px;background:#101c2eed;color:#f0d99a;font:700 11px/1.25 system-ui,sans-serif;letter-spacing:.14em;pointer-events:none;box-shadow:0 2px 14px #0005}
.demo-start-note,.demo-complete-note{color:#d9cfb6;font-size:clamp(13px,1.2vw,18px);line-height:1.5;max-width:42em}
.demo-start-note{margin:16px 0 20px}.demo-complete-note{margin:12px auto 18px;text-align:center;max-width:35em}
.phase-card .demo-complete-note{font:400 clamp(12px,1vw,16px)/1.5 system-ui,sans-serif;letter-spacing:0;color:#ded4bf}
.demo-create-note{color:#d5c6a5;line-height:1.45;font-size:14px;margin:0 0 16px;max-width:42em}
.demo-expedition-preview{margin-top:25px}.demo-route-label{color:#c9b77d;font:600 13px/1.4 system-ui,sans-serif;letter-spacing:.04em}.demo-expedition-preview .timeline{margin-top:14px}
.demo-notice{max-height:88vh;overflow:auto}.demo-feature-list{padding-left:20px;font-size:15px;line-height:1.5;color:#ded7c7}.demo-feature-list li+li{margin-top:7px}
.demo-notice-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:22px}.demo-shop-link{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 18px;border:1px solid #d3af68;border-radius:10px;background:linear-gradient(#efdcaa,#c4a262);color:#15222d!important;text-decoration:none;text-shadow:none;font:700 15px/1.25 system-ui,sans-serif;letter-spacing:0;min-height:44px;box-sizing:border-box}.demo-shop-link:focus-visible{outline:3px solid #dcefff;outline-offset:3px}
.demo-preview-pack .quick-block-head{width:100%}.demo-preview-more{opacity:.55;cursor:pointer}.demo-stage-locked{cursor:pointer}
.hub-secondary{flex-wrap:wrap}.hub-secondary .classroom-setup-link{white-space:normal}
.demo-locked{opacity:.5!important;cursor:pointer!important}.demo-lock{font-size:.8em}.demo-stage-locked{opacity:.45}
.demo-notice{max-width:520px;padding:32px;border:1px solid #c3a06480;border-radius:20px;background:#111e30;color:#eee6d5;box-shadow:0 24px 100px #000a;font-family:system-ui,sans-serif}.demo-notice::backdrop{background:#040b15ba;backdrop-filter:blur(5px)}.demo-notice h2{font-size:27px;color:#f2daa0}.demo-notice p{line-height:1.6}.demo-notice button,.demo-document button{padding:12px 18px;border:1px solid #d3af68;border-radius:10px;background:#243247;color:#f0dda7;font:600 16px system-ui;cursor:pointer}.demo-document-label{font:700 12px system-ui;letter-spacing:.16em;color:#cdb77e}
.demo-document{margin:0;background:#101b2c;color:#eee7d9;font:17px/1.6 system-ui,sans-serif}.demo-document main{max-width:850px;margin:50px auto;padding:30px}.demo-document a{color:#efcf8b}.demo-document table{width:100%;border-collapse:collapse}.demo-document th,.demo-document td{padding:9px 16px;text-align:left;border-bottom:1px solid #ffffff24}.demo-document h1{color:#efd294}
@media(max-height:650px){.demo-badge{top:5px;font-size:9px;padding:4px 9px}.demo-start-note{margin:8px 0;font-size:12px}.demo-complete-note{font-size:12px;margin:8px auto}}
@media(max-width:950px){.demo-badge{left:12px;right:auto}}
@media print{.demo-document{background:white;color:#111;font-size:11pt}.demo-document main{margin:0;padding:0}.demo-document h1,.demo-document-label{color:#111}.demo-document th,.demo-document td{border-color:#999}.demo-document button,.demo-document a{display:none}}

/* Keep the original global controls usable while the race is paused. */
body:has(#phaseOverlay:is([data-phase="paused"],[data-phase="ready-paused"]):not([hidden])) .topbar{z-index:9}

#teacherMenu .teacher-controls{max-height:calc(100svh - 90px);overflow-y:auto}#demoPlayHelp{width:min(680px,92vw);max-height:calc(100svh - 32px);overflow:auto}#demoPlayHelp p{font:15px/1.5 system-ui,sans-serif;color:#e2d8c0}#demoPlayHelpClose{min-height:48px;padding:10px 18px;font:600 16px/1.3 system-ui,sans-serif}

/* 1.3.0: demo note and store link sit centred below the original result buttons. */
.demo-final-extra{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%;margin:12px 0 0;text-align:center}
.demo-final-extra .demo-complete-note{margin:0 auto}
.demo-final-extra .demo-shop-link[hidden]{display:none}