.connect6-stage{width:min(100%,calc(var(--board-vh) - 30px));gap:5px;max-width:900px;padding:clamp(3px,.7vw,8px);display:grid}.connect6-board{aspect-ratio:1;background:linear-gradient(135deg,#ffffff2e,#0000 28%),repeating-linear-gradient(8deg,#0000 0 28px,#54311107 29px 30px),#d5a85e;border:2px solid #6f4a26;border-radius:5px;grid-template-rows:repeat(19,minmax(0,1fr));grid-template-columns:repeat(19,minmax(0,1fr));width:100%;padding:clamp(11px,2.2vw,23px);display:grid;box-shadow:inset 0 0 0 4px #ffebbf33}.connect6-point{cursor:pointer;background:0 0;border:0;min-width:0;min-height:0;padding:0;position:relative;overflow:visible}.connect6-lines{position:absolute;inset:0}.connect6-lines:before,.connect6-lines:after{content:"";background:#402f1bb8;position:absolute}.connect6-lines:before{width:1px;height:100%;top:0;left:50%;transform:translate(-.5px)}.connect6-lines:after{width:100%;height:1px;top:50%;left:0;transform:translateY(-.5px)}.connect6-point:nth-child(-n+19) .connect6-lines:before{height:50%;top:50%}.connect6-point:nth-child(n+343) .connect6-lines:before{height:50%}.connect6-point:nth-child(19n+1) .connect6-lines:after{width:50%;left:50%}.connect6-point:nth-child(19n) .connect6-lines:after{width:50%}.connect6-star{z-index:1;aspect-ratio:1;background:#49351f;border-radius:50%;width:clamp(3px,.6vw,6px);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.connect6-stone{z-index:3;aspect-ratio:1;border-radius:50%;width:88%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 3px 5px #20150a59}.connect6-stone.black{background:radial-gradient(circle at 34% 28%,#737771,#252724 56%,#070807 88%)}.connect6-stone.white{background:radial-gradient(circle at 34% 28%,#fff,#e8e4d8 65%,#bfb8a8);border:1px solid #463f3038}.connect6-point.last .connect6-stone{box-shadow:0 0 0 3px #358e76d6,0 0 15px #358e7699,0 3px 5px #20150a59}.connect6-point.winning .connect6-stone{box-shadow:0 0 0 3px #e35e45,0 0 18px #e24e31b8}.connect6-coordinate{color:#806442;letter-spacing:.1em;justify-content:space-between;padding:0 3%;font-size:10px;display:flex}.connect6-coordinate strong{letter-spacing:.24em;font-size:11px}.connect6-mini{aspect-ratio:1;border-radius:50%;width:24px;box-shadow:0 2px 5px #00000038}.connect6-mini.black{background:#20221f}.connect6-mini.white{background:#faf8ef;border:1px solid #aaa398}@media (width<=900px){.connect6-stage{width:min(100%,92dvh)}}@media (width<=850px){.connect6-board{width:min(100%, var(--board-fit-height));margin-inline:auto}}