.Home,.canvas{height:100vh;text-align:center;width:100vw}.canvas{display:flex;flex-direction:row;justify-content:space-around}.centerCanvas{align-items:center;max-width:1100px;min-width:1000px;width:50vw}.centerCanvas,.rightSideCanvas{display:flex;flex-direction:column;height:100vh}.rightSideCanvas{align-items:end;gap:30vh;justify-content:space-between;width:20vw}.leftSideCanvas{align-items:center;display:flex;height:100vh;justify-content:center;width:20vw}@media screen and (max-width:1000px){.centerCanvas{align-items:center;display:flex;flex-direction:column;height:100vh;max-width:880px;width:100vw}.leftSideCanvas,.rightSideCanvas{display:none}}.LeaderImageActive,.LeaderImageInactive{min-width:350px;position:absolute;width:50%;z-index:1}.LeaderImageInactive{filter:brightness(30%);margin-top:5vh}.LeaderContainer{bottom:30%;position:relative;right:20%}@media screen and (min-width:1000px){.LeaderImageActive,.LeaderImageInactive{min-width:300px;position:absolute;width:50%;z-index:1}.LeaderImageInactive{filter:brightness(30%);margin-top:5vh}}@media screen and (min-width:2000px){.LeaderImageActive,.LeaderImageInactive{min-width:350px;position:absolute;width:50%;z-index:1}.LeaderImageInactive{filter:brightness(30%);margin-top:5vh}}@media (prefers-reduced-motion:no-preference){.LeaderImageActive{animation:slidein 1.5s linear infinite alternate}}@media screen and (min-width:1000px){.PlayPointsContainer{-webkit-text-stroke-color:#000;align-items:center;color:#fff;display:flex;flex-direction:column;font-family:"Noto Serif JP",serif;gap:1em;height:70%;justify-content:center;min-height:700px}.CircleContainer{background-color:#0009;height:80%;max-height:820px;max-width:100px;outline:7px ridge #0009;width:50%}.CircleContainer,.circle{align-items:center;border-radius:2rem;display:flex;justify-content:center}.circle{background:radial-gradient(circle at -1% 57.5%,#13aa52 0,#00662b 90%);border-radius:50%;cursor:pointer;font-size:1.5em;height:35px;margin-top:30%;outline:5px ridge #000000e6;width:35px}.pointsContainer{background-color:#000c;border-radius:2rem;bottom:20%;height:70px;left:30%;outline:7px ridge #0009;width:150px}.points,.pointsContainer{align-items:center;display:flex;justify-content:center}.points{font-size:25px;height:80px;padding:0 .2em;-webkit-user-select:none;user-select:none;width:70px}.buttonText{color:#fff;font-family:"Noto Serif JP",serif;font-size:12px}.nextTurnContainer{align-items:center;background:radial-gradient(circle at -1% 57.5%,#13aa52 0,#00662b 90%);display:flex;justify-content:center}.endTurnContainer,.nextTurnContainer{border-radius:2rem;cursor:pointer;height:40px;outline:5px ridge #000000e6;-webkit-user-select:none;user-select:none;width:40px}.endTurnContainer{background:linear-gradient(90deg,#0575e6,#021b79)}}@media screen and (min-width:2000px){.PlayPointsContainer{-webkit-text-stroke-color:#000;align-items:center;color:#fff;display:flex;flex-direction:column;font-family:"Noto Serif JP",serif;gap:1em;height:70%;justify-content:center;max-height:820px}.CircleContainer{background-color:#0009;height:80%;max-width:120px;outline:7px ridge #0009;width:50%}.CircleContainer,.circle{align-items:center;border-radius:2rem;display:flex;justify-content:center}.circle{background:radial-gradient(circle at -1% 57.5%,#13aa52 0,#00662b 90%);border-radius:50%;cursor:pointer;font-size:1.8em;height:45px;margin-top:30%;outline:5px ridge #000000e6;width:45px}.pointsContainer{background-color:#000c;border-radius:2rem;bottom:20%;left:30%;outline:7px ridge #0009;width:170px}.points,.pointsContainer{align-items:center;display:flex;height:80px;justify-content:center}.points{font-size:30px;padding:0 .2em;-webkit-user-select:none;user-select:none;width:70px}.buttonText{color:#fff;font-family:"Noto Serif JP",serif;font-size:14px}.nextTurnContainer{align-items:center;background:radial-gradient(circle at -1% 57.5%,#13aa52 0,#00662b 90%);display:flex;justify-content:center}.endTurnContainer,.nextTurnContainer{border-radius:2rem;cursor:pointer;height:45px;outline:5px ridge #000000e6;-webkit-user-select:none;user-select:none;width:45px}.endTurnContainer{background:linear-gradient(90deg,#0575e6,#021b79)}}.inc{top:0}.dec,.inc{align-items:center;display:flex;justify-content:center;width:60px}.dec{bottom:0}.buttonsContainer{gap:1em;padding:1em}.buttonsContainer,.turnContainer{align-items:center;display:flex;justify-content:center;width:100%}.turnContainer{gap:3em}.IncDecContainer{align-items:center;display:flex;justify-content:center}.downArrow,.upArrow{background-color:#000c;height:"200px";outline:7px ridge #0009;width:"200px"}.circles{bottom:7%;display:flex;flex-direction:column-reverse;height:100%;position:relative;-webkit-user-select:none;user-select:none}.circleFaded{align-items:center;background-color:#00ff001a;border-radius:2rem;border-radius:50%;cursor:pointer;display:flex;font-size:1.8em;height:45px;justify-content:center;margin-top:30%;outline:5px ridge #000000e6;width:45px}.atkInputNum{background-color:initial;border:none;border-radius:0;color:#0000;font-family:"Noto Serif JP",serif;font-size:20px;outline:none;position:absolute;right:65px;text-align:center;top:125px;width:40px;z-index:100}.defInputNum{top:125px}.counterInput,.defInputNum{background-color:initial;border:none;color:#0000;font-family:"Noto Serif JP",serif;font-size:20px;left:65px;outline:none;position:absolute;text-align:center;transform:rotateY(180deg);width:40px;z-index:100}.counterInput{top:50px}@media screen and (min-width:500px){.cardStyle{height:140px;width:100px}}@media screen and (min-width:1000px){.cardStyle{height:140px;width:100px}}@media screen and (min-width:2000px){.cardStyle{height:160px;width:115px}}.box{align-items:center;border:4px solid #0000;border-radius:"10px";display:flex;justify-content:center;z-index:0}.box:hover{background:linear-gradient(#09203f 0,#3c6986 100%) padding-box,linear-gradient(var(--angle),#a166ab,#5073b8,#1098ad,#07b39b,#6fba82) border-box}.box2,.box:hover{align-items:center;animation:rotate .5s linear infinite;border:4px solid #0000;border-radius:10px;display:flex;justify-content:center}.box2{background:linear-gradient(#09203f 0,#3c6986 100%) padding-box,linear-gradient(var(--angle),#da2d0f,#ec403a,#f0a1a1,red) border-box;margin-left:-.2em;margin-right:-.2em}.aura{animation:aura 2.5s linear infinite}.aura,.bane{align-items:center;border:4px solid #0000;border-radius:10px;display:flex;justify-content:center;margin-left:-.2em;margin-right:-.2em}.bane{animation:bane 2.5s linear infinite}.ward{align-items:center;animation:ward 2.5s linear infinite;border:4px solid #0000;border-radius:10px;display:flex;justify-content:center;margin-left:-.2em;margin-right:-.2em}@keyframes aura{0%{box-shadow:0 0 10px -10px #ffc87c}to{box-shadow:0 0 10px 10px #fccf31}}@keyframes bane{0%{box-shadow:0 0 10px -10px #640000}to{box-shadow:0 0 10px 10px #c80000}}@keyframes ward{0%{box-shadow:0 0 10px -10px #b6f492}to{box-shadow:0 0 10px 10px #338b93}}@keyframes rotate{to{--angle:360deg}}@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}@media screen and (min-width:500px){.aura,.bane,.box,.box2,.box:hover,.none,.ward{height:140px;position:relative;width:100px}}@media screen and (min-width:1000px){.aura,.bane,.box,.box2,.box:hover,.none,.ward{height:140px;position:relative;width:100px}}@media screen and (min-width:2000px){.aura,.bane,.box,.box2,.box:hover,.none,.ward{height:160px;position:relative;width:115px}}.LeaderContainerHome{height:100vh;left:10%;width:50vw}.LeaderImageHome{bottom:0;min-width:1000px;width:50vw}.cardHover{height:600px;width:410px}.cardSizeInPreview{aspect-ratio:110/150;max-height:150px}@media screen and (max-width:2000px){.cardSizeInPreview{aspect-ratio:110/150;max-height:120px}}@media screen and (max-width:1600px){.cardHover{height:360px;width:246px}}@media (prefers-reduced-motion:no-preference){.LeaderImageHome{animation:slidein 1.5s ease-in-out infinite alternate}}@keyframes slidein{0%{margin-top:5vh}to{margin-top:10vh}}*{-webkit-touch-callout:none!important;-webkit-user-drag:none!important;-webkit-user-select:none!important;user-select:none!important}#root,html{background-color:#000;height:100vh;margin:0;max-height:100vh;overflow:clip;padding:0;width:100vw}@keyframes fade-in{0%{opacity:0}to{opacity:1}}canvas{animation:fade-in 1s ease .3s forwards;opacity:0;touch-action:none}canvas:active{cursor:grabbing}
/*# sourceMappingURL=main.0db02b43.css.map*/