/* Common control geometry. Team colours, Sadu, illustrations and game rules remain game-owned. */
:root{--control-height:48px;--control-radius:6px;--control-space:10px}
body.jalsa-play :is(button.btn,a.btn){box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-block-size:var(--control-height);min-inline-size:0;max-inline-size:100%;padding:11px 18px;border-radius:var(--control-radius);font-family:var(--body,'IBM Plex Sans Arabic',Tahoma,sans-serif);font-size:15px;font-weight:600;line-height:1.65;text-align:center;white-space:normal;overflow-wrap:anywhere;vertical-align:middle}
body.jalsa-play .btn.wide{inline-size:100%}
body.jalsa-play :is(.iconBtn,.rg-choice,.im-choice,.mm-choice){box-sizing:border-box;min-block-size:44px;display:inline-flex;align-items:center;justify-content:center;line-height:1.5;text-align:center;white-space:normal}
body.jalsa-play .iconBtn{padding:8px 13px;border-radius:var(--control-radius)}
:where(.btns,.pc-time-presets,.rg-setting>div,.im-setting>div,.mm-setting>div){gap:var(--control-space);align-items:stretch}
.btns>.btn{flex:1 1 auto}
body.jalsa-play button:disabled{cursor:not-allowed}
body.jalsa-play :is(button.btn,a.btn):focus-visible{outline:3px solid #ad8144;outline-offset:3px}
/* A draw result is a status; the start action keeps a predictable touch target. */
.sjDrawFoot{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:132px;padding:18px 16px;box-sizing:border-box}
.sjDrawFoot .sjDrawWin{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;max-width:100%;min-height:48px;margin:0;padding:9px 22px;border-radius:8px;font:600 clamp(18px,2vw,24px)/1.5 var(--body);text-align:center;overflow-wrap:anywhere}
body.jalsa-play .sjDrawFoot .btn{min-width:176px;min-height:48px;padding:11px 24px;border-radius:6px;font:600 16px/1.6 var(--body)}
.sjDrawFoot .sjDrawWait{margin:0;font:500 18px/1.6 var(--body)}
.session-recovery{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:16px;margin-block:18px;border-inline-start:4px solid #a87835!important}
.session-recovery p{margin:6px 0 0!important;font-size:14px;line-height:1.8}
.session-recovery .btn{flex:none;max-width:320px}
.pc-ready-recovery{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0}
.pc-ready-recovery p{margin:0}
@media(max-width:600px){body.jalsa-play :is(button.btn,a.btn){padding:11px 15px;font-size:14px}.sjDrawFoot{min-height:126px;padding:16px 12px;gap:12px}.sjDrawFoot .sjDrawWin{font-size:20px;padding:10px 18px}.sjDrawFoot .btn{width:min(100%,300px)}.session-recovery,.pc-ready-recovery{align-items:stretch;flex-direction:column}.session-recovery .btn{max-width:none;width:100%}}
@media(prefers-reduced-motion:reduce){body.jalsa-play .btn{transition:none}}
