:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#f3f1e7;background:#101c27;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,select,input,summary{outline-offset:4px}button{background:#203340;border:1px solid #4a5b64;color:inherit;border-radius:5px;padding:11px 14px;cursor:pointer;transition:background .18s,transform .18s}button:hover{background:#304957}button:active{transform:translateY(1px)}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit}main{min-height:100dvh;width:100%;padding:0 4vw}header{display:flex;align-items:center;gap:28px;border-bottom:1px solid #35444d;min-height:76px}header p{color:#a4b4b8;font-size:13px}.wordmark{text-decoration:none;font-size:18px;letter-spacing:.18em;font-weight:800}.wordmark span{color:#f9b476}.local{margin-left:auto;letter-spacing:.13em;font-size:10px;color:#a8d4bf}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:42px 0 28px}.eyebrow{font-size:10px;letter-spacing:.18em;color:#a5c0c5;font-weight:700}h1{font-size:clamp(36px,4.9vw,76px);line-height:.98;letter-spacing:-.055em;margin:16px 0 0}em{font-family:Georgia,serif;font-weight:400;color:#f9b476}h2{font-size:clamp(30px,3vw,45px);line-height:1.06;letter-spacing:-.04em;margin:12px 0 18px}.lede{font-size:14px;line-height:1.8;color:#a8bac0;max-width:360px}.steps{display:flex;border:1px solid #344651;border-bottom:0;border-radius:9px 9px 0 0;overflow:hidden}.steps span{flex:1;padding:14px;font-size:11px;color:#8b9fa9;border-right:1px solid #344651}.steps span:last-child{border:0}.steps b{margin-right:10px;opacity:.6}.steps .active{background:#f9b476;color:#17252e;font-weight:700}.workspace{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,1fr);border:1px solid #344651;min-height:580px;border-radius:0 0 10px 10px;overflow:hidden}.panel{padding:28px;background:#172934;min-width:0}.panel p{font-size:13px;line-height:1.6;color:#b3c3c8}.panel .small{font-size:11px;color:#9db0b8}.panel button.primary{width:100%;margin:14px 0}.primary{background:#f9b476;color:#17252e;border-color:#f9b476;font-weight:700}.primary:hover{background:#ffd6b3}.pair{display:flex;gap:12px;margin:16px 0}.pair>*{flex:1;min-width:0}label{font-size:10px;letter-spacing:.04em;color:#bdd0d4;display:flex;flex-direction:column;gap:7px}select,input:not([type=checkbox]),textarea{background:#101e28;border:1px solid #4a626e;color:#f2f3ed;border-radius:4px;padding:9px;min-width:0;width:100%}textarea{min-height:180px;resize:vertical}.contract{border:1px dashed #5b756f;padding:17px;font-size:12px;line-height:1.8;color:#a9d5c0}.setup-art{position:relative;display:flex;align-items:center;justify-content:center;min-height:550px;background:radial-gradient(ellipse at center,#354557,#152532 70%);overflow:hidden}.setup-art>span{position:absolute;bottom:28px;left:28px;font-size:10px;line-height:1.7;letter-spacing:.18em;color:#a0b4bf}.stack{transform:rotate(-16deg);display:grid;gap:26px;animation:float 7s ease-in-out infinite}.stack i{display:block;width:130px;height:110px;background:#f9b476;box-shadow:25px 14px #946c53;transform:skewY(-15deg)}.stack i:nth-child(2){width:170px;background:#8fd6c7;box-shadow:25px 14px #4f8179;transform:translate(-20px) skewY(-15deg)}.stack i:nth-child(3){background:#b3a5ff;box-shadow:25px 14px #70659e}details{margin:18px 0;font-size:12px;line-height:1.6}details button{margin:4px 6px 4px 0}summary{cursor:pointer;color:#d5e1e0}.handoff{grid-column:1/-1;text-align:center;padding:64px 20px;background:radial-gradient(ellipse at center,#263c46,#101e28)}.handoff h2{font-size:clamp(40px,6vw,80px)}.handoff p{color:#b8c8ca;line-height:1.7}.seal-mark{font-size:58px;color:#8fd6c7}.stage{position:relative;min-width:0;min-height:580px;display:flex;flex-direction:column;background:radial-gradient(ellipse at center,#334854,#152532 72%)}.stage-caption{display:flex;justify-content:space-between;padding:22px;font-size:9px;letter-spacing:.16em;color:#adc3c9}.scene{flex:1;position:relative;min-height:450px}.scene canvas{width:100%;height:100%;display:block;position:absolute;inset:0;touch-action:pan-y}.graphics-warning{position:absolute;left:20px;right:20px;bottom:15px;font-size:12px;padding:13px;background:#172b38;border:1px solid #71818a;color:#eee}.camera{display:flex;align-items:center;gap:16px;padding:18px;border-top:1px solid #3b515d}.camera span{font-size:10px;color:#9fb5bd;line-height:1.6}.camera label{min-width:80px}.grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;max-width:330px;margin:18px auto}.grid button{padding:0;aspect-ratio:1;border:1px solid #354d59;background:#0d202b;font-size:16px;color:#6f919d}.grid button.occupied{background:#52726b;color:#e8dcc3}.grid button.chosen{outline:2px solid #ffd29d;outline-offset:1px}.grid button.socket{border:1px dashed #bcd9cc}.coordinates{display:flex;align-items:flex-end;gap:8px}.coordinates label{width:55px}.coordinates button{padding:10px 9px;font-size:11px}.connectivity{padding:13px 0;border-bottom:1px solid #3c525b;display:flex;flex-direction:column;gap:6px;font-size:10px;color:#b7c2c7}.connectivity.good b{color:#8fd6c7}.text-button{border:none;background:none;width:100%;font-size:11px}.credits{list-style:none;padding:0;margin:28px 0}.credits li{display:flex;gap:14px;align-items:center;padding:18px 0;border-bottom:1px solid #3b515d}.credits li>span{font-size:26px;color:#f9b476;font-family:Georgia,serif}.credits li:nth-child(2)>span{color:#8fd6c7}.credits li:nth-child(3)>span{color:#b3a5ff}.credits div{min-width:0}.credits strong{display:block;overflow-wrap:anywhere;font-size:14px;font-weight:500}.credits small{display:block;color:#9fb4ba;margin-top:7px;font-size:11px}.status{padding:15px 0;font-size:12px;color:#a6c7bf;min-height:50px}.storage-warning{border:1px solid #f9b476;padding:12px;font-size:12px}footer{border-top:1px solid #35444d;display:flex;justify-content:space-between;gap:30px;padding:10px 0 24px;color:#9bb0bb}footer details{max-width:780px}footer>span{font-size:9px;line-height:1.8;letter-spacing:.15em;padding-top:20px}.check{flex-direction:row;align-items:center}.phase-reveal .scene{animation:appear .7s ease-out}@keyframes appear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes float{50%{transform:rotate(-12deg) translateY(-8px)}}@media(max-width:850px){main{padding:0 18px}.intro{display:block;padding-top:28px}.lede{font-size:12px}.workspace{grid-template-columns:1fr}.setup-art{min-height:330px}.stack{scale:.65}.panel{padding:23px}.stage{min-height:460px}.scene{min-height:380px}header p{display:none}.steps span{padding:10px 5px;font-size:9px}.steps b{display:block;margin-bottom:5px}.local{font-size:8px}footer>span{display:none}.handoff{min-height:520px;padding-top:50px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.credits strong{white-space:pre-wrap;overflow-wrap:anywhere;min-width:0;max-width:100%}