*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;font:15px/1.4 system-ui,sans-serif;color:#faf1d9;background:#cbd7d0}canvas{display:block;touch-action:none}#hud{position:fixed;inset:0;pointer-events:none}header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;background:linear-gradient(#163f46e6,transparent)}.brand{text-decoration:none;color:#fff2d0;font-weight:850;letter-spacing:3px;font-size:20px}.brand span{display:block;font-size:10px;letter-spacing:5px;color:#e8bb72}#gear{font-size:12px;font-weight:800;letter-spacing:2px;padding:10px 15px;background:#173d46e6;border-radius:30px}.frozen #gear{background:#ffdf99;color:#173d46}#readout{position:absolute;top:100px;left:24px;display:flex;flex-direction:column;gap:3px;color:#173d46;background:#fff3dadd;padding:12px 18px;border-radius:16px}#readout span{font-size:12px}#hint{position:absolute;bottom:100px;width:100%;text-align:center;color:#173d46;font-size:13px;font-weight:600;padding:0 16px}nav{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;gap:8px;pointer-events:auto;white-space:nowrap}button{border:1px solid #ffffff88;border-radius:12px;padding:13px 16px;color:#fff4d9;background:#173d46;font:650 13px system-ui;cursor:pointer;touch-action:manipulation}button:hover{filter:brightness(1.15)}button:focus-visible,a:focus-visible{outline:3px solid #ff9d61;outline-offset:3px}#freeze,#start{background:#f4c37a;color:#173d46}#freeze[aria-pressed=true]{background:#ec8269;color:#142e37}#card{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(460px,calc(100vw - 32px));border-radius:24px;background:#173d46f5;box-shadow:0 22px 80px #0c292b44;border:1px solid #fff3d933;padding:24px;text-align:center;pointer-events:auto}#card img{width:62px;height:62px;border-radius:15px;box-shadow:0 5px 15px #0003}h1{font-size:30px;margin:9px 0}#card p{font-size:13px;color:#d0ded5;margin:12px 0}#card button{margin-top:8px;font-size:15px}footer{position:absolute;bottom:10px;text-align:center;width:100%;color:#173d46;font-size:10px;pointer-events:auto}a{color:inherit}.hidden{display:none!important}@media(max-width:600px){header{padding:16px}.brand{font-size:15px;letter-spacing:2px}.brand span{font-size:8px;letter-spacing:3px}#gear{font-size:9px;padding:8px}#readout{top:82px;left:16px;padding:8px 12px;font-size:13px}nav{bottom:38px;flex-wrap:wrap;justify-content:center;width:calc(100% - 24px);gap:6px}button{padding:12px;font-size:11px}#hint{bottom:142px;font-size:11px}#card{padding:20px}#card h1{font-size:26px}}@media(max-height:550px){#card{max-height:95vh;overflow:auto;padding:14px}#card img{display:none}#card p{margin:7px 0}#readout{top:70px}#hint{display:none}nav{bottom:30px}footer{bottom:5px}}