:root{font-family:Arial,sans-serif;color:#e9e6d8;background:#142b2e;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,summary{outline-offset:5px}button{border:1px solid #608080;background:transparent;color:inherit;padding:11px 14px;border-radius:3px;cursor:pointer;transition:background .2s}button:hover{background:#395558}button:disabled{opacity:.4;cursor:default}button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #f0cb7c}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #426063;margin:0 4vw;padding:26px 0;font-size:10px;letter-spacing:2px}.logo{display:flex;align-items:center;gap:18px;color:#f5d69c;text-decoration:none;font:36px Georgia,serif}.logo span{font:10px Arial;letter-spacing:2px}header b{margin-left:20px}.intro{display:flex;justify-content:space-between;align-items:end;padding:38px 4vw 30px}.eyebrow{font-size:10px;letter-spacing:2px;color:#b7c9bd}.intro h1{font:clamp(48px,6vw,88px)/.95 Georgia,serif;margin:16px 0 0;font-weight:400}.intro>p{font:18px/1.6 Georgia;color:#c2d2c7}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 340px;margin:0 4vw;border:1px solid #567171;border-radius:6px;overflow:hidden}.stage{min-width:0;background:radial-gradient(ellipse at 50% 45%,#4b6961,#1b3538 70%);position:relative}.stage-head,.stage-foot{display:flex;justify-content:space-between;gap:20px;padding:18px 24px;font-size:11px;letter-spacing:1px;overflow-wrap:anywhere}.stage-head span:first-child{min-width:0;max-width:65%;white-space:pre-wrap}.world{height:520px;width:100%;position:relative}.world canvas{display:block;width:100%!important;height:100%!important;touch-action:none}.gpu-error{position:absolute;left:15%;top:40%;right:15%;padding:20px;background:#173235;border:1px solid #bdc9b8;line-height:1.6}.compass{position:absolute;left:26px;top:85px;display:grid;justify-items:center;color:#d3c6a4;pointer-events:none}.compass span{font-size:40px;font-weight:400}.compass small{font-size:8px;letter-spacing:1px}.scale-controls{display:flex;gap:16px;align-items:end;margin:10px 24px 20px}.scale-controls label{flex:1}.walk{display:flex;gap:8px;align-items:center;margin:0 24px}.walk input{min-width:40px;flex:1}.stage>.fine{margin:20px 24px 24px}.fine{font-size:11px;line-height:1.6;color:#b7c9be}.stage-foot{color:#e6d9b1;border-top:1px solid #436161}aside{padding:26px;background:#e9e7dc;color:#263f3f;min-width:0}aside .eyebrow,aside .fine{color:#58706b}h2{font:32px/1.15 Georgia;margin:18px 0 24px}h3{font:18px Georgia;margin:24px 0 14px}label{display:block;font-size:11px;line-height:1.6}input:not([type=checkbox]):not([type=range]),textarea{display:block;width:100%;padding:10px;margin-top:6px;border:1px solid #a1b0a4;color:#244143;background:#f5f4ea;border-radius:2px;min-width:0}input[type=range]{width:100%;accent-color:#e0b569}input[type=checkbox]{accent-color:#bb8c44}.two{display:grid;grid-template-columns:80px 1fr;gap:10px;margin:14px 0}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.primary{width:100%;background:#315657;color:#fff1c9;border:0}.stops{padding:0;list-style:none;max-height:250px;overflow:auto;border-top:1px solid #b2beb0}.stops li{display:flex;border-bottom:1px solid #b2beb0}.stops button{color:#2b4d4c;border:0}.stops button:first-child{display:grid;grid-template-columns:26px 1fr;text-align:left;flex:1;min-width:0;gap:4px}.stops b{font:14px Georgia;white-space:pre-wrap;overflow-wrap:anywhere}.stops small{grid-column:2;font-size:8px;letter-spacing:1px}.stops button:hover{background:#d4ddcf}details{margin-top:20px}summary{cursor:pointer;padding:12px 0;font-size:12px}details button{margin:5px 0;color:#21494a;border-color:#8da398}textarea{min-height:230px;font:11px monospace}.library{display:grid;grid-template-columns:1fr 1fr;gap:30px;padding:28px 4vw}.library button{margin:0 6px 8px 0;font-size:11px}footer{margin:0 4vw 35px;padding-top:20px;border-top:1px solid #426063}footer>p[role=status]{color:#f0d6a3;font-size:14px}footer .fine{max-width:700px}@media(max-width:1000px){.workspace{grid-template-columns:1fr}.world{height:480px}aside{padding:24px}.stops{max-height:200px}.intro>p{display:none}}@media(max-width:600px){header>span{display:none}.intro{padding-top:24px}.world{height:360px}.stage-head,.stage-foot{padding:14px;font-size:9px}.scale-controls{margin:10px 14px;gap:7px}.scale-controls button{font-size:10px;padding:10px 6px}.walk{margin:0 14px;flex-wrap:wrap}.walk button{font-size:10px}.walk input{order:2;flex-basis:100%}.library{grid-template-columns:1fr}.compass{top:70px;left:14px}.stage>.fine{margin:14px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}