:root{color-scheme:dark;--ink:#081316;--teal:#8dd4c4;--amber:#e5a260;--muted:#8faaaa}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--ink);color:#e7eeeb;font-family:Arial,Helvetica,sans-serif}body{height:100dvh;overflow:hidden;display:flex;flex-direction:column;align-items:center}header,footer{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 24px}header{height:70px;border-bottom:1px solid #294044}a{color:inherit;text-decoration:none}.wordmark{font-size:20px;font-weight:800;letter-spacing:3px}.wordmark span{display:block;margin-top:5px;color:var(--muted);font:9px monospace;letter-spacing:2px}nav{display:flex;align-items:center;gap:12px}nav label{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:12px}button,select{border:1px solid #365357;background:#12282c;color:#d8e8e2;padding:9px 12px;font:inherit;font-size:13px;line-height:1.25;min-height:36px;border-radius:2px}select{appearance:none;min-width:126px;padding-right:32px;background-image:linear-gradient(45deg,transparent 50%,#8faaaa 50%),linear-gradient(135deg,#8faaaa 50%,transparent 50%);background-position:calc(100% - 16px) 50%,calc(100% - 11px) 50%;background-size:5px 5px;background-repeat:no-repeat}button{cursor:pointer}button:hover,select:hover{border-color:var(--teal);color:#fff}button:disabled{opacity:.4;cursor:wait}button:focus-visible,select:focus-visible,canvas:focus-visible{outline:2px solid var(--amber);outline-offset:2px}[hidden]{display:none!important}main{position:relative;width:min(100vw,calc((100dvh - 118px)*16/9));aspect-ratio:16/9;max-width:1920px;flex-shrink:0;margin:auto;background:#060c0d;overflow:hidden}canvas{display:block;width:100%;height:100%;background:#081316;outline:none!important}main:fullscreen{width:100vw;max-width:none;height:100dvh;display:grid;place-items:center}main:fullscreen canvas{width:min(100vw,calc(100dvh*16/9));height:min(100dvh,calc(100vw*9/16))}#welcome{position:absolute;inset:0;background:linear-gradient(90deg,#061114ed 0%,#061114b8 45%,#06111433 100%),url(freight.png) 50% 50%/cover;display:flex;align-items:center;padding:6%}.intro{width:min(650px,80%)}.eyebrow{font:11px monospace;letter-spacing:4px;color:var(--amber);margin:0 0 22px}h1{font-size:clamp(36px,6.5vw,104px);line-height:.95;letter-spacing:-4px;margin:0;font-weight:900}.pitch{color:#bbcece;font-size:clamp(14px,1.35vw,20px);line-height:1.6;margin:22px 0 26px}#start{background:var(--teal);color:#071718;border:0;font-size:16px;padding:17px 22px;min-width:280px;display:flex;justify-content:space-between;gap:28px;font-weight:700}#start:hover{background:#b9eadc}#start:disabled{opacity:.8}progress{display:block;width:280px;height:4px;margin-top:14px;accent-color:var(--teal)}#load-status{font-size:12px;max-width:400px;line-height:1.5;color:#c2d6d4}.requirements{font:10px monospace;color:var(--muted);margin-top:28px}.scene-credit{position:absolute;bottom:20px;right:25px;color:#aec0c4;font:9px monospace;letter-spacing:2px}#failure{position:absolute;inset:0;background:#081316ef;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:40px;text-align:center}#error-text{max-width:680px;line-height:1.5;overflow-wrap:anywhere;color:#e5bba2}footer{height:48px;font-size:11px;color:var(--muted)}footer p{margin:0}kbd{font:10px monospace;color:#d6e4dc;margin-left:8px}kbd:first-child{margin-left:0}.error{color:#f2a078!important}@media(max-width:900px){header,footer{padding:10px 14px}nav{gap:5px}.wordmark{font-size:16px}.wordmark span{font-size:8px}nav label{font-size:0}nav button,nav select{font-size:12px;padding:7px 9px}nav select{padding-right:32px}.extra{display:none}.requirements{margin-top:12px}.pitch{margin:14px 0}h1{letter-spacing:-2px}.eyebrow{margin-bottom:12px}#start{padding:12px 18px;min-width:240px}footer{font-size:9px}}@media(max-width:650px){header{height:62px}.wordmark span{display:none}#fullscreen{display:none}main{width:100vw}.scene-credit{display:none}.requirements{font-size:8px}.intro{width:100%}.eyebrow{font-size:9px}.pitch{font-size:12px}#start{font-size:12px;padding:10px;min-width:200px}#load-status{font-size:10px;margin:8px 0}.requirements{margin:8px 0}footer{align-items:flex-start;height:auto;flex-direction:column;gap:7px}.wordmark{font-size:13px;letter-spacing:2px}}
#more{position:relative}summary{list-style:none;cursor:pointer;border:1px solid #365357;background:#12282c;padding:9px 12px;min-height:36px;font-size:13px}summary::-webkit-details-marker{display:none}summary:focus-visible{outline:2px solid var(--amber)}.more-menu{position:absolute;right:0;top:44px;z-index:5;display:grid;gap:6px;padding:10px;min-width:185px;background:#081316;border:1px solid #365357;box-shadow:0 12px 32px #0009}.more-menu button{text-align:left}dialog{width:min(560px,calc(100vw - 32px));border:1px solid #527b77;background:#0d2024;color:#e7eeeb;padding:28px;box-shadow:0 20px 90px #000a}dialog::backdrop{background:#000a}dialog h2{margin:0 0 16px}dialog p{line-height:1.6;color:#b6cfca}dialog label{display:block;margin:24px 0 10px}dialog input{width:100%;font-size:14px}#restore-preview{min-height:70px;color:#8dd4c4;overflow-wrap:anywhere}.dialog-actions{display:flex;justify-content:flex-end;gap:10px}#restore-confirm{background:#28564e}footer p:first-child{max-width:58%}@media(max-width:900px){summary{font-size:12px;padding:7px 9px}.wordmark{letter-spacing:2px}nav{gap:5px}}@media(max-width:650px){#sound{display:none}footer p:first-child{max-width:100%}}