/* V8: shared commands, visible destinations and readable computer turns. */
.game-utilities{display:flex;flex-wrap:wrap;gap:10px;padding:18px 22px;border-top:1px solid #d9e2ee;background:#f7f9fc}
.game-utilities p{width:100%;font-size:.76rem}.game-utilities p:empty{display:none}
.personal-games{padding:22px;background:#fff;border:1px solid #dbe3ef;border-radius:15px;margin:0 0 26px}
.personal-games h2{font-size:1.3rem}.personal-games h3{font-size:1rem;margin:18px 0 10px}.personal-note{font-size:.84rem;margin:8px 0 12px}
.recent-choice{display:flex;align-items:center;gap:10px;font-size:.85rem;min-height:44px}.recent-choice input{width:18px;height:18px}
.personal-links{display:flex;flex-wrap:wrap;gap:8px}#personal-feedback{font-size:.8rem;margin:10px 0}#clear-recent{font-size:.8rem}
.chess-turn{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 auto 15px;padding:12px 15px;max-width:540px;background:#edf3fc;border:1px solid #d5e1f4;border-radius:10px;min-height:68px;font-size:.86rem}
.chess-turn button{flex-shrink:0}.chess-cell.chess-from{box-shadow:inset 0 0 0 4px #e3a300}.chess-cell.chess-to{box-shadow:inset 0 0 0 4px #087a5b}.chess-cell.chess-check{background:#ffc0b6}
.chess-cell:focus-visible{outline-offset:-4px;z-index:3}.chess-cell.legal:has(.piece):after{width:90%;height:90%;background:transparent;border:4px solid #187856}
#promotion-cancel{margin-top:18px}.solitaire-destinations{margin-top:16px;min-height:0}.solitaire-destinations p{font-size:.9rem;font-weight:700;color:#234b3d;margin-bottom:9px}
.solitaire-destinations>div{display:flex;flex-wrap:wrap;gap:8px}.solitaire-destinations .btn{min-height:44px;font-size:.82rem}
.playing-card.card-destination{outline:3px solid #10865b;outline-offset:-2px;background-color:#effdf6}.column-destination:after{content:'↓';position:absolute;right:4px;bottom:3px;font-size:22px;color:#0b7952;z-index:5;pointer-events:none;background:#fff;border-radius:50%;width:25px;text-align:center;line-height:25px}
#solitaire-tableau .playing-card:focus-visible{z-index:10;outline-offset:-3px}
#progress-new-confirm{border:2px solid #b98b36;padding:18px;background:#fff8e7;border-radius:12px}#progress-new-confirm:focus{outline:2px solid #2458e5}
.game-panel.game-focus-mode{position:fixed;inset:0;z-index:10000;max-width:none;width:100%;height:100vh;height:100dvh;margin:0;border:0;border-radius:0;background:#eff3f8;overflow:auto;overscroll-behavior:contain;box-sizing:border-box;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.game-focus-mode .game-toolbar{position:sticky;top:0;z-index:30;background:#fff;padding:10px 20px;min-height:64px}.game-focus-mode .game-body{max-width:1150px;margin:auto;min-height:0;background:white;padding:18px 22px}
.game-focus-mode .game-status,.game-focus-mode .local-progress,.game-focus-mode .game-utilities{max-width:1150px;margin-left:auto;margin-right:auto}.game-focus-mode .chess-wrap{max-width:min(680px,calc(100dvh - 280px));min-width:260px}.game-focus-mode .chess-cell .piece{font-size:clamp(28px,6dvh,60px)}
.game-focus-mode .card-game-body{--card-height:clamp(74px,12vw,138px);--card-step:29px}.game-focus-mode .game-extra-actions{margin-top:16px}.game-focus-mode .key-tip{margin-top:12px}
.game-focus-mode .game-body [hidden],.game-utilities [hidden],.personal-games [hidden]{display:none!important}
@media(max-width:570px){.game-utilities{padding:14px;gap:8px}.game-utilities .btn{font-size:.78rem}.personal-games{padding:16px}.chess-turn{padding:10px;font-size:.8rem;gap:8px}.chess-turn .btn{font-size:.78rem;padding:8px 11px}.solitaire-destinations .btn{padding:9px;font-size:.75rem}.game-focus-mode .game-toolbar{padding:9px}.game-focus-mode .game-body{padding:12px}.game-focus-mode .chess-wrap{min-width:0;max-width:100%}.game-focus-mode .chess-cell .piece{font-size:clamp(25px,8vw,42px)}}
@media(prefers-reduced-motion:reduce){.game-focus-mode *{scroll-behavior:auto!important}.game-card{transition:none!important}}
