/* The slider thumb is the guava chip from the logo (GUAVA_MARK in interface.js). */
/* Table action bar (action-bar.js): GGPoker-style layout drawn in the current look's colours. */
#playActions.ab-bar,#actions.ab-bar{display:flex;flex-direction:column;gap:8px;container-type:inline-size}
.ab-bar button{min-width:0}
.ab-sizing{display:grid;grid-template-columns:auto 86px minmax(80px,1fr);align-items:center;gap:8px 10px}
.ab-presets{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(44px,1fr);gap:6px}
.ab-amount{grid-column:2}.ab-slider{grid-column:3}
.ab-preset{min-height:38px;padding:0 8px;border-radius:7px;border:1px solid var(--line);background:var(--panel2,#1b2d31);color:var(--ink);font:inherit;font-size:13px;font-weight:750;cursor:pointer;touch-action:manipulation}
.ab-preset:hover{border-color:var(--accent-edge,#638b74)}
.ab-preset.on{background:var(--accent-soft,#23453a);border-color:var(--accent-edge,#638b74);color:var(--ink)}
.ab-amount{width:100%;min-width:0;min-height:38px;padding:0 10px;border-radius:7px;border:1px solid var(--line);background:var(--field,#0c171a);color:var(--ink);font:inherit;font-size:16px;font-weight:750;text-align:right}
.ab-amount:focus{outline:2px solid var(--accent-edge,#638b74);outline-offset:1px}
.ab-slider{--fill:0%;width:100%;min-width:0;height:34px;margin:0;background:transparent;-webkit-appearance:none;appearance:none;cursor:pointer;touch-action:pan-y}
.ab-slider::-webkit-slider-runnable-track{height:6px;border-radius:3px;background:linear-gradient(90deg,var(--accent-fill,#2c503f) var(--fill),var(--track,#304449) var(--fill))}
.ab-slider::-moz-range-track{height:6px;border-radius:3px;background:var(--track,#304449)}
.ab-slider::-moz-range-progress{height:6px;border-radius:3px;background:var(--accent-fill,#2c503f)}
.ab-slider::-webkit-slider-thumb{-webkit-appearance:none;width:32px;height:32px;margin-top:-13px;border:0;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='46' fill='%234f9a3c'/%3E%3Crect x='45.5' y='4' width='9' height='9.5' rx='2' fill='%23fff' transform='rotate%280 50 50%29'/%3E%3Crect x='45.5' y='4' width='9' height='9.5' rx='2' fill='%23fff' transform='rotate%2845 50 50%29'/%3E%3Crect x='45.5' y='4' width='9' height='9.5' rx='2' fill='%23fff' transform='rotate%2890 50 50%29'/%3E%3Crect x='45.5' y='4' width='9' height='9.5' rx='2' fill='%23fff' transform='rotate%28135 50 50%29'/%3E%3Crect x='45.5' y='4' width='9' height='9.5' rx='2' fill='%23fff' transform='rotate%28180 50 50%29'/%3E%3Crect x='45.5' y='4' width='9' height='9.5' rx='2' fill='%23fff' transform='rotate%28225 50 50%29'/%3E%3Crect x='45.5' y='4' width='9' height='9.5' rx='2' fill='%23fff' transform='rotate%28270 50 50%29'/%3E%3Crect x='45.5' y='4' width='9' height='9.5' rx='2' fill='%23fff' transform='rotate%28315 50 50%29'/%3E%3Ccircle cx='50' cy='50' r='36.5' fill='%23f7e6c4'/%3E%3Ccircle cx='50' cy='50' r='33' fill='%23f07a8c'/%3E%3Ccircle cx='50' cy='50' r='24' fill='%23f9b3b9'/%3E%3Cellipse cx='69.0' cy='50.0' rx='2.6' ry='1.8' fill='%235b2c2f' transform='rotate%280 69.0 50.0%29'/%3E%3Cellipse cx='65.4' cy='61.2' rx='2.6' ry='1.8' fill='%235b2c2f' transform='rotate%2836 65.4 61.2%29'/%3E%3Cellipse cx='55.9' cy='68.1' rx='2.6' ry='1.8' fill='%235b2c2f' transform='rotate%2872 55.9 68.1%29'/%3E%3Cellipse cx='44.1' cy='68.1' rx='2.6' ry='1.8' fill='%235b2c2f' transform='rotate%28108 44.1 68.1%29'/%3E%3Cellipse cx='34.6' cy='61.2' rx='2.6' ry='1.8' fill='%235b2c2f' transform='rotate%28144 34.6 61.2%29'/%3E%3Cellipse cx='31.0' cy='50.0' rx='2.6' ry='1.8' fill='%235b2c2f' transform='rotate%28180 31.0 50.0%29'/%3E%3Cellipse cx='34.6' cy='38.8' rx='2.6' ry='1.8' fill='%235b2c2f' transform='rotate%28216 34.6 38.8%29'/%3E%3Cellipse cx='44.1' cy='31.9' rx='2.6' ry='1.8' fill='%235b2c2f' transform='rotate%28252 44.1 31.9%29'/%3E%3Cellipse cx='55.9' cy='31.9' rx='2.6' ry='1.8' fill='%235b2c2f' transform='rotate%28288 55.9 31.9%29'/%3E%3Cellipse cx='65.4' cy='38.8' rx='2.6' ry='1.8' fill='%235b2c2f' transform='rotate%28324 65.4 38.8%29'/%3E%3Cpath d='M50 39c-3 5-11 9-11 15 0 4 4 6 7.5 4.5L45 64h10l-1.5-5.5C57 60 61 58 61 54c0-6-8-10-11-15z' fill='%235b2c2f'/%3E%3C/svg%3E") center/100% no-repeat;box-shadow:0 2px 5px #0007}
.ab-slider::-moz-range-thumb{width:30px;height:30px;border:0;border-radius:50%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Ccircle cx='50' cy='50' r='46' fill='%234f9a3c'/%3E%3Crect x='45.5' y='4' width='9' height='9.5' rx='2' fill='%23fff' transform='rotate%280 50 50%29'/%3E%3Crect x='45.5' y='4' width='9' height='9.5' rx='2' fill='%23fff' transform='rotate%2845 50 50%29'/%3E%3Crect x='45.5' y='4' width='9' height='9.5' rx='2' fill='%23fff' transform='rotate%2890 50 50%29'/%3E%3Crect x='45.5' y='4' width='9' height='9.5' rx='2' fill='%23fff' transform='rotate%28135 50 50%29'/%3E%3Crect x='45.5' y='4' width='9' height='9.5' rx='2' fill='%23fff' transform='rotate%28180 50 50%29'/%3E%3Crect x='45.5' y='4' width='9' height='9.5' rx='2' fill='%23fff' transform='rotate%28225 50 50%29'/%3E%3Crect x='45.5' y='4' width='9' height='9.5' rx='2' fill='%23fff' transform='rotate%28270 50 50%29'/%3E%3Crect x='45.5' y='4' width='9' height='9.5' rx='2' fill='%23fff' transform='rotate%28315 50 50%29'/%3E%3Ccircle cx='50' cy='50' r='36.5' fill='%23f7e6c4'/%3E%3Ccircle cx='50' cy='50' r='33' fill='%23f07a8c'/%3E%3Ccircle cx='50' cy='50' r='24' fill='%23f9b3b9'/%3E%3Cellipse cx='69.0' cy='50.0' rx='2.6' ry='1.8' fill='%235b2c2f' transform='rotate%280 69.0 50.0%29'/%3E%3Cellipse cx='65.4' cy='61.2' rx='2.6' ry='1.8' fill='%235b2c2f' transform='rotate%2836 65.4 61.2%29'/%3E%3Cellipse cx='55.9' cy='68.1' rx='2.6' ry='1.8' fill='%235b2c2f' transform='rotate%2872 55.9 68.1%29'/%3E%3Cellipse cx='44.1' cy='68.1' rx='2.6' ry='1.8' fill='%235b2c2f' transform='rotate%28108 44.1 68.1%29'/%3E%3Cellipse cx='34.6' cy='61.2' rx='2.6' ry='1.8' fill='%235b2c2f' transform='rotate%28144 34.6 61.2%29'/%3E%3Cellipse cx='31.0' cy='50.0' rx='2.6' ry='1.8' fill='%235b2c2f' transform='rotate%28180 31.0 50.0%29'/%3E%3Cellipse cx='34.6' cy='38.8' rx='2.6' ry='1.8' fill='%235b2c2f' transform='rotate%28216 34.6 38.8%29'/%3E%3Cellipse cx='44.1' cy='31.9' rx='2.6' ry='1.8' fill='%235b2c2f' transform='rotate%28252 44.1 31.9%29'/%3E%3Cellipse cx='55.9' cy='31.9' rx='2.6' ry='1.8' fill='%235b2c2f' transform='rotate%28288 55.9 31.9%29'/%3E%3Cellipse cx='65.4' cy='38.8' rx='2.6' ry='1.8' fill='%235b2c2f' transform='rotate%28324 65.4 38.8%29'/%3E%3Cpath d='M50 39c-3 5-11 9-11 15 0 4 4 6 7.5 4.5L45 64h10l-1.5-5.5C57 60 61 58 61 54c0-6-8-10-11-15z' fill='%235b2c2f'/%3E%3C/svg%3E") center/100% no-repeat;box-shadow:0 2px 5px #0007}
.ab-slider:focus-visible{outline:2px solid var(--accent-edge,#638b74);outline-offset:2px;border-radius:6px}
.ab-main{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.ab-main.two{grid-template-columns:repeat(2,minmax(0,1fr))}.ab-main.one{grid-template-columns:minmax(0,1fr)}
.ui-app #playActions .btn.ab-big,#actions .btn.ab-big,.btn.ab-big{min-height:62px;padding:6px 8px;border-radius:11px;border:1px solid #0005;background:var(--accent-fill,#2c503f);color:var(--accent-on,var(--ink));font-size:16px;font-weight:800;line-height:1.2;box-shadow:inset 0 1px 0 #ffffff40,inset 0 -4px 0 #00000038,0 3px 8px #0006;touch-action:manipulation}
.ab-big span{display:block;font-size:15px;font-weight:750}
/* Fold is the quiet button; Check, Call and Bet keep the accent. */
.ui-app #playActions .btn.ab-big[data-ab=fold],#actions .btn.ab-big[data-ab=fold],.btn.ab-big[data-ab=fold]{background:var(--panel2,#1b2d31);color:var(--ink);border-color:var(--line)}
.ab-big:active:not(:disabled){transform:translateY(1px);box-shadow:inset 0 1px 0 #ffffff30,inset 0 -2px 0 #00000038,0 1px 4px #0006}
.ab-big:disabled,.ab-preset:disabled,.ab-amount:disabled,.ab-slider:disabled{opacity:.5;cursor:default}
.ab-note{line-height:1.4}
.ab-pre{display:flex;justify-content:center;gap:8px}
.ab-check{display:flex;align-items:center;justify-content:center;gap:9px;flex:1 1 0;max-width:190px;min-height:46px;padding:6px 10px;border-radius:9px;border:1px solid color-mix(in srgb,var(--line) 70%,transparent);background:color-mix(in srgb,var(--panel2,#1b2d31) 55%,transparent);color:var(--muted);font:inherit;font-size:14px;font-weight:650;cursor:pointer;touch-action:manipulation}
.ab-check i{flex:0 0 auto;width:17px;height:17px;border-radius:4px;border:1.5px solid color-mix(in srgb,var(--muted) 70%,transparent);background:#0003;display:grid;place-items:center}
.ab-check.on{color:var(--ink);border-color:var(--accent-edge,#638b74);background:color-mix(in srgb,var(--accent-soft,#23453a) 70%,transparent)}
.ab-check.on i{background:var(--accent-fill,#2c503f);border-color:var(--accent-fill,#2c503f)}
.ab-check.on i::after{content:"";width:5px;height:9px;margin-top:-2px;border:solid var(--accent-on,#fff);border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
@container (max-width:560px){
  #playActions.ab-bar,#actions.ab-bar{gap:6px}
  .ab-sizing{grid-template-columns:minmax(0,1fr) 76px;gap:4px 8px}
  /* Presets keep one size: four slots across, so two or three never stretch into wide slabs. */
  .ab-presets{grid-column:1/-1;display:flex;gap:5px}
  .ab-preset{flex:1 1 0;max-width:calc((100% - 15px)/4)}
  .ab-preset,.ab-amount{min-height:34px}
  .ab-preset{white-space:nowrap;padding:0 6px}
  /* 34px to save height, with a taller invisible hit area reaching into the row gaps. */
  .ab-preset{position:relative}.ab-preset:before{content:"";position:absolute;inset:-4px 0 -5px}
  /* The slider and the amount box share one row on phones: slider left, box right. */
  .ab-slider{grid-column:1;grid-row:-1;height:34px}
  .ab-amount{grid-column:2;grid-row:-1}
  .ui-app #playActions .btn.ab-big,#actions .btn.ab-big,.btn.ab-big{min-height:52px;padding:4px;font-size:15px}
  .ab-big span{font-size:14px}
  .ab-check{font-size:13px;gap:7px;padding:6px}
}