:root{color:#e4dec9;font-synthesis:none;background:#202a25;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0}main{grid-template-rows:65px 110px minmax(0,1fr) 85px;height:100svh;min-height:570px;display:grid;overflow:hidden}header{justify-content:space-between;align-items:center;padding:0 34px;display:flex}a{color:inherit}header a{font-size:12px;font-weight:700;text-decoration:none}header span{color:#929e8b;letter-spacing:1px;margin-left:18px;font:9px monospace}button{font:inherit;cursor:pointer;min-height:44px}header button{color:#c6cbb8;background:0 0;border:0;font-size:12px}.heading{justify-content:space-between;align-items:center;padding:0 6%;display:flex}.eyebrow{letter-spacing:1.8px;color:#bcb184;margin:0 0 12px;font:9px monospace}h1{letter-spacing:-2px;margin:0;font-size:clamp(36px,4vw,56px);font-weight:400}em{color:#cfb36c;font-family:Georgia,serif;font-weight:400}.intro{color:#a7b0a0;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:18px;padding:0 34px;display:flex}#status{color:#bbc3b0;width:250px;font:10px monospace}.controls{gap:7px;display:flex}.controls button{color:#d7decc;background:#2c3830;border:1px solid #465043;border-radius:4px;padding:0 18px;font-size:12px}#run{color:#202a25;background:#d7bd76;border-color:#d7bd76;min-width:170px}.disclosure{text-align:right;color:#98a08e;width:250px;font:9px/1.6 monospace}button:disabled{opacity:.4;cursor:wait}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #e4c782}#loading{background:#202a25;place-items:center;font:12px monospace;display:grid;position:absolute;inset:175px 0 85px}#loading[hidden],#result[hidden]{display:none}#result{background:#202a25;height:87px;padding-top:4px;position:absolute;top:78px;left:6%;right:6%}#result h2{letter-spacing:-1px;margin:0;font-size:clamp(25px,3.3vw,43px);font-weight:400}body.complete .heading{visibility:hidden}dialog{color:#e4dec9;background:#27342b;border:1px solid #59624e;border-radius:5px;width:calc(100% - 36px);max-width:520px;padding:38px}dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#101912bb}dialog h2{font:30px Georgia,serif}dialog p{font-size:13px;line-height:1.7}#about-close{color:inherit;background:0 0;border:0;font-size:26px;position:absolute;top:8px;right:12px}@media (width<=700px){main{grid-template-rows:60px 110px minmax(0,1fr) 120px}header{padding:0 18px}header span,.intro,.disclosure{display:none}.heading{padding:0 22px}h1{font-size:40px}.eyebrow{font-size:8px}footer{flex-wrap:wrap;justify-content:center;gap:10px;padding:10px 12px 16px}#status{text-align:center;width:100%}.controls{justify-content:center;width:100%}#loading{inset:170px 0 120px}#result{top:72px;left:22px;right:22px}#result h2{font-size:28px}#result h2 em{display:block}}