@font-face{font-family:Archive;src:local("Avenir Next"),local("Helvetica Neue")}*{box-sizing:border-box}html,body,#stage{margin:0;width:100%;height:100%;overflow:hidden}body{background:#c9d3d2;color:#f5f0e8;font-family:Archive,Arial,sans-serif}#stage{position:relative}canvas{display:block;width:100%;height:100%;touch-action:none}.brand{position:absolute;left:clamp(18px,3vw,48px);top:clamp(18px,4vh,46px);pointer-events:none;text-shadow:0 2px 20px #1d241d80}.eyebrow{font-size:11px;letter-spacing:.22em}.brand h1{font-family:Georgia,serif;font-size:clamp(25px,3vw,46px);font-weight:400;margin:.25rem 0}.brand p{font-size:12px;margin:0;color:#eee6da}.view-nav{position:absolute;right:32px;top:32px;display:flex;gap:3px;background:#20231fd9;padding:4px}.controls{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;gap:4px;max-width:calc(100vw - 64px);white-space:nowrap}.control-row{display:flex;gap:4px}.controls>label{display:flex;align-items:center;background:#20231fdb;padding:0 8px;font-size:10px;letter-spacing:.06em;width:max-content}button,select{min-height:44px;border:0;border-radius:0;background:#20231fdb;color:#eee9df;padding:0 14px;font:600 11px Archive,Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}button:hover,button:focus-visible,select:focus-visible{background:#45483f;outline:2px solid #d4ae78;outline-offset:1px}button.active{background:#c69a63;color:#20231f}#legend{position:absolute;right:32px;bottom:28px;width:min(330px,calc(100vw - 36px));padding:18px 20px;background:#20231fee;border-top:2px solid #c69a63}#legend h2{font-family:Georgia,serif;font-weight:400;margin:0 0 12px}dl{margin:0}dt{font-size:12px;text-transform:uppercase;letter-spacing:.08em}dd{font-size:11px;color:#c8c4bb;margin:2px 0 10px 24px}i{display:inline-block;width:12px;height:12px;margin-right:8px;vertical-align:-2px}.verified{background:#d8d8cf}.supported{background:#c69a63}.inferred{background:#586d73}.staging{background:#71805a}#legend p{font-size:11px;line-height:1.45;color:#d4ae78;margin-bottom:0}#status{position:absolute;right:32px;bottom:10px;font-size:10px;color:#eee9df;text-shadow:0 1px 4px #000}.orientation{position:absolute;right:22px;top:50%;font:12px Georgia,serif;border-top:24px solid #eee9df;border-left:5px solid transparent;border-right:5px solid transparent;padding-top:4px}.orientation::after{content:"";position:absolute;height:55px;width:1px;background:#eee9df80;top:-24px;left:-1px}
@media(max-width:760px){.brand{left:16px;top:14px}.brand h1{font-size:27px}.view-nav{top:auto;right:auto;left:0;bottom:0;width:100%;padding:4px max(4px,env(safe-area-inset-right)) calc(4px + env(safe-area-inset-bottom));justify-content:space-between}.view-nav button{padding:0 8px;flex:1}.controls{left:12px;right:12px;bottom:57px;max-width:none;transform:none;display:grid}.control-row{overflow-x:auto}.control-row button{flex:1;padding:0 8px}.controls>label,#legend-toggle{display:none}#legend{right:12px;bottom:112px}.orientation,#status{display:none}.brand p{max-width:75vw}}
.controls #tour,#legend-toggle{display:none}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}