.cpg-board-frame{position:relative;width:100%;max-width:520px;margin:auto;isolation:isolate}.cpg-board-frame .cpg-tactics-board{width:100%;margin:0}.cpg-annotations-svg{position:absolute;top:8px;left:8px;width:calc(100% - 16px);height:calc(100% - 16px);z-index:4;pointer-events:none;overflow:visible}.cpg-tactics-board[data-annotation-mode=arrow] .cpg-tactics-square,.cpg-tactics-board[data-annotation-mode=circle] .cpg-tactics-square{touch-action:none;cursor:crosshair}.cpg-annotations{margin:12px auto;max-width:520px;padding:12px;border:1px solid #d7d9cc;border-radius:9px;background:#fffdf7;font:12px/1.5 system-ui;color:#2a493b}.cpg-annotation-buttons,.cpg-annotation-colors{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}.cpg-annotation-button{font:600 12px/1.3 system-ui!important;min-height:42px;padding:8px 11px!important;border:1px solid #ced4c7!important;border-radius:6px!important;background:#f8f8f2!important;color:#2a493b!important;cursor:pointer}.cpg-annotation-button[aria-pressed=true]{background:#e1ebdc!important;border-color:#31593d!important;box-shadow:inset 0 0 0 1px #31593d}.cpg-annotation-button:disabled{opacity:.45;cursor:default}.cpg-annotation-button:focus-visible{outline:3px solid #287bdd;outline-offset:2px}.cpg-annotation-colors .cpg-annotation-button:before{content:'';display:inline-block;width:12px;height:12px;background:var(--annotation-color);border-radius:50%;margin-right:5px;border:1px solid #0003;vertical-align:middle}.cpg-annotation-note{font:12px/1.6 system-ui!important;margin:0!important;color:#58654f!important}@media(max-width:380px){.cpg-annotations-svg{top:5px;left:5px;width:calc(100% - 10px);height:calc(100% - 10px)}}