@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,700&display=swap);body,html{background-color:#064457;color:#fff;font-family:Noto Sans,sans-serif;letter-spacing:.64px;margin:0}@media screen and (min-width:423px){body{padding-bottom:2em}}button:focus{outline:none}@media screen and (min-width:1441px){body{margin:0 auto;max-width:1600px;width:100%}html{background-color:#05556d}}body{display:flex;flex-direction:column;justify-content:center}#app{width:100%}@media screen and (min-width:1251px){#app{align-items:center;border-radius:10px;display:flex;flex-direction:row;justify-content:space-evenly}}@media screen and (max-width:1250px){#app{align-items:center;display:flex;flex-direction:column-reverse;justify-content:center}}#app.condition_1{min-width:740px;padding:2.5em 0}#app.condition_2{min-width:642px;padding:2em 0}#app.condition_3{min-width:500px;padding:1.5em 0}#app.condition_4{min-width:348px;padding:1em 0}#app.condition_5{min-width:250px;padding:1em 0}#game-viewer{box-shadow:10px 10px 3px rgba(0,0,0,.5)}#border{height:100%;width:100%}#game-viewer.condition_1{height:45.9375em;width:45.9375em}#game-viewer.condition_2{height:39.8125em;width:39.8125em}#game-viewer.condition_3{height:30.625em;width:30.625em}#game-viewer.condition_4{height:21.4375em;width:21.4375em}#game-viewer.condition_5{height:15.3125em;width:15.3125em}.square{align-items:center;background-color:#dd9a09;border:.0625em solid #000;box-sizing:border-box;display:flex;flex-direction:column;float:left;font-size:1em;height:3.125em;justify-content:center;margin-left:-.0625em;margin-top:-.0625em;width:3.125em}.chess{border-radius:50%;height:30px;width:30px}.clear-fix{clear:both}.playerOneColor{background-color:#fff;box-shadow:1px 2px 1px #2b2828}.playerTwoColor{background-color:#000;box-shadow:1px 2px 1px #2b2828}.winnerColor{animation:blink-animation 1s steps(2,start) 5 reverse;background-color:gold}@-webkit-keyframes blink-animation{0%{background-color:gold}to{background-color:#dd9a09}}@keyframes blink-animation{0%{background-color:gold}to{background-color:#dd9a09}}#switch-languages{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media screen and (min-width:1251px){#round-viewer{height:22em;padding:1em;width:10em}#round-viewer .chess{margin:20% auto}#replayBtn{margin-top:1.5em}#round-viewer div:nth-child(3){margin:15% auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#switch-languages{margin:0 auto 2em}#controller{align-items:center;display:flex;flex-direction:column;justify-content:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}}@media screen and (max-width:1250px) and (min-width:938px){#controller{align-items:center;display:flex;flex-direction:row-reverse;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:space-around;margin-bottom:1em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#switch-languages{margin-left:1em}}@media screen and (max-width:984px){#controller{align-items:center;flex-direction:column;width:95%}#controller,#switch-languages{display:flex;margin-bottom:1em}#switch-languages{align-self:flex-start;flex-direction:row;margin-left:1em}}@media screen and (max-width:1250px) and (min-width:423px){#round-viewer{align-items:center;box-sizing:content-box;display:flex;flex-direction:row;height:100px;justify-content:space-evenly;padding:1em .5em;width:500px}#round-viewer h3{display:inline}#round-viewer .chess{margin:1.5em auto 1em}#round-viewer div:not(.chess){width:30%}#replayBtn{margin-left:15%}}@media screen and (max-width:984px) and (min-width:758px){#round-viewer{width:80%}}@media screen and (max-width:767px) and (min-width:423px){#round-viewer{box-sizing:content-box;height:100px;padding:10px;width:90%}#round-viewer *{font-size:1em}#replayBtn{margin-left:5px}}@media screen and (max-width:424px){#round-viewer{display:flex;flex-direction:column;flex-wrap:wrap;height:130px;padding:0;width:90%}#round-viewer div:not(.chess){display:flex;flex-direction:row}#round-viewer div:first-child:not(.chess),#round-viewer div:nth-child(2):not(.chess){height:60px;width:65%}#round-viewer .chess{height:30px;margin:1em 10px;width:30px}#round-viewer h3{font-size:1em;margin:10px}#round-viewer div:nth-child(3){align-items:center;display:flex;height:120px;justify-content:center;width:35%}}#round-viewer{background-color:#0b80a3;border:2px solid #70c4de;border-radius:10px}.controller-button{background-color:#0b3a48;border:none;border-radius:8px;box-shadow:0 3px 4px rgba(0,0,0,.5);color:#fff;font-size:1em;font-weight:700;height:50px;padding:1em;text-align:center;text-transform:uppercase;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.controller-button:active{background-color:rgba(11,58,72,.8);box-shadow:0 0 4px rgba(0,0,0,.5);-webkit-transform:translateY(3px);transform:translateY(3px)}@media screen and (max-width:423px){.controller-button{font-size:.8em;padding:1em}}#record-viewer{background-color:#70c4de;border-radius:10px;box-sizing:border-box}@media screen and (min-width:1251px){#record-viewer{padding:0 .2em}}@media screen and (max-width:1250px){#record-viewer{padding:.2em}}#game-record-conculsion{background-color:inherit;border-radius:10px 10px 0 0;display:flex;flex-direction:column}#game-record-conculsion>div{align-items:center;display:flex;flex-direction:row;justify-content:center;margin:15px auto 10px}#game-record-conculsion div:nth-child(2n){box-sizing:content-box;font-size:1.8em;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0;width:100%}#game-record-conculsion div:nth-child(2) div{color:#000;font-weight:700;padding:0 5px}#game-record-conculsion>div p{font-weight:700;margin:0;text-align:center;width:60px}#game-record{background-color:#165a7c;box-sizing:border-box}#roundResult li{display:flex;flex-direction:row;float:right;font-size:1.5em;font-weight:700;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;justify-content:center;list-style:none;margin-bottom:0;margin-top:.4em;padding-bottom:.3em}#roundResult li.Recorded{border-bottom:2px dashed #fff}#roundResult{-webkit-margin-before:0;-webkit-padding-start:20px;-webkit-padding-end:20px;list-style-position:outside;margin:0;margin-block-start:0;padding-inline-end:20px;padding-inline-start:20px}#game-record .chess{box-sizing:content-box;display:inline;margin:0 37px}li.notRecord{border-bottom:2px dashed hsla(0,0%,100%,.05)}div.listNum{height:30px;width:30px}div.notRecord{color:hsla(0,0%,100%,.2);font-weight:400}.chess.notRecord{background-color:hsla(0,0%,100%,.05);border-radius:50%;height:30px;width:30px}#resetBtn{text-align:center}@media screen and (min-width:1251px){#record-viewer{align-items:center;display:flex;flex-direction:column;height:700px;width:180px}#game-record-conculsion{height:110px;width:100%}#game-record{height:500px;width:100%}#resetBtn{margin-top:1.2em}}@media screen and (max-width:1250px) and (min-width:768px){#record-viewer{display:flex;flex-direction:column;flex-wrap:wrap;height:170px;justify-content:space-evenly;margin-top:2em;width:90%}#record-viewer>div:nth-child(3){display:flex;justify-content:center;order:2;width:23%}#game-record-conculsion{align-self:center;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;order:1;width:23%}#game-record-conculsion>div{margin:5px}#game-record-conculsion>div:nth-child(2n){font-size:1.5em}#game-record{align-items:center;align-self:flex-end;border-radius:0 10px 10px 0;display:flex;flex-direction:row;height:100%;justify-content:center;margin-left:2%;order:3;width:75%}#roundResult li{float:left;font-size:1.5em;margin-bottom:1.5em;margin-left:.8em}#roundResult li:nth-child(6n){clear:left}#roundResult li:nth-child(5n+1){margin-left:0}#roundResult li:nth-child(n+6){margin-bottom:0}#game-record .chess{margin:0 25px}}@media screen and (max-width:1056px) and (min-width:938px){#game-record .chess{margin:0 18px}}@media screen and (max-width:937px) and (min-width:768px){#game-record .chess{margin:0 9px}#game-record{margin-left:0}}@media screen and (max-width:767px){#record-viewer{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin-top:2em;width:90%}#record-viewer>div:nth-child(3){display:flex;justify-content:center;order:2;width:30%}#game-record-conculsion{margin-right:10%;order:1;width:30%}#game-record{align-items:center;border-radius:0 0 10px 10px;display:flex;flex-direction:row;justify-content:center;margin-top:.2em;order:3;padding:1em;width:100%}#game-record-conculsion>div{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#game-record .chess{margin:0 5px}#roundResult{padding:0}#roundResult li{float:left;font-size:1em;margin:10px}#roundResult li:nth-child(6n){clear:left}}@media screen and (max-width:544px) and (min-width:424px){#game-record{padding:.8em 0}#game-record .chess{margin:0 0 0 3px}#roundResult li{font-size:.8em}div.listNum{height:30px;width:20px}}@media screen and (max-width:423px){#record-viewer{align-content:center;display:flex;flex-direction:column;justify-items:center}#game-record{border-radius:0}#roundResult{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;order:2;width:100%}#roundResult li:nth-child(6n){clear:none}#game-record-conculsion{margin:0;order:1;width:100%}#record-viewer>div:nth-child(3){display:flex;justify-content:center;margin:10px 0;order:3;width:100%}}#switch-languages{height:2.5em;padding:0}#switch-languages button{border:none;color:#fff;font-size:.9em;font-weight:700;height:100%;margin:0;padding:0;width:7em}.lang-on{background-color:#0e5e5b;box-shadow:inset 3px 4px 3px 0 rgba(0,0,0,.5)}.lang-off{background-color:#188f8b;box-shadow:3px 4px 3px 0 rgba(0,0,0,.5)}#lang-tch{border-radius:10px 0 0 10px}#lang-en{border-radius:0 10px 10px 0}#information{background-color:#b55a00;margin:0 auto;padding:0}#howTo{border-bottom:5px solid #d6d5d5}#aboutAuthor h1,#howTo h3{font-weight:700;margin:0;padding:0;text-transform:uppercase}#howTo p span{display:block}#howTo p span:first-child{margin-top:1em}@media screen and (min-width:1250px){#information{color:#fff;padding:2em 0;width:60em}#aboutAuthor,#howTo{display:flex;flex-direction:row;margin:0 auto;width:90%}#howTo{padding-bottom:2em}#aboutAuthor{margin-top:2em}#aboutAuthor h1.EN,#howTo h3.EN{font-size:1em;width:20%}#aboutAuthor h1.zhTW,#howTo h3.zhTW{box-sizing:content-box;font-size:1.1em;padding-left:.8em;width:20%}#aboutAuthor p,#howTo p{font-size:1em;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0;width:80%}}@media screen and (max-width:1249px) and (min-width:423px){#information{box-sizing:content-box;padding:.5em;width:80%}#aboutAuthor,#howTo{margin:0 auto;padding-bottom:2em;padding-top:1em;width:85%}#howTo{margin-bottom:1em}#aboutAuthor h1,#howTo h3{font-size:1.2em;margin:0 auto 1.8em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#aboutAuthor p,#howTo p{font-size:1em;margin:0 auto;width:100%}}@media screen and (max-width:422px){#information{box-sizing:border-box;padding:0 1em;width:100%}#aboutAuthor h1,#howTo h3{font-size:1.2em;margin:0 auto 1.8em;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}#aboutAuthor p,#howTo p{font-size:1em;margin:0 auto;width:90%}#aboutAuthor,#howTo{padding:1.5em 0}}a{color:blue;font-style:bold;font-weight:400;text-decoration:none}a:hover{text-decoration:underline}
/*# sourceMappingURL=main.eb5f1db0.css.map*/