:root{--paper:#ece4d2;--ink:#171714;--smith:#d6533f;--defender:#24766b;--yellow:#efbd4b;--panel:#22211d;--muted:#756f63}*{box-sizing:border-box}html{background:var(--paper);color:var(--ink);font-family:Georgia,"Times New Roman",serif}body{margin:0;min-width:320px;background:linear-gradient(rgba(24,24,20,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(24,24,20,.04) 1px,transparent 1px),var(--paper);background-size:30px 30px}.site-header{display:flex;justify-content:space-between;padding:17px clamp(20px,5vw,70px);border-bottom:1px solid var(--ink);font:800 11px/1.2 "Trebuchet MS",sans-serif;text-transform:uppercase;letter-spacing:.11em}.site-header a{color:inherit;text-decoration:none}main{width:min(1540px,calc(100% - 28px));margin:auto}.hero{display:grid;grid-template-columns:1fr .75fr;gap:7vw;align-items:end;padding:clamp(55px,8vw,115px) 10px 45px}.eyebrow{margin:0;color:var(--muted);font:800 10px/1.2 "Trebuchet MS",sans-serif;text-transform:uppercase;letter-spacing:.16em}.hero h1{margin:10px 0 0;font-weight:500;font-size:clamp(55px,8vw,128px);line-height:.84;letter-spacing:-.06em}.hero h1 em{color:var(--smith);font-style:normal}.lede{margin:0;font-size:clamp(18px,2vw,28px);line-height:1.4}.stage-shell{display:grid;grid-template-columns:minmax(0,1fr) 355px;min-height:760px;border:1px solid var(--ink);background:#171714;box-shadow:0 24px 70px rgba(30,25,15,.18)}.stage{position:relative;min-height:760px;overflow:hidden;background:radial-gradient(circle at 50% 40%,#36362f,#11110f 70%)}.stage canvas{display:block;width:100%;height:100%;touch-action:none}.loading{position:absolute;inset:0;display:grid;place-items:center;color:#d7cfbf;font:800 11px/1.2 "Trebuchet MS",sans-serif;text-transform:uppercase;letter-spacing:.15em}.control-panel{max-height:760px;overflow:auto;padding:25px;background:var(--panel);color:#f5eedf;border-left:1px solid #5c594f}.control-panel h2{margin:7px 0 8px;font-size:31px;font-weight:500;line-height:1}.control-panel>p:not(.eyebrow){color:#b9b1a2;font-size:13px;line-height:1.5}.state-tags{display:flex;flex-wrap:wrap;gap:5px}.state-tags span{padding:4px 6px;border:1px solid #5b574e;color:#d3cbbb;font:700 8px/1.2 "Trebuchet MS",sans-serif;text-transform:uppercase}.control-panel label,.control-panel h3{display:block;margin:22px 0 8px;color:#a39b8d;font:800 9px/1.2 "Trebuchet MS",sans-serif;text-transform:uppercase;letter-spacing:.12em}.control-panel select,.control-panel button{width:100%;padding:10px;border:1px solid #625e54;background:#171714;color:#eee5d6;font:700 11px/1.2 "Trebuchet MS",sans-serif}.transport{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:7px}.branch{display:grid;grid-template-columns:auto 1fr;gap:4px 8px;width:100%;margin-bottom:7px;padding:10px;border:1px solid #5b574e;background:#2b2924;color:#fff;text-align:left;cursor:pointer}.branch:hover{border-color:var(--yellow)}.branch b{padding:4px 5px;background:var(--smith);font:800 8px/1 "Trebuchet MS",sans-serif;text-transform:uppercase}.branch.defender b{background:var(--defender)}.branch strong{color:#f2c96e;font:800 11px/1.2 "Trebuchet MS",sans-serif}.branch span{grid-column:2;color:#aaa294;font-size:10px}.edge-legend{display:grid;grid-template-columns:1fr 1fr;gap:6px}.edge-key{display:flex;align-items:center;gap:7px;color:#c8c0b1;font:700 9px/1.2 "Trebuchet MS",sans-serif}.edge-key i{display:block;width:22px;height:4px;background:var(--c)}.explanation{display:grid;grid-template-columns:repeat(3,1fr);padding:clamp(70px,9vw,125px) 0}.explanation article{padding:30px;border:1px solid var(--ink);border-right:0;background:rgba(255,250,240,.55)}.explanation article:last-child{border-right:1px solid var(--ink)}.explanation span{color:var(--smith);font-size:38px}.explanation h2{margin:18px 0 10px;font-size:27px;font-weight:500}.explanation p{color:var(--muted);line-height:1.5}.note{margin-bottom:100px;padding:22px;border-left:6px solid var(--yellow);background:#dcd2bb;line-height:1.55}footer{display:flex;gap:22px;padding:25px clamp(20px,5vw,70px);background:var(--ink);font:700 11px/1.2 "Trebuchet MS",sans-serif}footer a{color:#e7c16f}@media(max-width:1000px){.stage-shell{grid-template-columns:1fr}.control-panel{max-height:none;border-left:0;border-top:1px solid #5c594f}.hero{grid-template-columns:1fr}.explanation{grid-template-columns:1fr}.explanation article{border-right:1px solid var(--ink);border-bottom:0}.explanation article:last-child{border-bottom:1px solid var(--ink)}}@media(max-width:620px){main{width:calc(100% - 16px)}.site-header span{display:none}.stage,.stage-shell{min-height:590px}.control-panel{padding:18px}.transport{grid-template-columns:1fr}.edge-legend{grid-template-columns:1fr}footer{flex-direction:column}}