/* Two direct choices, like a KTV tabletop remote. The white tiles carry the
   information; the dark tray and a single cyan selected edge stay quiet. */
body.depth-theme.at-table .table .bid-pickers {
  position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:8px;overflow:visible;isolation:auto;border:0;background:none;box-shadow:none;
  padding:0;min-width:0;
}
body.depth-theme.at-table .table .bid-picker { position:static;min-width:0; }
body.depth-theme.at-table .table #bid-controls:has(.bid-picker.is-open) { position:relative;z-index:25; }
body.depth-theme.at-table .table .bid-picker-trigger {
  position:relative;display:flex;align-items:center;justify-content:center;gap:10px;
  width:100%;height:58px;min-height:44px;margin:0;padding:5px 26px 5px 10px;
  border:1px solid #8094b36b;border-radius:10px;background:#1a2439;color:#f6f9ff;
  box-shadow:inset 0 1px 0 #e3f6ff18,0 2px 0 #080e20;
  touch-action:manipulation;font-family:inherit;transition:border-color .12s,background .12s;
}
body.depth-theme.at-table .table .bid-picker-trigger[aria-expanded=true] { border-color:#85e8ef;background:#24364b; }
body.depth-theme.at-table .table .bid-picker-trigger:disabled { opacity:.48; }
body.depth-theme.at-table .table .bid-picker-current { display:flex;align-items:center;justify-content:center;gap:8px;min-width:0; }
body.depth-theme.at-table .table .bid-picker .wheel-number { font-size:32px;line-height:1;color:#f5f9ff;text-shadow:none;min-width:0;letter-spacing:0; }
body.depth-theme.at-table .table .bid-picker .wheel-unit { font-size:15px;line-height:1.2;color:#d7e1ec;text-shadow:none; }
body.depth-theme.at-table .table .bid-picker-chevron { position:absolute;right:10px;top:50%;transform:translateY(-30%);font:500 20px/1 system-ui;color:#a2c9db; }
body.depth-theme.at-table .table .bid-picker-popover {
  position:absolute;left:0;right:0;bottom:calc(100% + 9px);z-index:30;
  display:grid;grid-auto-flow:column;grid-template-rows:48px;
  grid-auto-columns:max(44px,calc((100% - 25px) / 6));gap:5px;
  overflow-x:auto;overflow-y:hidden;overscroll-behavior:contain;
  padding:9px;border:1px solid #9ce4f178;border-radius:12px;
  background:#141d32;box-shadow:0 7px 24px #030719b3,inset 0 1px 0 #d7f5ff20;
  scrollbar-width:thin;scrollbar-color:#7892b7 #18243b;touch-action:pan-x;
}
body.depth-theme.at-table .table .bid-picker-option {
  display:grid;place-items:center;min-width:44px;min-height:48px;margin:0;padding:4px;
  border:2px solid #eef0f4;border-radius:7px;background:linear-gradient(#fff,#e9ecf1);
  color:#162133;box-shadow:0 2px 0 #85919f,0 3px 5px #02071755;
  touch-action:manipulation;transition:border-color .12s;transform:none;
}
body.depth-theme.at-table .table .bid-picker-option>span { display:grid;place-items:center; }
body.depth-theme.at-table .table .bid-picker-option .wheel-number { color:#162133;font-size:25px;font-weight:700; }
body.depth-theme.at-table .table .bid-picker-option .wheel-unit { display:none; }
/* Opening notes occupy their own line; the number and tap target stay large. */
body.depth-theme.at-table .table .bid-picker-popover.has-badges { grid-template-rows:65px; }
body.depth-theme.at-table .table .bid-picker-popover.has-badges .bid-picker-option { grid-template-rows:30px 17px;align-content:center;gap:3px; }
body.depth-theme.at-table .table .bid-picker-popover.has-badges .bid-picker-tile-value { grid-row:1; }
body.depth-theme.at-table .table .bid-picker-option .bid-picker-badge {
  grid-row:2;min-width:26px;padding:1px 4px;border-radius:4px;
  font:700 10px/15px system-ui,sans-serif;white-space:nowrap;color:#334458;background:#dde4ec;
}
body.depth-theme.at-table .table .bid-picker-option .bid-picker-badge-pure { color:#793478;background:#eddbed; }
body.depth-theme.at-table .table .bid-picker-option .bid-picker-badge-normal { color:#086069;background:#c8eeec; }
body.depth-theme.at-table .table .bid-picker-option[aria-selected=true] { border-color:#64dfe8;box-shadow:0 0 0 1px #64dfe8,0 2px 0 #246271; }
body.depth-theme.at-table .table .bid-picker :is(.bid-picker-trigger,.bid-picker-option):focus-visible { outline:2px solid #a6f8ff;outline-offset:2px; }
body.depth-theme.at-table .table .bid-picker :is(.bid-picker-trigger,.bid-picker-option):active { transform:none; }
/* The picker always uses a neutral white face, independent of equipped skin. */
body.depth-theme.at-table .table .bid-picker .die {
  display:grid;width:37px;height:37px;min-width:37px;padding:6px;gap:2px;
  border-radius:7px;border:1px solid #d3d9e2;background:linear-gradient(145deg,#fff,#e9edf1);
  box-shadow:inset 1px 1px 1px #fff,0 2px 0 #8d99a7;transform:none;
  grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));
}
body.depth-theme.at-table .table .bid-picker .die .pip { background:#202832;box-shadow:inset 0 1px 1px #0005; }
body.depth-theme.at-table .table .bid-picker .die:is(.one,.face-4) .pip { background:#d93643;box-shadow:inset 0 1px 1px #8c14285c; }
body.depth-theme.at-table .table .bid-picker-option .die { width:31px;height:31px;min-width:31px;padding:4px;gap:2px;border:0;box-shadow:none;background:none;border-radius:4px; }
@media(max-width:360px) {
  body.depth-theme.at-table .table .bid-pickers { gap:6px; }
  body.depth-theme.at-table .table .bid-picker-popover { grid-auto-columns:max(44px,calc((100% - 10px) / 6));gap:2px;padding:5px; }
  body.depth-theme.at-table .table .bid-picker-trigger { height:54px;gap:5px;padding-right:21px; }
  body.depth-theme.at-table .table .bid-picker-chevron { right:7px; }
}
@media(prefers-reduced-motion:reduce) {
  body.depth-theme.at-table .table .bid-picker button { transition:none; }
}