:root{font-family:Arial,Helvetica,sans-serif;color:#f1e8d7;background:#182a31;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,.file-button{border:1px solid #526369;background:#243941;color:#f1e8d7;border-radius:3px;padding:10px 12px;cursor:pointer;display:inline-block;font-size:12px;line-height:1.4}button:hover,.file-button:hover{background:#3c5056}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #f2b076;outline-offset:3px}header{padding:22px 4vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #405159}.wordmark{font:38px Georgia;display:flex;gap:14px;align-items:center}.wordmark span{font:700 10px/1.5 Arial;letter-spacing:2px}.edition{font-size:10px;letter-spacing:2px;color:#bcc6c5}.edition span{margin-left:20px;color:#e89b72}.intro{padding:38px 4vw 28px;display:flex;gap:50px;align-items:end;justify-content:space-between}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#d5b883;margin:0 0 16px}h1{font:clamp(32px,4.3vw,62px)/1.02 Georgia;margin:0;letter-spacing:-1px}h1 em{font-weight:400;color:#e9ad83}.intro>p{max-width:310px;font:16px/1.6 Georgia;color:#bdc8c8}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 365px;gap:30px;padding:0 4vw 30px;align-items:start}.stage-panel{background:#112229;border:1px solid #405159;padding:20px}.stage-heading{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.5px;color:#b5c0c1}.toggle{display:flex;align-items:center;gap:8px;letter-spacing:0}.plate{position:relative;width:min(100%,640px);aspect-ratio:1;margin:22px auto;background:#e2d9c5;box-shadow:0 14px 24px #07111666}.plate canvas,.plate svg{width:100%;height:100%;position:absolute;inset:0}.plate svg{touch-action:none}.plate svg circle{cursor:grab}.plate text{font:18px Georgia}.plate-caption{font-size:11px;color:#c9d0cc;display:flex;justify-content:space-between;gap:15px}.transport{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 12px}.status{font-size:12px;line-height:1.6;color:#d5b883;min-height:38px}aside{display:grid;gap:28px}aside section{padding:20px 0;border-bottom:1px solid #405159}aside section:first-child{padding-top:6px}.tabs{display:flex;gap:5px;margin-bottom:24px}.tabs button{flex:1}.tabs [aria-pressed=true]{background:#e9ad83;color:#182a31;border-color:#e9ad83}label{font-size:12px;display:block;color:#c6ceca}label output{float:right;color:#f1e8d7}input[type=range]{display:block;width:100%;margin:14px 0 22px;accent-color:#e9ad83}input[type=number],select{width:100%;min-width:0;background:#112229;border:1px solid #526369;border-radius:3px;color:#f1e8d7;padding:9px;margin-top:7px}.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.routes{display:grid;gap:5px}.route{display:grid;grid-template-columns:58px 1fr;align-items:center;padding:3px 8px;border:1px solid transparent}.route.active{border-color:#e9ad83}.route select{margin:0;font-size:12px}.bits{letter-spacing:3px;font-family:monospace;font-size:14px}.hint,details p{font-size:12px;line-height:1.6;color:#bcc7c4}.waypoint{display:flex;gap:8px;align-items:center;margin-bottom:8px}.waypoint label{flex:1}.waypoint button{align-self:end}details{margin-top:20px}summary{font-size:12px;cursor:pointer;line-height:1.6}.source-section{padding:35px 4vw;border-top:1px solid #405159;display:grid;grid-template-columns:1fr 2fr;gap:35px}h2{font:26px/1.15 Georgia;margin:8px 0 14px}.source-section p:not(.eyebrow){font-size:12px;line-height:1.7;color:#bcc7c4;max-width:340px}.sources{display:grid;grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:14px}.sources article{padding:16px;border:1px solid #526369}.sources h3{font:17px Georgia;margin:0 0 20px}.sources h3 small{font:10px monospace;color:#e9ad83}.sources .file-button,.sources button{margin-top:14px}.file-button{position:relative;overflow:hidden;margin-right:6px}.file-button:focus-within{outline:3px solid #f2b076}.file-button input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.export-bar{padding:32px 4vw;background:#e1d6bd;color:#23343b;display:flex;align-items:center;justify-content:space-between;gap:22px}.export-bar .eyebrow{color:#785638}.export-bar>div:last-child{display:flex;flex-wrap:wrap;gap:8px}.export-bar .primary{background:#8e452d;border-color:#8e452d;color:#fff3df}.export-bar h2{margin:0}footer{padding:24px 4vw;font-size:9px;letter-spacing:1px;display:flex;gap:35px;align-items:start;justify-content:space-between}footer details{max-width:600px;margin:0;letter-spacing:0}footer button{margin-right:8px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:1000px){.workspace{grid-template-columns:minmax(0,1fr) 310px;gap:20px}.source-section{grid-template-columns:1fr}.intro{gap:20px}.edition{display:none}}@media(max-width:720px){header{padding:15px 5vw}.intro{display:block;padding:28px 5vw}.intro>p{max-width:none}.workspace{display:block;padding:0 5vw}.stage-panel{padding:12px}.plate{margin:18px auto}.stage-heading{font-size:9px;letter-spacing:.5px}aside{margin-top:22px}.source-section{padding:30px 5vw}.export-bar{display:block;padding:28px 5vw}.export-bar>div:last-child{margin-top:20px}footer{display:block;padding:25px 5vw}footer details{margin-top:20px}.sources{grid-template-columns:1fr 1fr}.plate-caption{font-size:10px}}@media(max-width:420px){.sources{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
