:root{font-family:system-ui,sans-serif;color:#103e38;background:#133e38}*{box-sizing:border-box}body{margin:0;overflow:hidden}#stage{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}#stage canvas{display:block;width:100%;height:100%;touch-action:none}#welcome{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:24px;background:radial-gradient(ellipse at top,#effbf1,#b6e1cd);z-index:5}.card{width:min(280px,100%);text-align:center}h1{font-size:42px;letter-spacing:-2px;margin:0 0 24px}button{font:inherit;border:0;border-radius:18px;padding:17px 22px;cursor:pointer;background:#174f43;color:#fff;font-weight:650;width:100%}button:disabled{opacity:.6}#credits{position:absolute;bottom:max(18px,env(safe-area-inset-bottom));font-size:11px;color:#174f43}#message{position:fixed;top:max(22px,env(safe-area-inset-top));left:24px;right:24px;text-align:center;z-index:7;font-size:14px;pointer-events:none}#message:not(:empty){background:#fffffff0;border-radius:16px;padding:12px}#joystick{display:none;position:fixed;bottom:max(32px,env(safe-area-inset-bottom));left:50%;transform:translate(-50%);width:130px;height:130px;border-radius:50%;background:#205b4440;border:1px solid #fff8;touch-action:none;-webkit-user-select:none;user-select:none;z-index:4}#knob{position:absolute;width:56px;height:56px;left:36px;top:36px;background:#205b44cc;border:2px solid #ffffff90;border-radius:50%;pointer-events:none}.playing #welcome{display:none}.placed #joystick{display:block}#retry{position:fixed;z-index:8;bottom:40%;left:50%;transform:translate(-50%);width:220px}.ar{background:transparent}#stage{z-index:0}#message{z-index:10001}#retry{z-index:10002}#diagnostics{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom));z-index:10003;margin:0;padding:10px;background:#061b16e8;color:#fff;font:12px/1.45 monospace;white-space:pre-wrap;overflow-wrap:anywhere;pointer-events:none;max-height:45vh;overflow:hidden}#diagnostics[hidden]{display:none}