.nav{display:inline-block;width:200px;padding:8px 12px;background:#264653;color:#f5f5f5;font-size:20px;text-decoration:none}.nav:hover{background:#f4a261}.navActive{background:#2a9d8f;color:#fff;padding-top:12px;border-radius:4px 4px 0 0}.main{display:grid;grid-template-columns:1fr 1fr;width:100%;height:100%}.board{display:grid;grid-row:1/3;place-self:center;grid-template-columns:repeat(8,1fr);width:512px;border:2px solid #6a5acd;background:grey;border-radius:2px}.square{position:relative;width:64px;height:64px;background:#fff;border-radius:2px;overflow:hidden}.rlt{width:88px;height:88px;background:red}.rlt,.rlt:after{position:absolute;border-radius:50%}.rlt:after{content:"";bottom:24px;left:24px;width:40px;height:40px;background:#fff}.nF{background-image:linear-gradient(red,red 40%,grey 50%,grey 0);width:24px;height:128px;left:20px;-webkit-animation:n-enter .5s forwards;animation:n-enter .5s forwards}.nF,.wF{position:absolute}.wF{background-image:linear-gradient(90deg,red 0,red 40%,grey 50%,grey 0);width:128px;height:24px;bottom:20px;-webkit-animation:w-enter .5s forwards;animation:w-enter .5s forwards}.sF{background-image:linear-gradient(0deg,red 0,red 40%,grey 50%,grey 0);width:24px;height:128px;left:20px;-webkit-animation:s-enter .5s forwards;animation:s-enter .5s forwards}.eF,.sF{position:absolute}.eF{background-image:linear-gradient(270deg,red 0,red 40%,grey 50%,grey 0);width:128px;height:24px;-webkit-animation:e-enter .5s forwards;animation:e-enter .5s forwards;bottom:20px}@-webkit-keyframes n-enter{0%{bottom:-128px}to{bottom:-64px}}@keyframes n-enter{0%{bottom:-128px}to{bottom:-64px}}@-webkit-keyframes n-out{0%{bottom:-64px}to{bottom:0}}@keyframes n-out{0%{bottom:-64px}to{bottom:0}}@-webkit-keyframes w-enter{0%{left:64px}to{left:0}}@keyframes w-enter{0%{left:64px}to{left:0}}@-webkit-keyframes w-out{0%{left:0}to{left:-64px}}@keyframes w-out{0%{left:0}to{left:-64px}}@-webkit-keyframes s-enter{0%{bottom:64px}to{bottom:0}}@keyframes s-enter{0%{bottom:64px}to{bottom:0}}@-webkit-keyframes s-out{0%{bottom:0}to{bottom:-64px}}@keyframes s-out{0%{bottom:0}to{bottom:-64px}}@-webkit-keyframes e-enter{0%{left:-128px}to{left:-64px}}@keyframes e-enter{0%{left:-128px}to{left:-64px}}@-webkit-keyframes e-out{0%{left:-64px}to{left:0}}@keyframes e-out{0%{left:-64px}to{left:0}}.nL{left:-44px;bottom:-44px;background-image:conic-gradient(#fff 25%,red 25%,red 45%,grey 50%,grey 75%,#fff 75%)}.nR{background-image:conic-gradient(#fff 25%,grey 25%,grey 50%,red 55%,red 75%,#fff 75%)}.nR,.wL{left:20px;bottom:-44px}.wL{background-image:conic-gradient(red 0,red 20%,grey 25%,grey 50%,#fff 50%,#fff 100%)}.wR{background-image:conic-gradient(grey 0,grey 25%,red 30%,red 50%,#fff 50%,#fff 100%)}.sL,.wR{left:20px;bottom:20px}.sL{background-image:conic-gradient(grey 0,grey 25%,#fff 25%,#fff 75%,red 75%,red 95%)}.sR{background-image:conic-gradient(red 5%,red 25%,#fff 25%,#fff 75%,grey 75%,grey 100%)}.eL,.sR{left:-44px;bottom:20px}.eL{background-image:conic-gradient(#fff 0,#fff 50%,red 50%,red 70%,grey 75%,grey 100%)}.eR{left:-44px;bottom:-44px;background-image:conic-gradient(#fff 0,#fff 50%,grey 50%,grey 75%,red 80%,red 100%)}.turnL{-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.turnL,.turnR{transition:-webkit-transform .5s;transition:transform .5s;transition:transform .5s,-webkit-transform .5s}.turnR{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.inputPad{display:block;place-self:center;margin:30px 40px;border:1px solid #708090;text-align:center;background:#adff2f;width:200px;height:140px}.inputPad:hover:after{content:"Now You Can make Input \A Using Up, Left, Right arrow";white-space:pre}.gameInfo{display:block;place-self:center;text-align:center;font-size:18px;width:auto;max-width:600px}.alertLayer{position:absolute;display:grid;grid-template-columns:auto;left:0;top:0;width:100%;height:100%;color:#00f;text-shadow:0 0 2px grey;background:rgba(218,112,214,.5)}.alertLayer>div{place-self:center;width:640px;text-align:center;font-weight:700;font-size:32px;white-space:pre;background:rgba(240,240,0,.5)}.alertLayer>div:first-child{font-size:44px}@media only screen and (max-width:750px){.main{grid-template-columns:auto}}.AbsenCam{position:relative;margin:0;width:auto;min-width:55vh;max-width:60vh;height:100vh;font-size:2.5vh;color:#f5f5f5;--xA:#2a9d8f;--xB:#264653;--xC:#e9c46a;--xD:#f4a261;--xE:#e76f51;background:var(--xB)}.AbsenCam>div,article,footer,section{box-sizing:border-box}*{font-family:Arial,Helvetica,sans-serif}.abso{position:absolute;top:0;left:0;width:100%;height:100%}.f{place-self:end center}.fc{place-self:center}.fr{place-self:end}.fl{place-self:end start}.g{display:grid}.basic{grid-template-rows:1fr 2fr 9.5fr 3.5fr}.onebtn{grid-template-rows:1fr 2fr 11fr 2fr}.nogroup{grid-template-rows:1fr 13fr 2fr}.login{grid-template-rows:1fr 9fr 2.5fr 3.5fr}.modal{grid-template-rows:3fr 2fr 2fr 3fr}.loadr{grid-template-rows:1fr 3fr 2fr 1fr 4fr 1fr 1fr 1fr}.inpbox{grid-template-columns:5fr 1fr}.ctrla,.inpbox{padding-bottom:.8em}.ctrla{grid-template-columns:2fr 1fr}.ctrlb{grid-template-columns:1fr 1fr;padding-bottom:.8em}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@-webkit-keyframes showMe{0%{-webkit-filter:blur(1px);filter:blur(1px);-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-filter:none;filter:none;-webkit-transform:scale(1);transform:scale(1)}}@keyframes showMe{0%{-webkit-filter:blur(1px);filter:blur(1px);-webkit-transform:scale(.8);transform:scale(.8)}to{-webkit-filter:none;filter:none;-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes popUp{10%{opacity:1}80%{opacity:1}0%{opacity:0}}@keyframes popUp{10%{opacity:1}80%{opacity:1}0%{opacity:0}}.view{position:absolute;width:100%;height:100%;background-image:linear-gradient(var(--xA),var(--xB),var(--xB));-webkit-animation:showMe .2s ease-in;animation:showMe .2s ease-in}.pop,.view{display:grid}.pop{width:90%;height:70%;background-color:var(--xB);box-shadow:0 0 2px #fff;z-index:2;-webkit-animation:showMe .5s ease-in;animation:showMe .5s ease-in}.header{display:block;margin:0 20% .8em;padding:.2em;background:var(--xB);border:1px solid #fff;border-top:none;box-shadow:0 2px 2px var(--xC);border-radius:0 0 .4em .4em;color:#cff;font-size:1em;text-align:center;font-weight:700;text-shadow:0 0 2px #000,0 2px 2px var(--xB)}.content{position:relative}.imagePreview{width:98%;height:22em;object-fit:contain}.control{display:grid;margin:.2em 1% 0;padding-top:.7em;border-radius:.6em .6em 0 0;background-image:linear-gradient(var(--xA),var(--xB) 25%,var(--xB))}.label{display:block;width:100%;padding-left:.2em;text-align:left;color:#eee;font-size:1em}.small{display:inline-block;vertical-align:middle;color:#eee;font-size:.8em}.input{margin:.3em 0 0 .8em;width:11em;border:none;border-bottom:1px solid #f5f5f5;background:none;color:#f5f5f5;font-size:1.1em}.input:disabled{color:#999;border-bottom:1px solid #999}.input:focus{outline:none;color:#ccc;text-align:left}.btnAdd{padding:.2em;border:1px solid var(--xD);border-radius:.15em;background:var(--xD);color:#fff;font-size:1em;text-shadow:1px 1px #333;box-shadow:2px 2px 1px #333}.btnAdd:active{color:grey;box-shadow:none;background:#fff}.btnAdd:focus{outline:none}.btnAdd:disabled{color:grey;border-color:grey}.back{position:relative;border:none;background:none;color:#f5f5f5;font-size:1.1em;text-shadow:0 0 2px grey,0 0 4px #fff;text-align:left}.back:disabled{color:grey;text-shadow:0 0 2px grey}.back:active{outline:none;-webkit-transform:translateY(.1em);transform:translateY(.1em)}.sButton{position:relative;padding:.6em 0;min-width:5em;max-width:5em;border:none;border-radius:.4em;color:#fff;font-size:1.1em;text-shadow:1px 1px #333;box-shadow:2px 2px 1px #333;background:var(--xD)}.sButton:active{color:grey;outline:none;box-shadow:none;background:#fff;-webkit-transform:translateY(.1em);transform:translateY(.1em)}.sButton:focus{outline:none;text-shadow:0 0 2px red,0 0 4px red,0 0 6px red}.sButton:disabled{background:var(--xE);color:grey;text-shadow:1px 1px #555;border-color:grey}.cancel{position:relative;color:inherit;text-shadow:inherit}.cancel:active{outline:none;-webkit-transform:translateY(.1em);transform:translateY(.1em)}input[type=checkbox]{display:inline-block;vertical-align:middle}.info{position:absolute;left:.5em;bottom:11em;padding:.4em .6em;border:1px solid #555;width:auto;max-width:15em;font-size:.9em;color:#06062d;background:rgba(240,240,40,.6);opacity:0;-webkit-animation:popUp 3s ease 1;animation:popUp 3s ease 1;z-index:3}.watermark{width:5.5em;height:5.5em;opacity:.5}.hidden{display:none}.opaque{visibility:hidden}h2,h3{color:#ccf;text-align:center;text-shadow:1px 1px #000}h4{color:#33a;text-shadow:0 0 1px red,0 0 3px #fff,0 0 6px #fff}.spinner{position:relative;background-image:conic-gradient(#ccc 0,#ccc 16%,var(--xB) 18%,var(--xB) 60%,#ccc 95%,#ccc 100%);width:6.6em;height:6.6em;border-radius:50%;-webkit-animation:spin 2s cubic-bezier(.6,.4,.6,.8) 6;animation:spin 2s cubic-bezier(.6,.4,.6,.8) 6}.spinner>div{position:absolute;display:block;width:6em;height:6em;top:.3em;left:.3em;border-radius:50%;background:var(--xB)}.boxMenu{margin:0 10%;padding:2em 1.5em;border:none;border-radius:2em;box-shadow:0 0 2px #fff,0 2px 2px var(--xA);grid-template-rows:repeat(1fr,4) 2em 1fr;grid-gap:.6em}.menu{position:relative;color:#ddd;text-shadow:0 0 2px #000,0 0 4px #000,2px 1px 5px grey;text-align:center;border:none;box-shadow:0 .2em #777;border-radius:.2em;background:var(--xD);font-size:1.4em}.typeC{background:var(--xC)}.typeE{background:var(--xE)}.menu:active{box-shadow:0 .1em #dadada;background:#8cf;-webkit-transform:translateY(4px);transform:translateY(4px)}.menu:focus{outline:none}.preview{width:98%;height:98%;max-height:98%;object-fit:contain}.next{font-size:1.3em;margin:0 .2em;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.video{position:absolute;top:0;left:0;width:100%;height:auto}.video :disabled{visibility:hidden}.boxTable{margin:3%;max-width:94%;max-height:94%;overflow:auto}.table{position:relative;margin:0;white-space:nowrap;height:auto;width:auto;border-collapse:collapse;table-layout:fixed;border:1px solid #f5f5f5}.table th{outline:1px solid #f5f5f5;overflow:hidden;z-index:0}.table thead th{position:-webkit-sticky;position:sticky;top:0;z-index:1;min-width:2em;max-width:2.4em;background:var(--xB)}.table thead th.tDate{top:1.35em;text-shadow:1px 1px 1px var(--xB);background:var(--xE)}.table thead th.tMonth{min-width:2.4em;color:var(--xB);text-shadow:1px 1px 1px #f5f5f5;background:var(--xD)}.table tbody th{position:relative;font-weight:400;background:var(--xB)}.table tbody tr>th:first-child{position:-webkit-sticky;position:sticky;left:0;max-width:5.5em;text-align:left;padding-left:.2em;text-shadow:1px 1px 1px var(--xB);background:var(--xA);z-index:1}.table thead th.tHName{background:var(--xD);text-shadow:1px 1px 1px var(--xB);z-index:2;left:0}.settContainer{padding:3em .6em}.settMenu{position:relative;display:grid;grid-template-columns:5fr 2fr;grid-template-rows:2.4em auto;margin-bottom:.6em;padding:.5em .5em .5em 1em;width:100%;height:auto;min-height:2.8em;max-height:2.8em;overflow:hidden;background-color:var(--xB);box-shadow:0 2px 2px var(--xA);transition:min-height .5s}.settMenu:target{max-height:7.5em;min-height:7.5em}.settMenu>:nth-child(2),.settMenu>:nth-child(3){opacity:0;transition:opacity .3s .2s}.settMenu:target>:nth-child(2),.settMenu:target>:nth-child(3){opacity:1}.settMenu>.label:first-child{margin-left:-.5em;grid-column:1/span 2}.hollowButton{display:block;position:absolute;top:0;left:0;height:2.8em;width:100%;opacity:0}.loginBox{display:grid;grid-template-rows:2fr 2fr 3fr;grid-gap:.5em;padding:2em 1em 0;background:var(--xB);border:1px solid #fff;border-radius:.6em;box-shadow:0 2px 2px var(--xA)}
/*# sourceMappingURL=main.917c3b6d.chunk.css.map */