.stone-board-frame{background:radial-gradient(66% 62% at 50% 46%,#fff6d057,#fff6d000 74%),radial-gradient(82% 80%,#784e1400 58%,#784e142e 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='600' height='600'%3E%3Cfilter id='a' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6 .006' numOctaves='4' seed='7'/%3E%3CfeColorMatrix values='0 0 0 0 .48 0 0 0 0 .28 0 0 0 0 .05 1.3 0 0 0 -.56'/%3E%3C/filter%3E%3Cfilter id='b' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.07 .004' numOctaves='2' seed='3'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 .95 0 0 0 0 .74 .3 0 0 0 -.17'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23b)'/%3E%3Crect width='100%25' height='100%25' filter='url(%23a)'/%3E%3C/svg%3E") 50%/100% 100% no-repeat,linear-gradient(168deg,#efd391 0%,#e9c97f 50%,#dfbb6c 100%);border:1px solid #6846168c;border-radius:5px;position:relative;box-shadow:inset 0 1px #fff8dcb3,inset 1px 0 #fff8dc52,inset 0 0 26px #6c46121a}.stone-board{--stone-line:#322214c7;width:100%;aspect-ratio:var(--stone-cols) / var(--stone-rows);grid-template-columns:repeat(var(--stone-cols), 1fr);grid-template-rows:repeat(var(--stone-rows), 1fr);display:grid;container-type:inline-size}.stone-point{cursor:pointer;background:0 0;border:0;place-items:center;min-width:0;min-height:0;padding:0;display:grid;position:relative}.stone-point:disabled{cursor:default}.stone-point:before,.stone-point:after{content:"";z-index:0;background:var(--stone-line);pointer-events:none;position:absolute}.stone-point:before{height:1px;top:calc(50% - .5px);left:0;right:0}.stone-point:after{width:1px;top:0;bottom:0;left:calc(50% - .5px)}.stone-point[data-left=true]:before{left:50%}.stone-point[data-right=true]:before{right:50%}.stone-point[data-top=true]:after{top:50%}.stone-point[data-bottom=true]:after{bottom:50%}.stone-point:not(.occupied):not(:disabled):not([aria-disabled=true]):hover{background:radial-gradient(circle,#31292033 0 12%,#0000 13%)}.stone-star{z-index:1;aspect-ratio:1;background:var(--stone-line);border-radius:50%;width:clamp(4px,16%,8px);position:absolute}.stone-piece{z-index:3;aspect-ratio:1;width:95%;font-size:var(--stone-cell,20px);font-size:calc(100cqw / var(--stone-cols));-webkit-user-select:none;user-select:none;border-radius:50%;transition:transform .12s;position:absolute}.stone-piece.black,.stone-mini.black{background:radial-gradient(circle at 36% 30%,#ffffff47 0,#ffffff14 17%,#fff0 38%),radial-gradient(circle at 50% 46%,#2f2f31 0,#1b1b1c 54%,#0b0b0c 100%);box-shadow:0 .05em .09em #24160880,0 .015em .02em #24160880,inset 0 -.04em .06em #ffffff12}.stone-piece.white,.stone-mini.white{background:radial-gradient(circle at 36% 30%,#fff 0,#fff0 42%),repeating-linear-gradient(104deg,#786c5400 0 .13em,#786c540b .15em,#786c5400 .17em),radial-gradient(circle at 50% 46%,#fbf9f3 0,#f3efe5 60%,#dbd4c4 100%);box-shadow:0 .05em .09em #2416086b,0 .015em .02em #24160866,inset 0 -.03em .05em #60543e38}.stone-piece.piece-motion-overlay{filter:none}.stone-point.last-move .stone-piece i{background:radial-gradient(circle closest-side, var(--red) 0 calc(24% - .5px), #ffffff4d calc(24% + .5px) calc(24% + 1.5px), #fff0 calc(24% + 2.5px));border-radius:50%;position:absolute;inset:0}.stone-point.winning .stone-piece:after{content:"";border:.08em solid var(--red);pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 .3em #e24e318c}.stone-point.puzzle-hint{background:radial-gradient(circle at 50% 50%, var(--puzzle-hint) 0 24%, var(--puzzle-hint-soft) 26% 44%, transparent 46%);box-shadow:inset 0 0 0 2px var(--puzzle-hint-edge), inset 0 0 0 5px var(--puzzle-hint)}.stone-point.puzzle-hint .stone-star{background:0 0}.stone-mini{--stone-mini:30px;width:var(--stone-mini);aspect-ratio:1;font-size:var(--stone-mini);border-radius:50%;flex:none}.stone-mini.white{box-shadow:0 0 0 1px #4b443942,0 .05em .09em #2416084d,inset 0 -.03em .05em #60543e38}.stone-board[data-viewing] .stone-point{cursor:default}.stone-piece-no{font-family:var(--font-app-sans);font-size:calc(var(--stone-cell) * .36 + 4px);font-variant-numeric:tabular-nums;letter-spacing:-.04em;pointer-events:none;place-items:center;font-weight:600;line-height:1;display:grid;position:absolute;inset:0}.stone-piece-no[data-digits="2"]{font-size:calc(var(--stone-cell) * .32 + 4px)}.stone-piece-no[data-digits="3"]{font-size:max(9px, calc(var(--stone-cell) * .24 + 4.5px))}.stone-board[data-numbers=tight] .stone-piece-no[data-digits="3"]{transform:scaleX(.8)}.stone-piece.black .stone-piece-no{color:#f4efe4}.stone-piece.white .stone-piece-no{color:#1d1a16}.stone-board[data-numbers] .stone-point.last-move .stone-piece i{display:none}.stone-point.last-move .stone-piece.black .stone-piece-no{color:#ff7a6b}.stone-point.last-move .stone-piece.white .stone-piece-no{color:#c3261d}