.strategy-checkers{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));max-width:360px;margin:14px 0;border:3px solid #77988a;border-radius:6px;overflow:hidden}
.strategy-checkers .strategy-square{aspect-ratio:1;min-height:0;padding:0;border:0;border-radius:0;font-size:clamp(16px,4vw,28px);opacity:1;color:#f7f7eb}
.strategy-square.light{background:#cddace}.strategy-square.dark{background:#324a42}.strategy-square.own{color:#ffd76a}.strategy-square.enemy{color:#fc8995}.strategy-square.target{background:#185e49;color:#b9ffe2;box-shadow:inset 0 0 0 3px #9bf1c4;cursor:pointer}
.strategy-square:focus-visible{outline:3px solid #fff;outline-offset:-5px}.strategy-dots{display:grid;grid-template-columns:14px 1fr 14px 1fr 14px 1fr 14px;grid-template-rows:20px 90px 20px;max-width:420px;margin:18px 0;align-items:center;justify-items:center;gap:4px}
.strategy-dot{width:12px;height:12px;border-radius:50%;background:#f7f5d7}.strategy-edge{background:#7e978980;color:#fff;font-weight:900;display:grid;place-items:center;border-radius:3px}.strategy-edge.horizontal{height:18px;width:100%}.strategy-edge.vertical{width:18px;height:100%}.strategy-edge.taken{background:#f4bd53;color:#202820}.strategy-box{display:grid;place-items:center;width:100%;height:100%;font-size:22px;color:#bdd0c7}.strategy-box.closed{background:#794456;color:#fff;border-radius:8px}.strategy-actions{display:flex;flex-wrap:wrap;gap:8px}.strategy-actions button{max-width:100%;white-space:normal}.strategy-lesson button:disabled{cursor:default}.strategy-lesson p{overflow-wrap:anywhere}