/* The same roomy betting panel in practice and career tables. */
.action-panel{min-width:0;scroll-margin-block:16px}
.action-panel .action-heading{gap:12px;margin-bottom:16px}
.action-panel .action-heading h2{font:24px/1.2 Georgia,serif;margin:0 0 9px;color:var(--cream)}
.action-panel .action-heading p{font-size:12px;line-height:1.6}
.action-panel .actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}
.action-panel .actions button{font-size:13px;min-height:48px;padding:12px 6px}
.action-panel .actions [aria-expanded=true]{outline:2px solid #f2dbac;outline-offset:2px}
.action-panel .raise-controls{padding-top:18px;margin-top:18px}
.action-panel .raise-top{gap:12px;margin-bottom:8px}
.action-panel .raise-top label{font-size:12px;line-height:1.5}
.action-panel .raise-top input{width:132px;max-width:45%;min-height:48px;padding:10px 12px;background:#faf5e9;color:#324d33;border:1px solid #bac4a3;border-radius:7px;font-size:18px;text-align:right;box-sizing:border-box}
.action-panel .raise-top input[aria-invalid=true]{border-color:#eba999;outline-color:#eba999}
.action-panel .raise-help,.action-panel .raise-hint{font-size:11px;line-height:1.5;color:#bbcbb8;margin:8px 0}
.action-panel .raise-controls input[type=range]{display:block;width:100%;height:44px;margin:6px 0;cursor:pointer;touch-action:pan-y}
.action-panel .raise-quick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:7px 0 14px}
.action-panel .raise-quick button{min-width:0;min-height:44px;padding:10px 4px;font-size:12px}
.action-panel .raise-commit{display:grid;grid-template-columns:minmax(70px,1fr) minmax(0,3fr);gap:9px;margin-top:14px}
.action-panel .raise-commit button{min-height:48px;font-size:13px}
.action-panel button:focus-visible,.action-panel input:focus-visible{outline:3px solid #ecd49b;outline-offset:3px}
@media(max-width:600px){
  .action-panel{max-height:none;overflow:visible;padding:18px 14px;padding-bottom:max(18px,env(safe-area-inset-bottom))}
  /* Expanded controls follow the page instead of becoming a tiny nested scroller. */
  .action-panel.is-sizing{position:static;bottom:auto}
  .action-panel .action-heading h2{font-size:23px}
  .action-panel .action-heading p{font-size:12px}
  .action-panel .turn-indicator{font-size:8px}
  .action-panel .raise-top input{font-size:18px}
}
@media(max-width:360px){
  .action-panel .action-heading{flex-wrap:wrap;gap:3px}
  .action-panel .turn-indicator{margin:0 0 5px}
  .action-panel .raise-quick{grid-template-columns:repeat(2,minmax(0,1fr))}
}