*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#030e18;color:#edfff4;font-family:Consolas,'Courier New',monospace}main{position:relative;width:min(100vw,56.25dvh);height:100dvh;margin:auto;overflow:hidden;touch-action:none}canvas{width:100%;height:100%;display:block;image-rendering:pixelated}section{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;text-align:center;padding:32px;background:linear-gradient(#061b2b70,#061b2b22 48%,#061b2bea);overflow:auto}section:not(#menu){background:#061b2bea}[hidden]{display:none!important}h1{font-size:clamp(42px,8dvh,68px);line-height:.95;letter-spacing:-4px;margin:22px 0 8px;text-shadow:4px 4px #062231}em{font-style:normal;color:#acf0c0}h2{font-size:38px;line-height:1.1}small,footer{font-size:9px;letter-spacing:2px;color:#a6d2ce}p{font-size:12px;line-height:1.8;color:#b1cdd2}button{font: bold 12px Consolas,monospace;letter-spacing:2px;color:#eafff4;background:#163847cc;border:1px solid #76a4a644;border-radius:4px;width:100%;padding:15px;margin:5px 0;cursor:pointer}button:hover{background:#275361}button:focus-visible{outline:3px solid #ffdf8b}.primary{background:#acf0c0;color:#083039;border:0;box-shadow:0 4px #558b7d}.primary:hover{background:#ceffdb}.spacer{height:100px}#record{display:block;font-size:22px;color:#ffdf8b;margin:5px}footer{font-size:8px;margin-top:12px}label{display:flex;align-items:center;justify-content:space-between;padding:20px 0;font-size:13px}input{accent-color:#acf0c0}header{position:absolute;top:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:calc(18px + env(safe-area-inset-top)) 18px 18px;background:linear-gradient(#061b2bdd,transparent);pointer-events:none}header b{display:block;font-size:24px;margin-top:5px}header button{width:40px;pointer-events:auto}progress{display:block;width:100px;height:5px;margin-top:10px;accent-color:#acf0c0}#hint{position:absolute;bottom:calc(25px + env(safe-area-inset-bottom));width:100%;text-align:center;font-size:9px;letter-spacing:1px;color:#c0dedb;pointer-events:none}#toast{position:absolute;top:22%;width:100%;text-align:center;color:#ffdf8b;font-size:12px;pointer-events:none}#finalScore{font-size:52px;color:#ffdf8b;margin:12px 0}#stats{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:10px 0 20px}#stats div{font-size:9px;color:#a1c0c9}#stats b{display:block;font-size:20px;color:#ecfff3;margin:5px}#saveStatus{font-size:10px}aside{display:none}.flash{animation:flash .8s infinite alternate}@keyframes flash{to{color:#ffdf8b;text-shadow:0 0 20px #ffdf8b}}