.halma-game{max-width:820px;margin:0 auto;text-align:center}.halma-game [hidden]{display:none!important}.halma-setup{display:flex;flex-wrap:wrap;gap:12px;align-items:end;justify-content:center;margin:16px 0}.halma-setup label{display:grid;gap:4px;min-width:175px;text-align:left}.halma-btn{min-height:44px;padding:.7rem 1rem;border:1px solid #202124;border-radius:10px;background:#f3f4f5;color:#202124;-webkit-text-fill-color:#202124;cursor:pointer}.halma-primary{background:#202124;color:#fff;-webkit-text-fill-color:#fff}.halma-status{min-height:1.5em;margin:10px}.halma-board{display:grid;grid-template-columns:repeat(16,1fr);width:min(100%,720px);aspect-ratio:1;margin:0 auto 14px;padding:8px;background:#d6b679;border:7px solid #71502d;border-radius:15px;box-shadow:0 10px 24px rgba(0,0,0,.22)}.halma-cell{position:relative;border:1px solid rgba(72,48,25,.36);padding:0;background:rgba(255,248,224,.52);cursor:pointer}.halma-cell.camp-1{background:rgba(198,40,40,.13)}.halma-cell.camp-2{background:rgba(21,101,192,.13)}.halma-piece{position:absolute;inset:12%;border-radius:50%;box-shadow:inset 0 4px 5px rgba(255,255,255,.4),inset 0 -5px 7px rgba(0,0,0,.18),0 2px 4px rgba(0,0,0,.3);pointer-events:none}.halma-piece.p1{background:radial-gradient(circle at 35% 28%,#ff9e96,#d32f2f 68%,#8e1717)}.halma-piece.p2{background:radial-gradient(circle at 35% 28%,#9cc8ff,#1976d2 68%,#0d4180)}.halma-cell.is-selected{outline:4px solid #fff;outline-offset:-4px}.halma-cell.is-target{box-shadow:inset 0 0 0 4px #2e7d32}.halma-cell.is-selectable:hover{filter:brightness(1.09)}@media(max-width:600px){.halma-board{padding:4px;border-width:4px}.halma-piece{inset:8%}.halma-setup{display:grid}.halma-setup label{min-width:0}}