@import url('../bagh-chal/style.css');
.board-wrap{margin:15px auto;max-width:620px;background:radial-gradient(ellipse at center,#3d594230,transparent 65%)}
.point{width:8.3%;height:8.3%;border:1px solid #baa5707a;border-radius:2px;background:#eadbb812;transform:translate(-50%,-50%) rotate(45deg)}.point svg,.point .cell-label{transform:rotate(-45deg)}.point svg{width:115%;height:115%;z-index:2}.point:after{width:38%;height:38%}.point.target{background:#e7c76d50}.point.selected{outline:2px solid #ecd180}.point.central{border-color:#e1c990;background:#c6b27730}.point.bonus{background:#b58b3c55;border-color:#d9b461}.cell-label{font-size:9px;color:#dccba4;position:absolute;pointer-events:none}.point.occupied .cell-label{display:none}.route-arrow{fill:#d2bf84;font-size:10px}.reserve-row{display:flex;justify-content:space-between;gap:8px;align-items:center;margin:10px 0 20px}.reserve-row .eyebrow{font-size:8px}.reserve{display:flex;gap:3px;margin-top:7px;min-height:28px}.reserve button{width:26px;height:26px;background:none;border:1px solid transparent;border-radius:50%;padding:0}.reserve button svg{width:100%;height:100%}.reserve button.legal{border-color:#e1be63}.reserve button.selected{outline:2px solid #e1be63}.home-target{border:1px solid #bba47255;color:#d7c9a4;background:none;padding:8px;font-size:9px}.home-target.target{background:#e7c76d;color:#203c30}.beans{display:flex;justify-content:center;gap:10px;margin:22px 0 10px}.bean{width:30px;height:40px;border-radius:55% 43% 48% 45%;background:#796145;box-shadow:inset 3px 2px 0 #ffffff20,1px 3px 3px #0002;display:grid;place-items:center;transform:rotate(-18deg)}.bean.marked:after{content:'';width:11px;height:15px;border-radius:50%;background:#eee0ba;box-shadow:inset 1px 1px 2px #0003}.bean.unthrown{opacity:.25}.board-foot{gap:15px;line-height:1.5}.underboard{gap:10px;flex-wrap:wrap}.board-lines .route{stroke:#ccb47b;stroke-width:.8;fill:none;opacity:.4}.history-note{border-left:3px solid var(--gold);padding-left:20px}.board-panel .point:disabled{opacity:1;cursor:default}@media(max-width:480px){.board-panel{padding:18px 10px 12px}.reserve button{width:21px;height:21px}.cell-label{font-size:7px}.reserve-row .eyebrow{letter-spacing:.05em}.board-foot{font-size:10px}}

.marker-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin:15px 0}.marker-choice{min-height:54px;display:flex;align-items:center;gap:7px;padding:8px;border:1px solid var(--line);background:transparent;border-radius:4px;text-align:left;color:var(--ink);font-size:12px}.marker-choice svg{width:30px;height:30px}.marker-choice small{display:block;font-size:10px;color:var(--muted);margin-top:4px}.marker-choice.legal{border-color:var(--gold);background:#efe4c6}.marker-choice.selected{outline:2px solid var(--gold)}.marker-choice:disabled{cursor:default;opacity:.6}