:root{--bg:#10171c;--panel:#151f26;--line:#2c3c45;--text:#d1dddc;--muted:#80949b;--cyan:#8fc9c7;--amber:#e1b47a;--red:#db877e}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px/1.6 Arial,sans-serif}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}button:disabled{opacity:.35;cursor:default}header{height:82px;padding:0 4.5%;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;color:#e5ece8;display:grid;grid-template-columns:40px auto;font-size:14px;letter-spacing:4px;font-weight:bold;line-height:1.5}.logo{grid-row:span 2;font-size:33px;color:var(--cyan)}.brand small{font-size:8px;letter-spacing:2.4px;color:var(--muted);font-weight:normal}.header-right{display:flex;align-items:center;gap:30px;font-size:9px;letter-spacing:1px}.connection i,.view-top i{display:inline-block;width:5px;height:5px;background:var(--cyan);border-radius:50%;margin-right:8px}.header-right button{background:none;border:0;color:var(--text);font-size:10px}main{max-width:1600px;margin:auto;padding:40px 4.5% 0}.intro{display:flex;align-items:end;justify-content:space-between;margin-bottom:35px}.eyebrow{font-size:8px;letter-spacing:2px;color:var(--cyan)}h1{font:normal clamp(45px,4.6vw,68px)/1.08 Georgia,serif;letter-spacing:-2px;margin:15px 0 14px}h1 em{font-weight:normal;color:#718d95}.intro p{color:var(--muted);font-size:12px}.mission-start{width:300px;margin-bottom:10px}.primary{border:1px solid var(--cyan);background:var(--cyan);color:#11272e;padding:14px 18px;font-size:11px;display:flex;justify-content:space-between;width:100%;font-weight:bold;margin-top:12px}.mission-start p{font-size:10px;margin-bottom:0}.console{display:grid;grid-template-columns:175px minmax(0,1fr) 300px;border:1px solid var(--line);min-height:550px}.layer-rail{display:flex;flex-direction:column;border-right:1px solid var(--line);padding-top:21px;background:#131c22}.rail-label{font-size:8px;letter-spacing:1.7px;color:#667f87;padding:0 18px 22px}.layer{display:flex;gap:13px;align-items:center;background:none;border:0;border-top:1px solid #ffffff07;color:#96aab0;padding:22px 14px;text-align:left;position:relative}.layer>span{font:10px monospace;color:#55747f}.layer div{font:15px Georgia}.layer small{display:block;font:6px Arial;letter-spacing:1.3px;margin-top:7px;color:#5c7680}.layer i{width:4px;height:4px;position:absolute;right:14px;border-radius:50%;background:#405963}.layer.active{background:#1e333b;color:#d3e8df;border-left:2px solid var(--cyan);padding-left:12px}.layer.active>span,.layer.active small{color:var(--cyan)}.layer.active i{background:var(--cyan);box-shadow:0 0 8px var(--cyan)}.layer.ready i{background:var(--amber)}.layer.limbo{color:#927c7e}.rail-bottom{margin-top:auto;padding:22px 18px;border-top:1px solid var(--line)}.rail-bottom span{font-size:7px;letter-spacing:1.5px;color:#69818a}.rail-bottom strong{display:block;font:32px Georgia;color:#bdd8d4;margin:8px 0}.rail-bottom small{font:8px/1.8 Arial;color:#6a858e}.dream-view{display:flex;flex-direction:column;min-width:0}.view-top{padding:17px 20px;border-bottom:1px solid #ffffff08;display:flex;justify-content:space-between;align-items:center;font:8px monospace;letter-spacing:1px;color:#7fa1a8}.view-top b{font-weight:normal}.view-top button{background:none;border:0;color:#91adb2;font-size:9px}.architecture{position:relative;flex:1;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse,#1c313a,transparent 70%)}.architecture svg{width:100%;min-height:330px}.dream-caption{position:absolute;bottom:18px;left:22px;pointer-events:none}.dream-caption span{display:block;font:8px monospace;letter-spacing:1.5px;color:#91acae}.dream-caption small{font:6px Arial;letter-spacing:1px;color:#476973}.view-bottom{padding:20px;display:flex;justify-content:space-between;border-top:1px solid var(--line);gap:15px}.view-bottom span{display:block;font-size:6px;letter-spacing:1.2px;color:#69828b}.view-bottom strong{display:block;font:12px monospace;margin-top:7px;color:#9cb9bc}.control-panel{background:#18232a;border-left:1px solid var(--line);padding:23px;display:flex;flex-direction:column}.panel-label{display:flex;justify-content:space-between;font:7px monospace;letter-spacing:1px;color:#86a3a9}.panel-label span:last-child{color:var(--amber)}.timer-label{font-size:7px;letter-spacing:1.3px;color:#587a86;margin-top:24px}#countdown{font:45px monospace;letter-spacing:2px;color:#e1ece4;margin-top:4px}#countdown span{color:#57818a}.timer-track,.meter{height:2px;background:#33434a}.timer-track i,.meter i{height:100%;background:var(--cyan);display:block;transition:width .3s}.objective{padding:25px 0 16px;border-bottom:1px solid var(--line)}.objective h2{font:25px/1.15 Georgia;margin:10px 0}.objective p{font-size:10px;color:#8ba3aa;line-height:1.8;margin-bottom:12px}.objective button{display:block;width:100%;text-align:left;border:1px solid #3b5661;background:#223741;color:#bdd5d4;padding:10px 12px;font-size:10px;margin:5px 0}.objective button:hover:not(:disabled){background:#304e58}.stability{padding:17px 0 16px;border-bottom:1px solid var(--line)}.stability>div:first-child,.kick-control>div{display:flex;justify-content:space-between;font:7px monospace;letter-spacing:1px;color:#7d9fa8}.stability b,.kick-control b{color:var(--cyan);font-weight:normal}.meter{margin:10px 0}#stabilize{display:flex;justify-content:space-between;width:100%;padding:0;background:none;border:0;color:#a2c0c0;font-size:9px}#charge-count{font:8px monospace;color:#647d88}.kick-control{padding:17px 0}.kick-control button{width:100%;margin-top:10px;font:9px monospace;padding:11px;background:none;border:1px solid #3e616c;color:#91b8bd}#execute{border-color:var(--amber);color:var(--amber)}.playback{display:flex;justify-content:space-between;margin-top:auto}.playback button{background:none;border:0;color:#77929d;font-size:9px;padding:5px 0}.kick-timeline{padding:25px 0 30px;border-bottom:1px solid var(--line)}.timeline-heading{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.5px;color:#627e88;margin-bottom:20px}.timeline-nodes{display:flex;align-items:center;justify-content:space-between;gap:12px}.timeline-nodes>div:not(.arrow){display:flex;align-items:center;gap:15px;flex:1}.timeline-nodes b{font:21px Georgia;color:#647d88;font-weight:normal}.timeline-nodes span{font:15px Georgia;color:#a4bcc0}.timeline-nodes small{display:block;font:6px Arial;color:#536f7a;letter-spacing:1.3px;margin-top:5px}.timeline-nodes i{margin-left:auto;font-style:normal;color:#567481;font-size:18px}.timeline-nodes .armed i,.timeline-nodes .armed b{color:var(--amber)}.timeline-nodes .fired i,.timeline-nodes .fired b{color:var(--cyan)}.arrow{color:#3f5a65;margin:0 15px}.lower{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;padding:30px 0 40px}.section-heading{font-size:7px;letter-spacing:1.6px;color:#77969f;display:flex;justify-content:space-between}#log-state{color:#4f727d}#mission-log{height:180px;overflow-y:auto;margin-top:16px;font:10px/1.9 monospace;color:#849da4}.entry{display:flex;gap:16px;padding:5px 0;border-bottom:1px solid #ffffff05}.entry time{color:#506d77;white-space:nowrap}.entry.warning{color:var(--amber)}.entry.success{color:var(--cyan)}.playground{border-left:1px solid var(--line);padding-left:35px}.playground h3{font:23px/1.25 Georgia;font-weight:normal;color:#b2c8c9;margin:16px 0 10px}.playground p{font-size:10px;line-height:1.9;color:#6f8c97;max-width:340px}.playground button{font-size:9px;border:1px solid #355562;background:none;color:#8fb9bc;padding:9px 12px;margin:5px 8px 0 0}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:23px 0 30px;font-size:7px;letter-spacing:1px;color:#577683}footer a{color:#7e9fa8}.team-marker{cursor:pointer;outline:none}.team-marker:hover circle,.team-marker:focus circle{stroke:white;stroke-width:2}.team-marker text{font:8px monospace;fill:#bcdbd5;letter-spacing:.5px}.team-marker circle{fill:#19333b;stroke:#83c5c4;stroke-width:1}.team-marker .dot{fill:#b3ded5;stroke:none}#architecture{transform-origin:380px 240px;transition:transform 1s}dialog{width:min(560px,90vw);max-height:80vh;background:#18272f;border:1px solid #466570;color:var(--text);padding:40px;box-shadow:0 30px 100px #0008}dialog::backdrop{background:#080e14bb;backdrop-filter:blur(5px)}dialog h2{font:33px Georgia;font-weight:normal;margin:18px 0}dialog p,dialog li{font-size:12px;color:#91afb6;line-height:1.9}dialog a{color:var(--cyan)}#close-modal{position:absolute;right:15px;top:10px;border:0;background:none;color:var(--muted);font-size:25px}.fail #countdown{color:var(--red)}.win #countdown{color:var(--cyan)}@media(max-width:1100px){.console{grid-template-columns:145px minmax(0,1fr) 270px}.layer{gap:9px;padding:20px 10px}.layer.active{padding-left:8px}.layer div{font-size:13px}.control-panel{padding:18px}.view-bottom{padding:15px;gap:6px}.view-bottom strong{font-size:10px}.arrow{margin:0 7px}}@media(max-width:820px){main{padding:30px 5% 0}.intro{display:block}.mission-start{margin-top:25px;width:100%}.mission-start .primary{max-width:300px}.console{grid-template-columns:115px minmax(0,1fr)}.control-panel{grid-column:span 2;border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:10px 25px}.panel-label,.playback{grid-column:span 2}.timer-label{margin-top:10px}.timer-track{grid-column:span 2}.objective{grid-column:span 2;padding-top:10px}.objective h2{font-size:28px}.objective p{font-size:12px}.stability,.kick-control{border:0;padding:12px 0}.kick-control{grid-row:span 2}.layer{padding:20px 9px;gap:7px}.layer>span{font-size:8px}.layer div{font-size:12px}.layer i{display:none}.layer small{font-size:5px;letter-spacing:.5px}.rail-label{font-size:6px;padding-left:10px}.rail-bottom{padding:17px 10px}.architecture svg{min-height:310px}.view-top{padding:14px 10px;letter-spacing:0;font-size:6px}.view-top button{font-size:7px}.view-bottom{padding:15px 10px;flex-wrap:wrap}.view-bottom>div:last-child{display:none}.dream-caption{left:10px;bottom:12px}.dream-caption span{font-size:6px}.dream-caption small{font-size:5px}.timeline-nodes{gap:5px}.timeline-nodes>div:not(.arrow){gap:7px}.timeline-nodes b{font-size:16px}.timeline-nodes span{font-size:12px}.timeline-nodes small{font-size:5px;letter-spacing:.3px}.timeline-nodes i{display:none}.arrow{font-size:10px;margin:0 2px}.timeline-heading span:last-child{font-size:5px;letter-spacing:.5px}.lower{grid-template-columns:1fr;gap:25px}.playground{border-left:0;border-top:1px solid var(--line);padding:25px 0 0}footer{flex-wrap:wrap;font-size:7px}header{padding:0 5%;height:70px}.connection{display:none}.brand{font-size:11px;letter-spacing:3px}h1{font-size:48px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}