/* Optional HD presentation layer. Include after style.css. */
main{width:min(1660px,100%);padding:28px 34px 22px}
.console{aspect-ratio:16/9;border-color:#5b7286;border-radius:10px;box-shadow:0 24px 80px #030b147d,0 0 0 7px #0b1622}
#screen{width:100%;height:100%;image-rendering:auto;object-fit:contain}
.curtain{background:linear-gradient(100deg,#081625ed 0%,#10283acc 50%,#10283a66 100%);align-items:flex-start;text-align:left;padding:clamp(20px,4vw,70px)}
.curtain h1{font-size:clamp(28px,4vw,68px);text-shadow:0 3px 24px #07121e80}
.curtain .eyebrow{margin-bottom:clamp(10px,2vw,26px)}
.curtain #status{font-family:system-ui,sans-serif;font-size:clamp(10px,.9vw,15px);margin-top:clamp(12px,2vw,28px)}
.curtain .scope{font-family:system-ui,sans-serif;font-size:clamp(9px,.75vw,12px)}
.boundary{align-items:center;text-align:center;background:#091727e8}
.console:fullscreen{display:grid;place-items:center}
.console:fullscreen #screen{width:100%;height:100%;object-fit:contain}
@media(max-width:700px){main{padding:16px 12px}.console{border-radius:6px}.curtain{padding:16px}.curtain h1{font-size:clamp(18px,5vw,34px)}.curtain .eyebrow{font-size:6px;margin-bottom:8px}.curtain #status{font-size:8px;margin:9px 0}.curtain .scope{font-size:7px;margin-top:8px}#start,#restart{padding:9px 14px;min-width:150px;font-size:8px}}