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}.catalog{box-sizing:border-box;touch-action:pan-y;background:#fffffff0;border-radius:12px;width:244px;padding:8px 10px;position:fixed;top:64px;bottom:70px;right:8px;overflow-y:auto}.catalog h3{color:#234;margin:10px 0 4px;font-size:15px}.catalog-note{color:#556;margin:0;font-size:12px}.catalog-grid{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}.catalog .item{cursor:pointer;background:#fff;border:2px solid #c9d8cd;border-radius:10px;flex-direction:column;align-items:center;gap:2px;min-height:44px;padding:4px;font-size:13px;display:flex}.catalog .item img{object-fit:contain}.catalog .item.on,.catalog .item[aria-pressed=true]{background:#e6f3ea;border-color:#3b6b4a}@media (width<=700px){.catalog{width:62vw;max-width:244px;top:128px}}