.duel-grid{display:grid;grid-template-columns:repeat(var(--duel-size),minmax(0,1fr));max-width:630px;margin:auto;border:3px solid #7b7962;background:#ddd1b0}.duel-grid button{aspect-ratio:1;border:1px solid #b6a87f;border-radius:0;padding:0;min-width:0;min-height:0;font-size:clamp(16px,4vw,34px);background:#f2e5c4;color:#263d38;position:relative}.duel-grid [data-owner="1"]{color:#185f80}.duel-grid [data-owner="2"]{color:#a64029}.duel-grid .duel-selected{box-shadow:inset 0 0 0 4px #c58c13;background:#ffe5a0}.duel-grid .duel-target:after{content:'·';position:absolute;inset:0;color:#557a5e;font-size:30px}.duel-grid .duel-pending{background:#ffe5a0}.duel-grid .duel-preview-capture{background:#ffbbad;outline:3px dashed #a64029;outline-offset:-5px}.duel-grid [data-last-from="true"]{background:#e2dbbe}.duel-grid [data-last-to="true"]{box-shadow:inset 0 0 0 3px #93660f}.duel-grid [data-last-to="true"]:before{content:'◆';position:absolute;right:2px;bottom:0;font-size:10px}.duel-grid .duel-captured:not([data-last-to="true"]){background:#f0cfbd}.duel-grid .duel-goal-one{border-top:5px solid #28647c}.duel-grid .duel-goal-two{border-bottom:5px solid #aa4834}.duel-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem}.duel-dots-scroll{overflow:auto;max-width:100%;overscroll-behavior:contain}.duel-dots{display:block;margin:auto;touch-action:pan-x pan-y}.duel-dots [role=button]{cursor:pointer}.duel-dots [role=button]:focus{stroke:#eab952;stroke-opacity:.65;outline:none}.duel-preview{min-height:1.5em;font-weight:bold}.duel-notice{min-height:1.5em}