:root{color:#292b27;font-synthesis:none;background:#ece9df;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}main{grid-template-rows:70px 110px minmax(0,1fr) 85px;height:100svh;min-height:560px;display:grid;overflow:hidden}header{justify-content:space-between;align-items:center;padding:0 35px;display:flex}.brand{letter-spacing:-.3px;font-size:12px;font-weight:700;text-decoration:none}.brand span{letter-spacing:1px;color:#64655f;margin-left:20px;font:9px monospace}button{font:inherit;cursor:pointer;min-height:44px}header button{background:0 0;border:0;font-size:12px}a{color:inherit}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #977311}.heading{justify-content:space-between;align-items:center;padding:4px 6%;display:flex}.eyebrow{letter-spacing:1.8px;color:#746c50;margin:0 0 13px;font:9px monospace}h1{letter-spacing:-2px;margin:0;font-size:clamp(30px,3.5vw,52px);font-weight:500}h1 em{color:#8a6d2e;margin-left:14px;font-family:Georgia,serif;font-weight:400}.intro{color:#66665e;font-size:12px;line-height:1.7}#stage{min-height:0;position:relative;overflow:hidden}canvas{touch-action:none;width:100%;height:100%;display:block}footer{justify-content:space-between;align-items:center;gap:20px;padding:0 35px;display:flex}.readout{align-items:center;gap:9px;width:245px;font:10px monospace;display:flex}.dot{background:#ab841f;border-radius:50%;width:6px;height:6px}.controls{gap:7px;display:flex}.controls button{background:#f3f0e7;border:1px solid #c9c6b9;border-radius:5px;padding:0 18px;font-size:12px}#run{color:#fff;background:#373b2c;border-color:#373b2c;min-width:165px}button:disabled{opacity:.5;cursor:wait}.disclosure{text-align:right;color:#65655d;width:245px;font:9px/1.6 monospace}#loading{background:#ece9df;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:15px;display:flex;position:absolute;inset:180px 0 85px}#loading span{color:#77776b;font:10px monospace}#loading[hidden],#certificate[hidden]{display:none}#certificate{background:#ece9df;align-items:center;gap:17px;height:88px;display:flex;position:absolute;top:83px;left:6%;right:6%}#certificate>span{color:#577137;border:1px solid #727e51;border-radius:50%;place-items:center;width:44px;height:44px;font-size:25px;display:grid}#certificate strong{letter-spacing:-.5px;font-size:23px}#certificate p{color:#65655d;margin:9px 0 0;font-size:12px}dialog{background:#f3f0e7;border:1px solid #c5c4b7;border-radius:6px;width:calc(100% - 36px);max-width:520px;padding:40px}dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#22271c66}dialog h2{font:30px Georgia,serif}dialog p{font-size:13px;line-height:1.7}#about-close{background:0 0;border:0;font-size:25px;position:absolute;top:7px;right:12px}.nojs{background:#ece9df;padding:50px;position:absolute;inset:180px 0 85px}body.running .intro,body.complete .heading{visibility:hidden}@media (width<=700px){main{grid-template-rows:60px 110px minmax(0,1fr) 120px}header{padding:0 18px}.brand span{display:none}.heading{padding:0 22px}h1{letter-spacing:-1.5px;font-size:32px}h1 em{margin:3px 0 0;display:block}.intro{display:none}.eyebrow{letter-spacing:1.3px;margin-bottom:9px;font-size:8px}footer{flex-wrap:wrap;justify-content:center;gap:10px;padding:10px 16px 16px}.readout{justify-content:center;width:100%}.disclosure{display:none}.controls{justify-content:center;width:100%}#loading{inset:170px 0 120px}#certificate{height:90px;top:75px;left:22px;right:22px}#certificate strong{font-size:19px}#certificate p{font-size:10px;line-height:1.5}#certificate>span{width:35px;min-width:35px;height:35px}}