*{box-sizing:border-box}body{color:#173a34;background:#b7cfdf;margin:0;font:15px/1.5 system-ui,sans-serif}#viewport{position:fixed;inset:0}canvas{touch-action:none;display:block}header{pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:25px;left:30px;right:30px}.brand{color:#102d2a;letter-spacing:1.5px;align-items:center;gap:12px;font-size:13px;font-weight:800;text-decoration:none;display:flex}.mark{color:#d7ed80;background:#102d2a;border-radius:10px;padding:10px 11px;font-size:19px}small{letter-spacing:1.5px;font-size:9px;display:block}.tag{background:#ffffffc7;border-radius:20px;padding:7px 14px;font-size:12px}.panel{background:#fffef6ed;border:1px solid #fff;border-radius:20px;width:330px;max-height:calc(100dvh - 160px);padding:24px;position:fixed;top:104px;left:30px;overflow:auto;box-shadow:0 8px 45px #142a2620}.eyebrow{letter-spacing:2px;color:#63826a;margin:0 0 12px;font-size:10px;font-weight:800}h1{letter-spacing:-1.2px;margin:0 0 14px;font-size:29px;line-height:1.12}.intro{color:#5b6b60;margin-bottom:16px;font-size:13px}#status{color:#396648;font-size:12px}#error{color:#a12d24;font-size:12px}progress{accent-color:#5b7b41;width:100%;height:4px}.controls{gap:8px;margin:14px 0;display:grid}button,select{font:inherit;color:#173a34;cursor:pointer;background:#f5f6ef;border:1px solid #cbd5c6;border-radius:10px;width:100%;padding:10px}button:hover:not(:disabled){background:#e5edd5}button:focus-visible,select:focus-visible{outline:3px solid #749536}button:disabled{opacity:.5;cursor:default}#journey,#vr{color:#f7faee;background:#153e34;border-color:#153e34}label{margin-bottom:6px;font-size:11px;font-weight:700;display:block}.step-buttons{gap:8px;margin:10px 0;display:flex}.step-buttons button{font-size:11px}#help,details{color:#667762;font-size:11px}details{margin-top:14px}output{margin:8px 0;font-family:monospace;font-size:10px;display:block}footer{color:#fff;text-shadow:0 1px 3px #14302a;letter-spacing:1px;pointer-events:none;justify-content:space-between;font-size:11px;display:flex;position:fixed;bottom:20px;left:30px;right:30px}#fade{opacity:0;pointer-events:none;background:#102d2a;transition:opacity .16s;position:fixed;inset:0}.transition #fade{opacity:1}.immersive header,.immersive .panel,.immersive footer{display:none}@media (max-width:700px){header{top:16px;left:16px;right:16px}.tag{display:none}.panel{width:auto;max-height:40dvh;padding:16px;inset:auto 15px 15px}h1{font-size:23px}.intro{display:none}.controls{grid-template-columns:1fr 1fr;margin:8px 0}#play{grid-column:1/-1}.eyebrow{margin-bottom:6px}footer{display:none}}