/* styles/debug.css - debug panel (bottom-left) */
#debug { position:fixed; left:12px; bottom:12px; max-height:calc(100vh - 96px); overflow-y:auto; z-index:4; display:flex; flex-direction:column; gap:6px;
  background:rgba(255,253,246,.88); padding:10px; border-radius:18px; box-shadow:0 5px 0 rgba(90,70,40,.15);
  touch-action:manipulation; -webkit-tap-highlight-color:transparent; user-select:none; -webkit-user-select:none; }
#debug .dtitle { font-size:13px; font-weight:800; color:#6b5f4d; text-align:center; }
#dbgBody { display:flex; flex-direction:column; gap:6px; }
/* the header is a button with a disclosure triangle: right-pointing when closed, rotated to point down when open */
#debug button.dtitle { display:flex; align-items:center; justify-content:center; gap:6px; min-height:36px; padding:2px 10px; background:transparent; box-shadow:none;
  font-size:13px; font-weight:800; color:#6b5f4d; text-align:center; }
#dbgToggle .pi { transition:transform .15s; filter:none; vertical-align:0; }
#dbgToggle[aria-expanded="true"] .pi { transform:rotate(90deg); }
#debug button { font:inherit; font-size:15px; font-weight:700; border:0; border-radius:99px; min-height:44px; padding:8px 14px;
  background:#e3dccb; color:#3d362e; cursor:pointer; text-align:left; box-shadow:0 3px 0 rgba(0,0,0,.12); }
#debug button:active { transform:translateY(2px); box-shadow:0 1px 0 rgba(0,0,0,.12); }
#debug button.on { background:#2e8049; color:#fff; }                  /* a switched-on debug button (Cat grabs) */