*{box-sizing:border-box}html,body{color:#fff;overscroll-behavior:none;-webkit-user-select:none;user-select:none;background:#111;height:100%;margin:0;font:14px/1.4 system-ui,-apple-system,Apple SD Gothic Neo,sans-serif}#app{grid-template-rows:1fr auto;height:100%;display:grid}.stage{min-height:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left);justify-content:center;align-items:center;display:flex}.stage canvas{touch-action:none;background:#fff;border-radius:6px;max-width:100%;max-height:100%}.bar{padding:8px 12px calc(8px + env(safe-area-inset-bottom));background:#000;align-items:center;gap:10px;display:flex}.bar b{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.bar button{color:#fff;font:inherit;background:#222;border:1px solid #555;border-radius:10px;padding:8px 14px;font-weight:700}.pad{background:#000;justify-content:center;gap:6px;padding:6px 12px;display:none}.pad.on{display:flex}.pad button{color:#fff;touch-action:none;background:#1c1c1c;border:1px solid #555;border-radius:10px;width:56px;height:44px;font-size:18px}.pad button.wide{width:100px}.msg{padding:24px}.start{background:#0000008c;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.start button{color:#fff;background:#22c55e;border:0;border-radius:16px;padding:16px 32px;font-size:22px;font-weight:800}.bar .room{color:#9fe3b0;white-space:nowrap;font-size:12px}.start button:disabled{background:#555;font-size:16px}