body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}#root{height:100vh;left:0;position:absolute;top:0;width:98%}@media only screen and (min-width:600px){#root{margin-left:2%;margin-right:2%;position:relative}}.button,input[type=button]{background:none;border:2px solid #000;border-radius:20px;color:#000;display:block;font-weight:bolder;height:30px;line-height:20px;margin:10px auto;padding:0 10px;text-align:center;text-transform:uppercase;width:85%}.button,input[type=button]:hover{cursor:pointer}.button.fit{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}span.green{background:#2db563;border-radius:5px;color:#fff;padding:5px}span.square{border:2px solid transparent;border-radius:10px;height:50px;line-height:40px;width:50px}span.bigSquare,span.square{display:inline-block;margin:5px;text-align:center}span.bigSquare{background:#ececec;border-radius:10px;color:#000;font-size:27px;font-weight:700;height:60px;line-height:60px;vertical-align:middle;width:60px}@media only screen and (min-width:600px){.mainTab{margin-left:auto;margin-right:auto;max-width:600px;position:relative}}a{color:#000}.label,a{font-weight:700}.label{display:block;margin-bottom:7px;text-align:center;width:100%}.radioGroup{background:#ececec;border-radius:25px;display:flex;margin:0 auto 30px;padding:0;width:85%}@media only screen and (min-width:600px){.radioGroup{margin-bottom:10px;width:180px}.options{display:flex}}.radioGroup.small{background:none;width:40%}.radioGroup.clear{background:none}.radioGroup input[type=button]{display:inline-block;font-size:11px;margin:3px}.radioGroup input[type=button].active{background:#2db563;border-color:#2db563;color:#fff}.radioGroup input[type=button].inactive{background:none;border:none;color:#000}#setting-buttons{display:flex;justify-content:space-evenly;width:100%}#setting-buttons #start-btn{margin-left:2%;margin-right:2%;width:50%}#setting-buttons #tutorial-btn{margin-left:2%;margin-right:2%;width:30%}.card-table{display:flex;flex-wrap:wrap;justify-content:center;margin-left:2%;margin-right:2%;text-align:center;width:98%}.card-cell{margin-left:1%;margin-right:1%;margin-top:1%;max-width:300px;position:relative}.card-cell .card-label{background-color:#f8f8f8;border-radius:50%;font-size:x-large;font-weight:bolder;height:35px;left:5%;position:absolute;text-align:center;top:5%;width:35px}.card-cell img{height:auto;max-width:100%}.card-table .card-ex{align-items:center;border:1px solid rgba(0,0,0,.075);border-bottom-color:rgba(0,0,0,.125);border-radius:4px;box-shadow:0 1px 2px rgb(0 0 0/5%),0 5px 10px rgb(0 0 0/5%);display:flex;margin:0 .5% 10px;max-width:47%;min-width:800px;text-align:center;transition:border-color .1s ease-in-out,box-shadow .1s ease-in-out}.card-table .card-ex .card-ex-label{font-size:25px;width:10%}.card-table .card-ex .card-ex-label:hover{cursor:pointer}.card-table .card-ex .card-ex-cards{display:flex;max-width:90%}.card-table .card-ex .card-cell{margin:1% 2%;max-width:50%}@media only screen and (max-width:600px){.card-table .card-ex{max-width:400px;min-width:0;position:relative}.card-table .card-ex .card-ex-label{font-size:20px;width:15%}.card-table .card-ex .card-ex-cards{display:block;width:85%}.card-table .card-ex .card-cell{max-width:100%}}.card-nm-labels{margin:20px 2% 0;text-align:center;width:98%}.card-nm-labels,.card-nm-labels .card-label{align-items:center;display:flex;justify-content:center}.card-nm-labels .card-label{border:1px solid rgba(0,0,0,.075);border-bottom-color:rgba(0,0,0,.125);border-radius:6px;box-shadow:0 1px 2px rgb(0 0 0/5%),0 5px 10px rgb(0 0 0/5%);font-size:27px;margin-left:1%;margin-right:1%;max-width:300px;min-height:100px;transition:border-color .1s ease-in-out,box-shadow .1s ease-in-out;width:23%}.card-nm-labels .card-label:hover{cursor:pointer}.tip{align-items:center;display:flex;font-size:20px;justify-content:center;margin-top:5px}.tip input[type=button]{margin:0 0 0 10px;width:80px}.player-area{display:flex;flex-wrap:wrap;justify-content:space-around;width:95%}.bigSquare{cursor:pointer}.codeButtonColor0.active{background:#58b3da;color:#fff}.codeButtonColor1.active{background:#febc12;color:#fff}.codeButtonColor2.active{background:#7f66ad;color:#fff}.codeInserter{margin-left:30px;margin-right:30px;min-width:220px}.codeDisplayer{height:40px}.pageInputCode .codeDisplayer.code .digit{display:inline-block;font-size:30px;text-align:center;width:50px}.codeInserter{display:inline-block}.codeInserter,.codeMessage{margin-bottom:15px}.wrongCode{color:#d01b1b;margin-bottom:5px}.correctCode{color:#2db563}span.blueTriangle,span.purpleCircle,span.yellowSquare{background-position:50%;background-repeat:no-repeat;display:inline-block;height:60px;line-height:60px;margin:5px;text-align:center;vertical-align:middle;width:60px}span.blueTriangle{background-image:url(/static/media/ico_bluetriangle.46d683ce64d22d400a27.svg)}span.yellowSquare{background-image:url(/static/media/ico_yellowsquare.f4b8c974306c5dd27378.svg)}span.purpleCircle{background-image:url(/static/media/ico_purplecircle.0eb3434d30e2005802ee.svg)}.codeInserter .submit{background:#2db563;border-color:#2db563;color:#fff}.note-sheet{min-width:550px;width:calc(100% - 400px)}.note-sheet .row{display:flex;justify-content:space-between;padding:6px;text-align:center}.note-sheet .row.head{font-weight:700;line-height:60px}.note-sheet .row .code{display:inline-block;font-size:25px;min-width:160px}.note-sheet .row .code .bcode,.note-sheet .row .code .pcode,.note-sheet .row .code .ycode{display:inline-block;font-weight:bolder;width:50px}.note-sheet .row .code .bcode{color:#58b3da}.note-sheet .row .code .ycode{color:#febc12}.note-sheet .row .code .pcode{color:#7f66ad}.note-sheet .row .cell{display:inline-block;font-size:25px;min-width:35px}.note-sheet .row .cell.info{padding-left:40px;text-align:left;width:calc(100% - 200px)}.note-sheet .row .cell.yes{color:green}.note-sheet .row .cell.no{color:red}.note-sheet span.blueTriangle,.note-sheet span.purpleCircle,.note-sheet span.yellowSquare{background-position:50%;background-repeat:no-repeat;display:inline-block;height:50px;margin:1px;text-align:center;vertical-align:middle;width:50px}@media only screen and (max-width:600px){.note-sheet{min-width:0;width:95%}.note-sheet .row{justify-content:space-around}.note-sheet .row .cell,.note-sheet .row .code{display:inline-block;font-size:20px}.note-sheet .row .code .bcode,.note-sheet .row .code .pcode,.note-sheet .row .code .ycode{display:inline-block;font-weight:bolder;width:31px}.note-sheet span.blueTriangle,.note-sheet span.purpleCircle,.note-sheet span.yellowSquare{background-size:contain;height:25px;margin:3px;width:25px}}#tipBlock{background-color:#eaf7ef;border:1px solid #2db563;border-radius:10px;color:#323232;padding:15px}#operationTip{font-style:italic}
/*# sourceMappingURL=main.dc9dcacf.css.map*/