.board-frame{background:linear-gradient(135deg, #ffffff30, transparent 24%), repeating-linear-gradient(12deg, transparent 0 31px, #6b482106 32px 33px), var(--board);border:1px solid #51391d47;border-radius:8px;width:100%;padding:clamp(18px,2.4vw,32px);position:relative;box-shadow:inset 0 0 0 4px #714c2212,inset 0 0 28px #643c1514}.board-frame:after{content:"";pointer-events:none;border:1px solid #ffffff40;border-radius:4px;position:absolute;inset:4px}.board-grid{z-index:1;aspect-ratio:1;grid-template-rows:repeat(15,1fr);grid-template-columns:repeat(15,1fr);width:100%;display:grid;position:relative}.intersection{cursor:pointer;background:0 0;border:0;border-radius:50%;min-width:0;min-height:0;padding:0;position:relative}.intersection:before,.intersection:after{content:"";pointer-events:none;background:#362c1fad;position:absolute}.intersection:before{height:1px;top:calc(50% - .5px);left:0;right:0}.intersection:after{width:1px;top:0;bottom:0;left:calc(50% - .5px)}.intersection:nth-child(15n+1):before{left:50%}.intersection:nth-child(15n):before{right:50%}.intersection:nth-child(-n+15):after{top:50%}.intersection:nth-child(n+211):after{bottom:50%}.intersection:not(:disabled):not([aria-disabled=true]):hover{background:#fffade3d}.intersection:not(:disabled):not([aria-disabled=true]):hover:after{content:"";background:#21232038;border-radius:50%;width:50%;top:25%;bottom:25%;left:25%}.star-point{z-index:2;background:#2c251cc7;border-radius:50%;width:6px;height:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.stone{z-index:4;border-radius:50%;animation:.15s ease-out place-stone;position:absolute;inset:5%}.stone.black{background:radial-gradient(circle at 35% 28%,#5a5c57 0,#242724 42%,#0b0d0b 78%);box-shadow:0 8px 11px #221c1447,inset -3px -4px 5px #0000004d,inset 2px 2px 3px #ffffff24}.stone.white{background:radial-gradient(circle at 34% 27%,#fff 0,#f5f1e7 45%,#d8d1c1 82%);border:1px solid #48403024;box-shadow:0 8px 12px #40322033,inset -3px -4px 5px #6d5f4821,inset 2px 2px 3px #fffc}.stone.last:after{content:"";background:var(--red);border-radius:50%;width:20%;height:20%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #ffffff59}.intersection.is-winning .stone{box-shadow:0 0 0 3px var(--red), 0 9px 15px #38211647}.coordinates{z-index:2;color:#261e15d1;font-family:var(--font-app-mono), monospace;pointer-events:none;font-size:10px;display:grid;position:absolute}.coordinates-top{text-align:center;grid-template-columns:repeat(15,1fr);top:clamp(7px,.9vw,12px);left:clamp(18px,2.4vw,32px);right:clamp(18px,2.4vw,32px)}.coordinates-left{grid-template-rows:repeat(15,1fr);align-items:center;top:clamp(18px,2.4vw,32px);bottom:clamp(18px,2.4vw,32px);left:clamp(6px,.75vw,10px)}@media (width>=851px),(width>=812px) and (height<=500px){.board-frame{width:var(--fitted-board-size);margin-inline:auto}}@media (width<=600px){.board-frame{padding:18px}.stone{inset:2%}.coordinates-top{left:18px;right:18px}.coordinates-left{top:18px;bottom:18px}}@media (width<=850px){.board-frame{width:min(100%, var(--board-fit-height));margin-inline:auto}}