*{box-sizing:border-box}html,body{color:#e8f6f2;background:#0b2a33;height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}#app{flex-direction:column;align-items:center;gap:8px;padding:10px;display:flex}#stage{aspect-ratio:2/3;width:min(400px,100vw - 20px,66.67vh - 100.005px);position:relative}canvas{touch-action:none;cursor:pointer;border-radius:10px;width:100%;height:100%;display:block;box-shadow:0 6px 24px #00000080}.overlay{text-align:center;background:#05191ec7;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.overlay h2{margin:0 0 12px;font-size:32px}.overlay p{margin:4px 0;font-size:20px}.hidden{display:none!important}button{font:inherit;cursor:pointer}#restart{color:#08310f;background:#5fd16a;border:0;border-radius:999px;margin-top:18px;padding:12px 26px;font-size:20px;font-weight:700}#restart:hover{background:#7be285}#touch{-webkit-user-select:none;user-select:none;justify-content:space-between;gap:8px;width:min(400px,100vw - 20px);display:none}#touch button{color:#e8f6f2;touch-action:none;background:#134650;border:2px solid #2f7d73;border-radius:12px;flex:1;height:60px;font-size:26px}#touch button.big{background:#1e6b3a;flex:1.4}#touch button.active{background:#2f9d8f}.help{opacity:.75;text-align:center;margin:0;font-size:13px}@media (pointer:coarse),(width<=600px){#touch{display:flex}.help{display:none}}