:root{--page-bg:#0b1622;--sky:#8fd3f0;--water:#3aa0d8;--cloud:#fff;--trunk:#7a4a23;--trunk-hi:#9a6a3a;--trunk-lo:#5a3418;--trunk-ring:#4a2a14;--safe:#f0e0bd;--safe-edge:#cdb98f;--red:#e8473f;--red-edge:#b5322c;--green:#4cc24c;--green-edge:#2f9b34;--ball:#2f7fe0;--ball-hi:#bfe0ff;--ball-edge:#1b5dad;--reactive:#ff7a1a;--bar-frame:#a9712f;--bar-trough:#e9c98f;--bar-fill:#5cb85c;--bar-mark:#e23b34;--badge-bg:#f6c84c;--badge-tx:#5a3418;--close-bg:#f3a23a;--text:#5a3418;--text-light:#fff;--overlay-bg:#14283c9e;--btn-bg:#f3a23a;--btn-tx:#fff}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--page-bg);touch-action:none;width:100%;height:100%;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}#wrap{justify-content:center;align-items:center;display:flex;position:fixed;inset:0}canvas{touch-action:none;display:block}