.game-art--four-in-a-row.fr-stage{position:relative;padding:16px}.game-art--four-in-a-row.fr-stage>.game-art-content{width:100%;justify-content:center}.game-art--four-in-a-row .fr-defs{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.game-art--four-in-a-row .fr-board{display:grid;width:min(100%,420px);aspect-ratio:7 / 6;min-width:0;margin:0;padding:4px;grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:minmax(0,1fr);gap:1px;border:1px solid rgb(61 64 58 / 72%);background:var(--sketch-ground);touch-action:manipulation;-webkit-user-select:none;user-select:none}.game-art--four-in-a-row .fr-board:focus-visible{outline:3px solid var(--art-focus);outline-offset:4px}.game-art--four-in-a-row .fr-column{display:block;width:100%;min-width:0;min-height:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--sketch-ink);cursor:pointer;-webkit-tap-highlight-color:transparent}.game-art--four-in-a-row .fr-column:disabled{opacity:1;cursor:default}.game-art--four-in-a-row .fr-column:focus-visible{z-index:1;outline:3px solid var(--art-focus);outline-offset:-3px}.game-art--four-in-a-row .fr-column svg{display:block;width:100%;height:100%;overflow:visible;pointer-events:none}.game-art--four-in-a-row .fr-feedback{display:grid;justify-items:center;gap:4px;width:100%;padding-top:10px;text-align:center}.game-art--four-in-a-row .fr-instructions,.game-art--four-in-a-row .fr-status{display:block;max-width:min(100%,760px);margin:0;font-family:var(--font-sans);font-size:var(--art-fs-body);font-weight:400;line-height:1.45}.game-art--four-in-a-row .fr-instructions{color:var(--art-muted)}.game-art--four-in-a-row .fr-status{min-height:1.45em;color:var(--art-text)}.fr-shell:has(>.game-art--four-in-a-row){display:flex;flex-direction:column}.fr-shell:has(>.game-art--four-in-a-row)>.fr-toolbar{order:0}.fr-shell:has(>.game-art--four-in-a-row)>.game-art--four-in-a-row{order:1}@media(max-width:767px){.game-art--four-in-a-row.fr-stage{padding:10px 8px}.game-art--four-in-a-row .fr-board{width:100%}.fr-shell:has(>.game-art--four-in-a-row)>.game-art--four-in-a-row{order:0;border-top:0}.fr-shell:has(>.game-art--four-in-a-row)>.fr-toolbar{order:1;border-top:1px solid var(--border)}}