:root{font-family:Arial,Helvetica,sans-serif;color:#f1f3e9;background:#15282f;font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden}canvas{display:block;width:100vw;height:100dvh}header{position:fixed;top:27px;left:30px;right:30px;display:flex;justify-content:space-between;pointer-events:none;text-shadow:0 1px 8px #132a32}.wordmark{font-size:22px;letter-spacing:.27em;font-weight:600}.wordmark span{display:block;font-size:9px;letter-spacing:.25em;margin-top:8px;font-weight:400}.seed{font:10px monospace;letter-spacing:.12em;align-self:center}.seed b{font-weight:400;color:#e5c996}button,select{border:1px solid #ffffff29;background:#ffffff0b;border-radius:4px;color:inherit;font:11px Arial;padding:7px 9px;cursor:pointer}button:hover,select:hover{background:#fff2}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #e5c996;outline-offset:3px}select option{background:#203335}.panel{position:fixed;bottom:77px;left:30px;width:304px;background:#10252ae8;border:1px solid #ffffff24;border-radius:6px;padding:16px 17px;font-size:11px}.time-row,.quality-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.time-row label{color:#bac8c6}#clock{font:17px monospace;font-variant-numeric:tabular-nums}.time-row button{font-size:10px;padding:5px 7px}input[type=range]{width:100%;margin:15px 0 0;accent-color:#e5c996;cursor:ew-resize;height:4px}.ticks{display:flex;justify-content:space-between;color:#91a8a7;font:9px monospace;margin-top:7px}.quality-row{border-top:1px solid #ffffff1a;margin-top:13px;padding-top:13px}.quality-row label{color:#bac8c6}#reset{margin-left:auto}.telemetry{position:fixed;bottom:86px;right:30px;display:flex;gap:23px;text-shadow:0 2px 5px #0d202c}.telemetry div{display:flex;flex-wrap:wrap;align-content:flex-start;gap:4px;max-width:104px}.telemetry span{width:100%;font:8px monospace;letter-spacing:.05em;color:#d6e1dc}.telemetry b{font:23px monospace;font-variant-numeric:tabular-nums}.telemetry small{font:10px monospace;align-self:end;margin-bottom:4px}footer{position:fixed;bottom:25px;left:30px;right:30px;display:flex;gap:25px;font-size:10px;text-shadow:0 2px 6px #102531}footer span{white-space:nowrap}footer em{font-style:normal;color:#ccdad5;margin-left:5px}#base{margin-left:auto;font:10px monospace}#entry{position:fixed;top:98px;left:30px;font-size:11px;text-shadow:0 1px 7px #14313a;pointer-events:none}#entry span{display:block;margin-top:7px;opacity:.65;font-size:10px}#reticle{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);opacity:.6;pointer-events:none;display:none;font:18px monospace}.locked #reticle{display:block}.locked #entry{display:none}#error{position:fixed;inset:35%;background:#263435;padding:25px}@media(max-width:950px){.telemetry{bottom:270px;left:30px;right:auto;gap:15px}footer{gap:12px;flex-wrap:wrap}#base{margin-left:0}}@media(max-width:500px){header{left:18px;right:18px}.panel{left:18px;bottom:95px;width:285px}.telemetry{left:18px;bottom:284px;gap:10px}.telemetry b{font-size:18px}.telemetry span{font-size:7px}footer{left:18px;bottom:17px;font-size:9px;gap:10px}#entry{left:18px;max-width:250px}.seed{font-size:8px}}