.Home,.canvas{height:100vh;text-align:center;width:100vw}.canvas{display:flex;flex-direction:row;justify-content:space-around}.centerCanvas{align-items:center;justify-content:flex-start;max-width:1100px;min-width:0;width:50vw}.centerCanvas,.rightSideCanvas{display:flex;flex-direction:column;height:100vh}.rightSideCanvas{align-items:end;box-sizing:border-box;gap:1em;justify-content:space-between;padding:1em 0;width:20vw}.leftSideCanvas{align-items:center;display:flex;height:100vh;justify-content:center;width:20vw}.LeaderImageActive,.LeaderImageInactive{min-width:300px;position:absolute;width:50%;z-index:1}.LeaderImageInactive{filter:brightness(30%);margin-top:5vh}.LeaderContainer{bottom:30%;position:relative;right:20%}@media (prefers-reduced-motion:no-preference){.LeaderImageActive{animation:slidein 1.5s linear infinite alternate}}.offlineStatus{animation:blink 2s ease-in infinite;color:red}.onlineStatus{color:#adff2f;opacity:.6}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.PlayPointsContainer{-webkit-text-stroke-color:#000;color:#fff;flex-direction:column;font-family:"Noto Serif JP",serif;gap:1em}.CircleContainer,.PlayPointsContainer{align-items:center;display:flex;justify-content:center}.CircleContainer{background:linear-gradient(180deg,#0a1811d1,#030907e6);border:2px solid #78d2a047;border-radius:2rem;box-shadow:inset 0 0 22px #000000bf,0 6px 16px #0000008c;box-sizing:border-box;padding:1.2em 0}.circles{flex-direction:column-reverse;gap:.55em;height:100%;-webkit-user-select:none;user-select:none}.circle,.circles{align-items:center;display:flex;justify-content:center}.circle{background:radial-gradient(circle at 32% 26%,#7bf0a6 0,#25c06a 40%,#0c8a42 74%,#064f27 100%);border:2px solid #ffffff4d;border-radius:50%;box-shadow:inset 0 2px 4px #fff9,inset 0 -4px 6px #00000073;color:#fff;cursor:pointer;text-shadow:0 1px 2px #000000d9;transition:transform .12s ease,box-shadow .12s ease}.circle:hover{transform:scale(1.08)}.circleFaded{align-items:center;background:radial-gradient(circle at 32% 26%,#5a82694d 0,#12221a8c 80%);border:2px solid #78c8962e;border-radius:50%;box-shadow:inset 0 2px 4px #ffffff14,inset 0 -3px 5px #00000080;color:#ffffff59;cursor:pointer;display:flex;justify-content:center;text-shadow:0 1px 2px #0009;transition:background .15s ease}.circleFaded:hover{background:radial-gradient(circle at 32% 26%,#6ea08266 0,#182e2299 80%)}.circleSocket{background:radial-gradient(circle at 32% 26%,#3c504638 0,#08100c80 80%);border:2px solid #78c8961a;border-radius:50%;box-shadow:inset 0 -3px 5px #00000080;color:#ffffff2e;text-shadow:0 1px 2px #0009}.circleSocket,.pointsContainer{align-items:center;display:flex;justify-content:center}.pointsContainer{background:linear-gradient(180deg,#102018f2,#040b08f2);border:2px solid #78d2a052;border-radius:1.4rem;box-shadow:inset 0 1px 2px #ffffff2e,0 4px 10px #00000080}.points{color:#eafff3;padding:0 .2em;text-shadow:0 1px 2px #000;-webkit-user-select:none;user-select:none}.points,.turnContainer{align-items:center;display:flex;justify-content:center}.turnContainer{gap:1.5em;width:100%}.endTurnContainer,.nextTurnContainer{align-items:center;border:2px solid #ffffff4d;border-radius:1.4rem;cursor:pointer;display:flex;justify-content:center;padding:.55em 1em;transition:transform .12s ease,filter .12s ease;-webkit-user-select:none;user-select:none}.nextTurnContainer{background:linear-gradient(180deg,#34d979,#0c8a42);box-shadow:inset 0 1px 2px #ffffff80}.endTurnContainer{background:linear-gradient(180deg,#2e84f0,#021b79);box-shadow:inset 0 1px 2px #ffffff80}.endTurnContainer:hover,.nextTurnContainer:hover{filter:brightness(1.12);transform:translateY(-1px)}.buttonText{color:#fff;font-family:"Noto Serif JP",serif;text-shadow:0 1px 2px #000000b3;white-space:nowrap}.dec,.inc{width:60px}.buttonsContainer,.dec,.inc{align-items:center;display:flex;justify-content:center}.buttonsContainer{gap:1em;padding:1em;width:100%}.IncDecContainer{align-items:center;display:flex;justify-content:center}.PlayPointsContainer{height:70%;min-height:700px}.CircleContainer{height:80%;max-height:820px;max-width:100px;width:50%}.circle,.circleFaded,.circleSocket{font-size:1.4em;height:38px;width:38px}.pointsContainer{height:70px;width:150px}.points{font-size:26px;height:80px;width:70px}.buttonText{font-size:13px}.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}.cardStyle{height:161px;width:115px}.box{align-items:center;border:4px solid #0000;border-radius:"10px";box-sizing:border-box;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}.sep_on{animation:pulseGlow 2s infinite;border:none;border-radius:8px;font-size:16px;transition:transform .2s ease}@keyframes pulseGlow{0%{box-shadow:0 0 5px #a855f7,0 0 10px #a855f7}50%{box-shadow:0 0 20px #c084fc,0 0 40px #c084fc}to{box-shadow:0 0 5px #a855f7,0 0 10px #a855f7}}@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}.aura,.bane,.box,.box2,.box:hover,.none,.ward{height:161px;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:350px}@media screen and (max-width:2000px){.cardSizeInPreview{aspect-ratio:110/150;max-height:250px}}@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}}.lazy-load-image-background.opacity{opacity:0}.lazy-load-image-background.opacity.lazy-load-image-loaded{opacity:1;transition:opacity .3s}*{-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.353fab13.css.map*/