html,body{margin:0;width:100%;height:100%;overflow:hidden;background:#8fd16a;font-family:'Trebuchet MS',system-ui,sans-serif}canvas{display:block;width:100%;height:100%;touch-action:none}nav{position:fixed;top:max(10px,env(safe-area-inset-top));left:12px;right:12px;display:flex;justify-content:space-between;pointer-events:none}nav a,nav button{pointer-events:auto;border:0;border-radius:18px;background:#fffffff0;color:#24443c;font:bold 28px system-ui;padding:6px 12px;min-width:60px;text-decoration:none;min-height:50px}nav a:focus-visible,nav button:focus-visible{outline:5px solid #244bba}#spoken{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}