*{box-sizing:border-box}body{margin:0;background:#06131c;color:#edf0e9;font:15px/1.5 system-ui}button,select,input{font:inherit}a{color:#d7bd82}header{height:76px;padding:14px 28px;display:flex;align-items:center;gap:24px;border-bottom:1px solid #2b4349;background:#081a23}.wordmark{font-size:29px;font-weight:750;letter-spacing:2px;text-decoration:none}.wordmark small{display:block;font-size:9px;font-weight:500;letter-spacing:1px;color:#bbc8c7}.reference{font-size:10px;letter-spacing:1.4px;margin-left:auto;color:#b8c5c7}header>a:last-child{font-size:12px}main{display:grid;grid-template-columns:minmax(0,1fr) 350px;height:calc(100dvh - 138px)}.world{position:relative;overflow:hidden;background:#06131b}canvas{display:block;width:100%;height:100%;touch-action:none}.intro{position:absolute;top:25px;left:28px;max-width:480px;pointer-events:none;text-shadow:0 2px 12px #000}.intro span{font-size:10px;color:#d7bd82;letter-spacing:2px}h1{font-size:clamp(24px,3.1vw,42px);line-height:1.1;margin:10px 0}h2{font-size:25px;line-height:1.15;margin:20px 0 14px}.intro p{font-size:13px;color:#c2d2d3}#zoomLevels{position:absolute;left:24px;bottom:103px;display:flex;gap:5px;flex-wrap:wrap}button{color:#d8e5e1;background:#102e38;border:1px solid #436269;border-radius:7px;padding:9px 12px;cursor:pointer}button:hover,button:focus-visible{border-color:#ddc38b;background:#23464e;outline:2px solid transparent}button[aria-current=true],button[aria-pressed=true],.gold{background:#d8bf86;color:#152329;border-color:#d8bf86}.worldControls{position:absolute;bottom:57px;left:24px;display:flex;gap:6px}.worldControls button{padding:7px 13px}#sceneLabel{position:absolute;right:18px;bottom:64px;font-size:10px;color:#d7bd82;max-width:260px;text-align:right}#status{position:absolute;left:24px;bottom:20px;font-size:10px;color:#9ab0b4;max-width:85%}aside{background:#0c222c;border-left:1px solid #304b51;padding:24px;overflow:auto}.progress{font-size:10px;letter-spacing:2px;color:#ddc38b}aside>p{color:#bacbcb;font-size:14px}.next{display:flex;justify-content:space-between;gap:8px;margin:23px 0}details{border-top:1px solid #30464d;margin-top:15px;padding-top:14px}summary{cursor:pointer;color:#d7ded9;font-size:13px}select{background:#102c36;color:#e5eae5;padding:9px;width:100%;border:1px solid #3c5b63;border-radius:6px}label{display:block;font-size:12px;color:#b8caca;margin-top:12px}pre,code{font:10px/1.5 ui-monospace,monospace;white-space:pre-wrap;overflow-wrap:anywhere;color:#a4c7c7}#layerButtons{display:flex;gap:6px;flex-wrap:wrap;margin-top:14px}#layerButtons button{font-size:11px;padding:6px 9px}.sourceNote{font-size:11px;color:#9fb5b7}.result{border-left:3px solid #d8bf86;padding:10px 14px;background:#14333b;margin-top:15px}.result strong{font-size:26px;color:#ead9b6;display:block}.route{display:grid;gap:8px;margin:15px 0}.route div{padding:10px;border:1px dashed #5c7478;border-radius:6px}.route small{display:block;color:#b5c2c5}footer{min-height:62px;background:#0b222c;border-top:1px solid #37535a;display:flex;align-items:center;gap:12px;padding:10px 22px;font-size:11px}footer strong{color:#d8bf86;font-size:10px;letter-spacing:1px}footer label{margin:0;display:flex;gap:6px;align-items:center}footer button{font-size:11px;padding:7px}footer input[type=range]{width:100px}#consoleContext{margin-right:auto;color:#9fb8bb}#breadcrumbs{font-size:11px}.skip{position:absolute;left:-10000px}.skip:focus{left:10px;top:10px;z-index:50;background:#142e35;padding:12px}@media(max-width:1050px){footer{flex-wrap:wrap}main{height:calc(100dvh - 170px)}.intro{max-width:330px}#sceneLabel{display:none}}@media(max-width:760px){header{padding:12px 16px;height:70px;gap:12px}.wordmark{font-size:23px}.wordmark small{font-size:7px}header .reference{display:none}header>a:last-child{margin-left:auto}main{display:block;height:auto}.world{height:65dvh;min-height:440px}aside{border-left:0;border-top:1px solid #304b51;padding:22px}.intro{left:20px;top:18px;max-width:80%}.intro p{font-size:12px}#zoomLevels{left:16px;bottom:97px;max-width:95%}#zoomLevels button{font-size:10px;padding:7px}.worldControls{left:16px;bottom:51px}#status{left:16px;font-size:9px}footer{position:sticky;bottom:0;gap:8px;padding:9px 12px}footer #consoleContext{display:none}footer input[type=range]{width:85px}footer strong{flex-basis:100%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}