:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#151411;color:#f7e9d1}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{display:block;width:100vw;height:100dvh;touch-action:none;outline:none}header,footer{position:fixed;left:0;right:0;padding:22px 30px;pointer-events:none}header{top:0;display:flex;align-items:flex-start;justify-content:space-between;background:linear-gradient(#100c08d9,transparent)}header>*,footer>*{pointer-events:auto}small{font-size:10px;letter-spacing:.22em;color:#d5b887}h1{font:normal 40px Georgia,serif;margin:4px 0}h2{font:normal 23px Georgia,serif;margin:10px 0 16px}nav,#desktop{display:flex;gap:8px;flex-wrap:wrap;align-items:center}button,a{font:inherit;font-size:12px;padding:10px 13px;border:1px solid #d1b28366;border-radius:5px;color:#f6e6ca;background:#231d15e8;cursor:pointer;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #ffcd76;outline-offset:3px}button:disabled{opacity:.5;cursor:wait}#vr:not(:disabled){background:#e5be7b;color:#21160b;border-color:#e5be7b}footer{bottom:0;padding-top:55px;background:linear-gradient(transparent,#100c08f0)}p{font-size:12px;line-height:1.6;max-width:800px;margin:9px 0}#status{color:#efd7ac}.help,details{color:#c4bbaa;font-size:11px}summary{cursor:pointer}#task{position:fixed;top:130px;left:30px;width:285px;padding:20px;border-left:2px solid #deaa61;background:linear-gradient(100deg,#21190fe8,#21190f80);pointer-events:none}#task p{color:#d3c5ae;min-height:38px}.meters label{display:flex;align-items:center;gap:10px;margin:9px 0;font-size:11px}.meters label>meter,.meters label>progress{width:135px;height:8px;accent-color:#eca150}#hits{font-variant-numeric:tabular-nums;font-size:10px}#crosshair{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff8;pointer-events:none;font-size:20px;font-weight:200}body.xr header,body.xr footer,body.xr aside,body.xr #crosshair{display:none}#xr-report{max-height:180px;overflow:auto;background:#17130fe6;padding:6px}#xr-report a{display:inline-block;margin:5px}@media(max-width:650px){header{padding:14px}h1{font-size:30px}nav{max-width:57%;justify-content:flex-end}small{font-size:8px}#task{top:108px;left:14px;width:235px;padding:13px}h2{font-size:19px;margin:9px 0}footer{padding:30px 14px 12px}button,a{font-size:10px;padding:8px}.help{font-size:10px}#desktop{gap:5px}.meters label>meter,.meters label>progress{width:100px}}
