body,html{padding:0;margin:0;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;background-color:transparent!important;background:transparent!important;--alpha-gene-different:0.2;--alpha-gene-same:1;--color-tooltip:#fff;--color-tooltip-border:#000;--color-aquatic:#00b8ce;--color-beast:#ffb812;--color-bird:#ff8bbd;--color-bug:#ff5341;--color-dawn:#beceff;--color-dusk:#129092;--color-mech:#c6bdd4;--color-plant:#6cc000;--color-reptile:#904cc5;--color-golden:#ffe665;--color-black:#030b13;--color-gray-00:#07111c;--color-gray-01:#222f3d;--color-gray-03:#89949e;--color-white:#fff;--color-clear:#00000000;--size-class-icon:2.625rem;--size-stat-icon:1rem;--size-part-icon:1rem;--size-info-button:0.625rem;--size-bullet:0.25rem;--spacing-xxs:0.125rem;--spacing-xs:0.25rem;--spacing-s:0.5rem;--spacing-m:0.75rem;--spacing-base:1rem;--spacing-l:1.5rem;--radius-m:0.5rem;--radius-base:1rem;--font-size-xs:0.75rem;--font-size-base:1rem;overflow:hidden}a{color:inherit}*{box-sizing:border-box}.ellipsize-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.font-base-normal{color:var(--color-white);font-size:var(--font-size-base)}.font-xsmall-normal{color:var(--color-gray-03);font-size:var(--font-size-xs)}.font-xsmall-normal-white{color:var(--color-white);font-size:var(--font-size-xs)}.hidden-scrollbar::-webkit-scrollbar{display:none}.hidden-scrollbar{-ms-overflow-style:none;scrollbar-width:none}::-webkit-scrollbar{width:1em;border-left:1px solid hsla(0,0%,50%,.15)}::-webkit-scrollbar-thumb{border:.3em solid transparent;border-radius:1em;background-clip:padding-box;background-color:hsla(0,0%,100%,.3)}::-webkit-scrollbar-corner{background-color:transparent}.info-border-gradient{overflow:hidden;z-index:1}.info-border-gradient:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;background:linear-gradient(180deg,#9f5eeb,#1950a0);-webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 2px));mask:radial-gradient(farthest-side,transparent calc(100% - 2px),#000 calc(100% - 2px));z-index:-1}.how-to-play-panel{position:relative;padding:10px;border-radius:14px;color:#fff;z-index:1;svg{position:absolute;top:1px;left:0}button{font-size:18px;font-weight:900}}.how-to-play-panel:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:13px;background:linear-gradient(180deg,#9f5eeb,#1950a0);z-index:-1;padding:3px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}@keyframes scaleUp{0%{transform:scale(0)}to{transform:scale(1)}}@keyframes scaleUpDown{0%{transform:translate(-50%,-50%) scale(.5)}50%{transform:translate(-50%,-50%) scale(1.5)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.result-toast{position:absolute;top:32%;left:50%;transform:translate(-50%,-50%) scale(0);animation:scaleUpDown 1.5s ease-in-out forwards}.tower-bezel{--bezel-bg:#100937;--bezel-logo:url(/assets/zoot-logo/Z-square.png);--bezel-logo-size:90px 90px;--bezel-logo-rotation:15deg;--bezel-logo-opacity:0.06;--bezel-logo-filter:grayscale(1) drop-shadow(1px 1px 0 hsla(0,0%,100%,.05));--bezel-vignette-outer:130px rgba(0,0,0,.65);--bezel-vignette-bottom:0 -34px 60px rgba(0,0,0,.38);position:relative;background-color:var(--bezel-bg);background-image:linear-gradient(180deg,hsla(0,0%,100%,.045) 0,hsla(0,0%,100%,0) 28%,rgba(0,0,0,.18)),repeating-linear-gradient(45deg,hsla(0,0%,100%,.025),hsla(0,0%,100%,.025) 1px,transparent 0,transparent 14px);box-shadow:inset 0 0 var(--bezel-vignette-outer),inset var(--bezel-vignette-bottom)}.tower-bezel:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;transform:rotate(var(--bezel-logo-rotation));transform-origin:center center;background-image:var(--bezel-logo);background-size:var(--bezel-logo-size);background-repeat:repeat;background-position:0 0;filter:var(--bezel-logo-filter);opacity:var(--bezel-logo-opacity);pointer-events:none;z-index:0}.tower-bezel>*{position:relative;z-index:1}.scaleUp{transform:scale(0);animation:scaleUp .25s ease-in forwards}.fadeIn{opacity:0;animation:fadeIn .5s ease-in forwards}