html,body,#root{overscroll-behavior:none;height:100%;margin:0;font-family:system-ui,Noto Sans TC,sans-serif}body{background:#cfe8d5}.stage{touch-action:none;position:fixed;inset:0}.hud{pointer-events:none;flex-wrap:wrap;align-items:center;gap:8px;padding:8px;display:flex;position:fixed;top:0;left:0;right:0}.hud>*{pointer-events:auto}.btn{color:#234;cursor:pointer;background:#fff;border:2px solid #3b6b4a;border-radius:12px;min-height:44px;padding:10px 14px;font-size:16px}.btn[aria-pressed=true],.btn.on{color:#fff;background:#3b6b4a}.panel{background:#ffffffe0;border-radius:12px;padding:6px 12px;font-size:15px}.status{font-weight:600}.status.bad{color:#b3261e}.status.good{color:#1b7a3a}.tray{flex-wrap:wrap;justify-content:center;gap:8px;padding:10px;display:flex;position:fixed;bottom:0;left:0;right:0}