*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#0c2030;color:#fff;font-family:system-ui,sans-serif}body{display:grid;place-items:center}button{font:inherit;cursor:pointer}#stage{position:relative;width:min(100vw,177.77778vh);height:min(100vh,56.25vw);overflow:hidden;container-type:inline-size}canvas{width:100%;height:100%;display:block}#hud{position:absolute;top:4.5%;left:3.2%;right:3.2%;display:flex;align-items:start;justify-content:space-between;gap:12px;pointer-events:none}.badge,.stats{background:#12392fe8;border:1px solid #ffffff40;border-radius:1.1cqw;padding:.9cqw 1.3cqw;box-shadow:0 4px 0 #08291b35}.badge small{display:block;color:#b7fda5;letter-spacing:.18em;font-size:.8cqw;font-weight:800}.badge strong{display:block;font-size:1.3cqw;margin-top:.25cqw}.stats{display:flex;align-items:center;gap:1.2cqw;font-size:1.3cqw;font-weight:800}.stats #hearts{color:#ffa5a5;letter-spacing:.18em}.stats #stars{color:#ffe78e}.stats button{pointer-events:auto;border:0;background:#ffffff15;color:white;border-radius:.5cqw;min-width:2.4cqw;padding:.4cqw;font-size:1.3cqw}#controls{position:absolute;bottom:4.5%;left:50%;transform:translateX(-50%);white-space:nowrap;background:#143827dd;padding:.65cqw 1.4cqw;border-radius:3cqw;font-size:1.05cqw;font-weight:650}#hint{position:absolute;bottom:13%;left:50%;transform:translateX(-50%);padding:.7cqw 1.4cqw;border-radius:1cqw;background:#ffffffeb;color:#21432b;font-size:1.4cqw;font-weight:800;white-space:nowrap;display:none}#panel{position:absolute;inset:0;background:#15382c72;backdrop-filter:blur(5px);display:grid;place-items:center}#panel.hidden{display:none}.card{text-align:center;background:#11372cf5;border:2px solid #b5eec65c;border-radius:2cqw;padding:2.5cqw 3.7cqw;max-width:54cqw;box-shadow:0 1.2cqw 4cqw #09231580}.eyebrow{font-size:.9cqw;letter-spacing:.18em;color:#b2e6bd;font-weight:800}h1{font-size:4.2cqw;line-height:1.03;margin:1.1cqw 0 1.2cqw;font-weight:900;letter-spacing:-.05em;color:#ffe689}h1 span{color:#fff}#panelText{font-size:1.45cqw;line-height:1.55;color:#e3f1e6;margin:.6cqw 0 1.3cqw}#rules{display:flex;justify-content:center;gap:.65cqw;margin:1.5cqw 0}#rules span{background:#ffffff0e;border:1px solid #ffffff22;border-radius:1cqw;padding:.65cqw .9cqw;font-size:1.1cqw}#menu{display:flex;flex-direction:column;gap:.8cqw}#menu button{border:0;background:#ffe581;color:#203f29;border-radius:.85cqw;padding:1cqw 1.4cqw;font-weight:850;font-size:1.4cqw;display:flex;justify-content:space-between;align-items:center;gap:3cqw}#menu em{font-style:normal;font-size:.9cqw;opacity:.65}.quiet{background:#ffffff12!important;color:#ecf5e8!important}button:focus-visible,button.focused{outline:4px solid #55ffd3;box-shadow:0 0 25px #55ffd388}button:hover{filter:brightness(1.12)}.tip{font-size:1.05cqw;color:#b8d0bf;line-height:1.55;margin:1.5cqw 0 0}#touch{display:none;position:absolute;bottom:4%;left:4%;right:4%;justify-content:space-between;gap:15px}#touch button{background:#173c2bcc;color:#fff;border:2px solid #ffffff66;border-radius:16px;width:60px;height:50px;touch-action:none;font-size:24px}@media(pointer:coarse){#touch{display:flex}#controls{display:none}#hint{bottom:18%}}
#inventory{position:absolute;top:17%;left:3.2%;background:#12392fe8;border:1px solid #ffffff40;border-radius:1cqw;padding:.65cqw 1.2cqw;color:#ffd5a3;font-size:1.2cqw;font-weight:800;pointer-events:none}