.turn-indicator{padding:10px 20px;border-radius:8px;font-weight:700;text-align:center;margin-bottom:10px}.turn-indicator.red{background-color:#ffeef0;color:#ff4d4f;border:1px solid #ff4d4f}.turn-indicator.black{background-color:#f5f5f5;color:#333;border:1px solid #333}.board{display:grid;grid-template-columns:repeat(9,1fr);grid-template-rows:repeat(10,1fr);border:2px solid #333;background-image:url(./board-CRuu3i9t.svg);border-radius:clamp(12px,5cqw,28px);background-size:cover;position:relative;aspect-ratio:9 / 10;width:min(90vw,72vh);margin:0 auto}.board .river{position:absolute;top:50%;left:0;width:100%;height:10%;transform:translateY(-50%);display:flex;justify-content:space-around;align-items:center;z-index:1;pointer-events:none}.board .river span{font-size:2rem;font-weight:700;color:#75090966;font-family:STKaiti,Kaiti,serif}.board .cell{position:relative;display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1}.board .cell:before{content:"";position:absolute;width:100%;height:1px;background-color:#750909;top:50%;left:0;z-index:0}.board .cell:after{content:"";position:absolute;width:1px;height:100%;background-color:#333;left:50%;top:0;z-index:0}.board .cell:nth-child(-n+9):after{height:50%;top:50%}.board .cell:nth-child(n+82):after{height:50%;top:0}.board .cell:nth-child(9n+1):before{width:50%;left:50%}.board .cell:nth-child(9n):before{width:50%;left:0}.board .cell:nth-child(n+37):nth-child(-n+45):after{height:50%}.board .cell:nth-child(n+46):nth-child(-n+54):after{height:50%;top:50%}.board .cell .piece{box-sizing:border-box;z-index:1;font-size:clamp(12px,5cqw,28px);width:clamp(30px,85%,60px);height:clamp(30px,85%,60px);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;cursor:pointer;background-color:#f0d5a0;-webkit-user-select:none;user-select:none;transition:all .1s;transition:all .1s cubic-bezier(.4,0,.2,1)}.board .cell .piece.active{box-shadow:4px 5px 13px 1px #6a6a6acc;z-index:10;transform:scale(1.01)}.board .cell .piece.red{color:#fff;background-image:url("data:image/svg+xml,%3csvg%20width='73'%20height='73'%20viewBox='0%200%2073%2073'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='36.501'%20cy='36.4922'%20r='36.5'%20fill='%23BC3328'/%3e%3cg%20filter='url(%23filter0_f_24462_83992)'%3e%3cpath%20d='M31.0339%202.29515C31.205%202.25899%2031.368%202.22833%2031.5225%202.20312C31.3587%202.2333%2031.1958%202.26397%2031.0339%202.29515C25.0567%203.5586%209.23199%2011.544%203.31791%2028.7486C4.96407%2018.3229%2010.4213%206.26389%2031.0339%202.29515Z'%20fill='white'%20fill-opacity='0.75'/%3e%3c/g%3e%3ccircle%20cx='36.7114'%20cy='36.7036'%20r='30.0365'%20stroke='white'%20stroke-width='2.22492'/%3e%3cdefs%3e%3cfilter%20id='filter0_f_24462_83992'%20x='2.2059'%20y='1.09066'%20width='30.429'%20height='28.7718'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='0.556231'%20result='effect1_foregroundBlur_24462_83992'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e");background-size:cover}.board .cell .piece.black{color:#fff;background-image:url("data:image/svg+xml,%3csvg%20width='73'%20height='73'%20viewBox='0%200%2073%2073'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3ccircle%20cx='36.5'%20cy='36.5'%20r='36.5'%20fill='%23333333'/%3e%3cg%20filter='url(%23filter0_f_24462_83810)'%3e%3cpath%20d='M31.0339%202.30296C31.205%202.2668%2031.368%202.23614%2031.5225%202.21094C31.3587%202.24111%2031.1958%202.27178%2031.0339%202.30296C25.0567%203.56641%209.23199%2011.5518%203.31791%2028.7564C4.96407%2018.3307%2010.4213%206.2717%2031.0339%202.30296Z'%20fill='white'%20fill-opacity='0.75'/%3e%3c/g%3e%3ccircle%20cx='36.7105'%20cy='36.7114'%20r='30.0365'%20stroke='white'%20stroke-width='2.22492'/%3e%3cdefs%3e%3cfilter%20id='filter0_f_24462_83810'%20x='2.2059'%20y='1.09848'%20width='30.429'%20height='28.7718'%20filterUnits='userSpaceOnUse'%20color-interpolation-filters='sRGB'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20mode='normal'%20in='SourceGraphic'%20in2='BackgroundImageFix'%20result='shape'/%3e%3cfeGaussianBlur%20stdDeviation='0.556231'%20result='effect1_foregroundBlur_24462_83810'/%3e%3c/filter%3e%3c/defs%3e%3c/svg%3e");background-size:cover}.board .cell .piece.check-warning{animation:king-flash .5s infinite alternate;box-shadow:0 0 20px red;background-color:#fcc}.modal-overlay{position:fixed;inset:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-content{background:#f0d5a0;padding:40px 60px;border-radius:15px;text-align:center;border:4px solid #333;box-shadow:0 0 20px #00000080;animation:modalShow .4s cubic-bezier(.175,.885,.32,1.275)}.modal-content h2{font-size:2.5rem;margin:0;font-family:STKaiti,Kaiti,serif}.modal-content.red h2{color:#ff4d4f}.modal-content.black h2{color:#333}.modal-content .winner-label{font-size:100px;margin:20px 0;opacity:.9}.modal-content button{margin-top:20px;padding:10px 30px;font-size:1.2rem;background-color:#333;color:#fff;border:none;border-radius:5px;cursor:pointer}.modal-content button:hover{background-color:#555;transform:scale(1.05)}@keyframes modalShow{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes king-flash{0%{border-color:#333}to{border-color:red;transform:scale(1.1)}}