:root{font-family:Arial,sans-serif;color:#293e31;background:#e9e3d3;font-synthesis:none}*{box-sizing:border-box}body{margin:0}#scene{position:fixed;inset:0}canvas{display:block;touch-action:none}header,#controls,footer{position:fixed;z-index:2}header{inset:24px 30px auto;display:flex;justify-content:space-between;align-items:start;gap:20px;pointer-events:none}header a{pointer-events:auto;color:inherit;background:#fffaf0d9;border-radius:3px;padding:10px 12px;font-size:13px;text-underline-offset:4px}h1{font-family:Georgia,serif;font-weight:normal;font-size:30px;margin:6px 0}.eyebrow{font-size:10px;letter-spacing:2px}#controls{left:30px;bottom:63px;width:314px;padding:17px;background:#fffaf0f0;border:1px solid #cfc2a9;border-radius:4px;box-shadow:0 4px 24px #40392212}label{font-size:11px;display:block;color:#52604d}select,button{font:inherit;color:#293e31;font-size:12px;border:1px solid #b6b49f;border-radius:3px;background:#fffdf7;padding:10px;min-height:38px}select{display:block;width:100%;margin-top:5px}button{cursor:pointer}button:hover{background:#f1e6d0}button[aria-pressed=true]{background:#304b39;color:#fffdf4;border-color:#304b39}button:disabled{opacity:.55;cursor:default}.fields{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}.buttons{display:flex;gap:6px;margin-top:12px}.buttons button{flex:1;padding:9px 6px}#office-field{margin-top:12px}#controls p{font-size:12px;line-height:1.5;margin:12px 0 0;color:#58624f}footer{bottom:0;left:0;right:0;padding:13px 30px;display:flex;justify-content:space-between;gap:20px;font-size:11px;background:#fffaf0dd;color:#52604d}#aim{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:23px;text-shadow:0 0 3px #1f3123;pointer-events:none;z-index:1}#touch-walk{position:fixed;right:20px;bottom:76px;z-index:3;grid-template-columns:repeat(3,44px);gap:5px}#touch-walk button{font-size:22px;touch-action:none}#touch-walk button:last-child{grid-column:2}#touch-walk:not([hidden]){display:grid}header>div{background:#fffaf0d9;border-radius:3px;padding:9px 12px}:focus-visible{outline:2px solid #98662d;outline-offset:3px}[hidden]{display:none!important}body.capture header,body.capture #controls,body.capture footer,body.capture #aim,body.capture #touch-walk{display:none!important}@media(max-width:650px){header{inset:16px 16px auto}h1{font-size:23px}header a{font-size:11px;padding:8px;max-width:105px}#controls{left:12px;right:12px;bottom:65px;width:auto;padding:12px}.fields{margin-top:8px}.buttons{margin-top:8px}#controls p{margin-top:8px;font-size:11px}footer{padding:10px 14px;flex-direction:column;gap:5px;font-size:10px}#touch-walk{right:14px;bottom:400px}body.walking #controls>.fields,body.walking #controls>label,body.walking #controls>select{display:none}body.walking #touch-walk{bottom:280px}}@media(pointer:fine){#touch-walk:not([hidden]){display:none}}@media(max-height:650px) and (min-width:651px){#controls{bottom:46px;padding:12px}header{top:14px}.eyebrow{display:none}h1{font-size:23px}#controls p{font-size:11px;margin-top:7px}.fields,.buttons{margin-top:8px}}