body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:JetBrains Mono,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:50px}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.Test,.Test *{font-family:JetBrains Mono,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.Test{padding:20px}.Test>*{margin:20px}.Test input,button{background-color:#1b2128;border:1px solid #bbb;border-radius:5px;height:20px;margin:5px;width:50px}.Test button:hover,.Test input:hover{background-color:#101918}.Test button:active,.Test input:active{background-color:#050909;border:2px solid #bbb}.Test button{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#PlayerData{width:40%}*{font-size:14px;line-height:15px}:root{--piece-svg-margin:calc(50% - var(--piece-svg-size)/2);--piece-svg-size:58px}.piece{height:100%;width:100%;z-index:var(--z-index-piece)}.piece-name{font-family:"SH Serif - SemiBold","Source Han Serif K VF",思源宋体 VF,思源黑体 VF,serif;font-size:var(--grid-font-size);font-weight:lighter;height:auto;line-height:calc(var(--grid-font-size));margin:auto calc(50% - var(--grid-font-size)/2);text-align:center;width:var(--grid-font-size)}.piece-svg-container{height:58px;height:var(--piece-svg-size);left:calc(50% - 29px);left:var(--piece-svg-margin);position:absolute;top:calc(50% - 29px);top:var(--piece-svg-margin);width:58px;width:var(--piece-svg-size)}.piece-svg{height:100%;position:relative;top:-2px;width:100%}.piece-svg>path{fill:#1b2128}.piece-name{position:relative;top:-1px;z-index:var(--z-index-piece-name)}.piece.player2{transform:rotate(180deg);transition:0s}.piece.player1 .piece-name{color:var(--color-player1)}.piece.player1 .piece-svg>path{stroke:var(--color-player1)}.piece.player2 .piece-name{color:var(--color-player2)}.piece.player2 .piece-svg>path{stroke:var(--color-player2)}:root{--grid-size:70px;--grid-margin:0px;--grid-padding:5px;--grid-font-size:22px}.grid{--bg-color:#0000;background:var(--bg-color);color:var(--color-light1);height:70px;height:var(--grid-size);margin:0;margin:var(--grid-margin);padding:0;position:relative;transition:.07s;width:70px;width:var(--grid-size)}.board-row:first-child .grid{border-top:0}.board-row:last-child .grid{border-bottom:0}.board-row .grid:last-child{border-right:0}.board-row .grid:first-child{border-left:0}.board-row:first-child .grid:first-child,.board-row:first-child .grid:first-child *{border-radius:var(--inner-border-radius) 0 0 0}.board-row:first-child .grid:last-child,.board-row:first-child .grid:last-child *{border-radius:0 var(--inner-border-radius) 0 0}.board-row:last-child .grid:last-child,.board-row:last-child .grid:last-child *{border-radius:0 0 var(--inner-border-radius) 0}.board-row:last-child .grid:first-child,.board-row:last-child .grid:first-child *{border-radius:0 0 0 var(--inner-border-radius)}.board-row:nth-child(2n) .grid:nth-child(odd),.board-row:nth-child(odd) .grid:nth-child(2n){--bg-color:#6665}.grid,.grid>div{align-items:center;display:inline-flex;justify-content:center}.grid{border:1px solid var(--color-light2);border-radius:0}.grid:hover .hover-effect{background-color:#0006}.grid .effects,.grid .effects>*{height:100%;position:absolute;width:100%}.grid:hover:after{--dp:5px;animation:gridHover .1s ease-out;border:3px solid var(--color-light1);border-radius:5px;content:"";height:calc(100% + var(--dp) + var(--dp));left:calc(var(--dp)*-1);position:absolute;top:calc(var(--dp)*-1);width:calc(100% + var(--dp) + var(--dp));z-index:var(--z-index-hover-effect)}@keyframes gridHover{0%{--dp:1px}to{--dp:4px}}.grid:active{background-color:#0006}.effects .movable-effect{z-index:var(--z-index-movable-effect)}.grid.movable.by-player1{--color-stripe:var(--color-player1)}.grid.movable.by-player2{--color-stripe:var(--color-player2)}.grid.movable .effects .movable-effect{--stripe-start:-0.5%;--stripe-end:calc(var(--stripe-start) + 1.5%);--stripe-gap-end:12%;background:repeating-linear-gradient(45deg,var(--color-stripe) var(--stripe-start),var(--color-stripe) var(--stripe-end),#0000 var(--stripe-end),#0000 var(--stripe-gap-end))}.grid.movable-capturable.by-player1 .effects .movable-effect,.grid.movable-capturable.by-player2 .effects .movable-effect{background:var(--color-captureable-grid)}:root{--selected-color:#fff;--selected-width:3px;--selected-radius:5px;--selected-each-corner-size:22px;--selected-size:91%;--selected-size-hover:100%}.grid .effects .selected-effect{height:91%;height:var(--selected-size);position:absolute;transition:.05s ease-out;width:91%;width:var(--selected-size);z-index:var(--z-index-selected-effect)}.grid:hover .effects .selected-effect{height:100%;height:var(--selected-size-hover);width:100%;width:var(--selected-size-hover)}.grid .effects .selected-effect>div{border:0 solid #fff;height:22px;height:var(--selected-each-corner-size);position:absolute;width:22px;width:var(--selected-each-corner-size)}.grid .effects .selected-effect>div:first-child{border-left:3px solid;border-left:var(--selected-width) solid;border-top:3px solid;border-top:var(--selected-width) solid;border-top-left-radius:5px;border-top-left-radius:var(--selected-radius);left:0;top:0}.grid .effects .selected-effect>div:nth-child(2){border-right:3px solid;border-right:var(--selected-width) solid;border-top:3px solid;border-top:var(--selected-width) solid;border-top-right-radius:5px;border-top-right-radius:var(--selected-radius);right:0;top:0}.grid .effects .selected-effect>div:nth-child(3){border-bottom:3px solid;border-bottom:var(--selected-width) solid;border-bottom-left-radius:5px;border-bottom-left-radius:var(--selected-radius);border-left:3px solid;border-left:var(--selected-width) solid;bottom:0;left:0}.grid .effects .selected-effect>div:nth-child(4){border-bottom:3px solid;border-bottom:var(--selected-width) solid;border-bottom-right-radius:5px;border-bottom-right-radius:var(--selected-radius);border-right:3px solid;border-right:var(--selected-width) solid;bottom:0;right:0}:root{--color-light1:#ddd;--color-light2:#999;--color-light3:#555;--color-player1:#a0d5ef;--color-player2:#e0a5d0;--color-captureable-grid:#e56;--inner-border-radius:10px;--z-index-piece:200;--z-index-piece-name:210;--z-index-selected-effect:110;--z-index-movable-effect:100;--z-index-hover-effect:10000}*,:after,:before{box-sizing:border-box;color:#ddd;color:var(--color-light1);font-family:"SH Serif - Regular","Source Han Serif K VF",思源宋体 VF,思源黑体 VF,serif;font-weight:400;margin:0}.sans-font{font-family:JetBrains Mono,思源黑体 VF,sans-serif}.App{padding:20px}.App>div{display:flex;height:100%;justify-content:center;width:100%}body{background:#1b2128}button{vertical-align:middle}#game-board{align-self:center;border:3px solid #999;border:3px solid var(--color-light2);border-radius:14px;padding:3px}#game-board-inner{align-self:center;border:1px solid #999;border:1px solid var(--color-light2);border-radius:10px;border-radius:var(--inner-border-radius)}.column-no div{display:inline-block;height:calc(var(--grid-size)*.6);margin:var(--grid-margin);width:var(--grid-size)}.row-no div{display:block;height:var(--grid-size);line-height:var(--grid-size);margin:calc(var(--grid-margin)*2);width:calc(var(--grid-size)*.6)}.column-no{position:absolute;transform:translateY(calc(var(--grid-size)*-.6))}.row-no{position:absolute;transform:translate(calc(var(--grid-size)*-.6),calc(var(--grid-margin)*-1))}.board-row{display:flex}@font-face{font-family:"SH Serif - ExtraLight";src:url(/Shogi/static/media/SourceHanSerifTC-ExtraLight.82dded4e7d27d6f37938.otf) format("opentype")}@font-face{font-family:"SH Serif - Light";src:url(/Shogi/static/media/SourceHanSerifTC-Light.cd19266e7ddd36b9fa26.otf) format("opentype")}@font-face{font-family:"SH Serif - Regular";src:url(/Shogi/static/media/SourceHanSerifTC-Regular.c4c9a14cf8f5d409cca0.otf) format("opentype")}@font-face{font-family:"SH Serif - Medium";src:url(/Shogi/static/media/SourceHanSerifTC-Medium.c13e97e763ea0d3d2d94.otf) format("opentype")}@font-face{font-family:"SH Serif - SemiBold";src:url(/Shogi/static/media/SourceHanSerifTC-SemiBold.c16e64ffe05115c0ebb7.otf) format("opentype")}@font-face{font-family:"SH Serif - Bold";src:url(/Shogi/static/media/SourceHanSerifTC-Bold.eb0b8346b3dbc4cd965b.otf) format("opentype")}@font-face{font-family:"SH Serif - Heavy";src:url(/Shogi/static/media/SourceHanSerifTC-Heavy.2c249a90e7bd78e15a29.otf) format("opentype")}@font-face{font-family:WHZ Regular - Bold;src:url(/Shogi/static/media/WangHanZong-Regular-Bold.d68a39e394fde2df88f5.ttf) format("truetype")}@font-face{font-family:"WHZ SemiCursive - Medium";src:url(/Shogi/static/media/WangHanZong-SemiCursive-Medium.e73d546d3b552c38a3b1.ttf) format("truetype")}@font-face{font-family:"ZQLJ Cursive";src:url(/Shogi/static/media/ZhongQiLiuJiang-Cursive.1a72e18c56c181f1250e.ttf) format("truetype")}#settings-panel{margin:10px}#settings-panel,#settings-panel div{align-items:center;display:flex}#settings-dont-switch-player{margin-right:20px}#settings-rerender-all-button{height:25px;width:120px}
/*# sourceMappingURL=main.5a3c9fb8.css.map*/