.cpg-tactics{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(250px,1fr);overflow:hidden;border:1px solid #d6d5c8;border-radius:14px;background:#fffdf7;color:#23392f;box-shadow:0 8px 30px #2838290a;font:15px/1.6 system-ui,sans-serif;text-align:left}
.cpg-tactics *{box-sizing:border-box}.cpg-tactics [hidden]{display:none!important}.cpg-tactics button{font-family:inherit;cursor:pointer}.cpg-tactics-left{min-width:0;background:#efede5;padding:24px}.cpg-tactics-right{min-width:0;padding:28px}.cpg-tactics-top{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-bottom:14px;font-size:13px}.cpg-tactics-board{container-type:inline-size;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));border:8px solid #715337;border-radius:4px;overflow:hidden;aspect-ratio:1;box-shadow:0 6px 14px #3d2b2626;user-select:none}
.cpg-tactics-square{position:relative;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;padding:0!important;margin:0!important;min-width:0;min-height:0;border:0!important;border-radius:0!important;font-size:clamp(23px,10cqw,58px);line-height:1;color:#17251d;touch-action:manipulation}.cpg-tactics-square.light{background:#eddbc0!important}.cpg-tactics-square.dark{background:#ad8960!important}.cpg-tactics-square.last{background:#c3c085!important}.cpg-tactics-square.selected{background:#ddc16d!important;box-shadow:inset 0 0 0 3px #304f38}.cpg-tactics-square:focus-visible{outline:3px solid #174b8e!important;outline-offset:-3px;z-index:2}.cpg-tactics-square:hover{box-shadow:inset 0 0 0 3px #254d3c88}
.cpg-tactics-piece{font-family:'Segoe UI Symbol','DejaVu Sans',serif;line-height:1;z-index:1;pointer-events:none}.cpg-tactics-piece.white{color:#fff9ea;-webkit-text-stroke:1px #443623;text-shadow:0 1px 2px #33291f88}.cpg-tactics-piece.black{color:#222d26;-webkit-text-stroke:.5px #162019;text-shadow:0 1px 1px #ffffff66}.cpg-tactics-rank,.cpg-tactics-file{position:absolute;font:600 10px/1 system-ui;color:#493626;pointer-events:none}.cpg-tactics-rank{top:3px;left:3px}.cpg-tactics-file{bottom:3px;right:3px}.cpg-tactics-dot{position:absolute;width:23%;height:23%;background:#183c4677;border-radius:50%;pointer-events:none;z-index:2}.cpg-tactics-dot.capture{width:86%;height:86%;border:4px solid #183c4688;background:none}.cpg-tactics-instruction{font-size:12px!important;line-height:1.6!important;color:#5f665b!important;margin:12px 0 0!important}
.cpg-tactics-eyebrow{margin:0 0 10px!important;color:#657450!important;font-size:11px!important;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.cpg-tactics-title{font:500 clamp(25px,3vw,36px)/1.15 Georgia,serif!important;color:#263b30!important;margin:0 0 14px!important}.cpg-tactics-intro{font-size:15px!important;line-height:1.65!important;color:#626759!important;margin:0 0 18px!important}.cpg-tactics-status{padding:14px 16px;border:1px solid #d4ddcb;border-radius:9px;background:#f0f4e9;color:#304a35;font-weight:700;min-height:77px;display:flex;align-items:center;line-height:1.5}.cpg-tactics-status[data-state=error],.cpg-tactics-status[data-state=illegal],.cpg-tactics-error{background:#fff1ed;color:#932e23;border-color:#df9b8e}.cpg-tactics-status[data-state=success]{background:#e3f3df;color:#215a31;border-color:#8caf79}.cpg-tactics-detail{font-size:12px!important;line-height:1.6!important;color:#646b5e!important;margin:12px 0!important}.cpg-tactics-hint{padding:14px!important;background:#fff2cf;border-left:3px solid #b99336;font-size:14px!important;line-height:1.65!important;color:#594a25!important;margin:14px 0!important}
.cpg-tactics-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 12px}.cpg-tactics-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px!important;border:1px solid #244d3d!important;border-radius:7px!important;background:#244d3d!important;color:#fff!important;font:650 13px/1.4 system-ui!important;text-decoration:none}.cpg-tactics-button.secondary{background:#fffdf7!important;color:#244d3d!important}.cpg-tactics-text-button{min-height:40px;padding:5px 0!important;border:0!important;background:transparent!important;color:#31583f!important;font:600 12px/1.5 system-ui!important;text-decoration:underline;text-underline-offset:3px}.cpg-tactics-button:focus-visible,.cpg-tactics-text-button:focus-visible,.cpg-tactics-next:focus-visible{outline:3px solid #3d75ac;outline-offset:3px}.cpg-tactics-next{display:block;width:fit-content;margin-top:16px;color:#244d3d!important;font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:4px}.cpg-tactics-solutions{margin-top:12px;padding:16px;border:1px solid #dbd9cc;border-radius:8px;background:#f5f3eb;font-size:13px}.cpg-tactics-solutions ol{padding-left:20px;margin:8px 0 0}.cpg-tactics-solutions li{margin:8px 0;overflow-wrap:anywhere}.cpg-tactics-promotion{display:flex;align-items:center;flex-wrap:wrap;gap:8px;background:#fff9df;border:2px solid #a28230;border-radius:8px;padding:12px;margin-top:14px}.cpg-tactics-promotion strong{flex-basis:100%;font-size:14px}.cpg-tactics-error{padding:20px;margin:0;font-size:15px}
@media(max-width:760px){.cpg-tactics{grid-template-columns:1fr}.cpg-tactics-left{padding:18px}.cpg-tactics-board{max-width:520px;margin:auto}.cpg-tactics-right{padding:23px}.cpg-tactics-title{font-size:28px!important}.cpg-tactics-status{min-height:62px}.cpg-tactics-top{max-width:520px;margin:0 auto 12px}}
@media(max-width:380px){.cpg-tactics-left{padding:12px}.cpg-tactics-right{padding:18px}.cpg-tactics-board{border-width:5px}.cpg-tactics-top{font-size:12px}.cpg-tactics-rank,.cpg-tactics-file{font-size:9px}}