.perk-hex .icon.icon{text-shadow:none}.chanceOnHit.svelte-nivgf3.svelte-nivgf3:after,.chanceOnBlock.svelte-nivgf3.svelte-nivgf3:after{position:absolute;content:"";left:-20px;bottom:calc(100% + 2px);width:calc(100% + 40px);height:1px;background:linear-gradient(to right,transparent,gray,transparent)}.item .choice.selectable .hexagon{animation:pulse 2s infinite var(--delay)}.special.svelte-nivgf3.svelte-nivgf3{line-height:0;position:absolute;top:50%;left:50%;transform:translate(calc(-50% + .5px),calc(-50% + .5px)) rotate(30deg)}.description.svelte-nivgf3.svelte-nivgf3{max-width:400px;color:#d3d3d3}.title.svelte-nivgf3.svelte-nivgf3{color:gray;text-transform:uppercase;margin-top:24px}.smartphone .item-overlay .item>.title.title{margin-top:10px}.aside.svelte-nivgf3.svelte-nivgf3{overflow:hidden}.clearfix.svelte-nivgf3.svelte-nivgf3{clear:both}.choice.svelte-nivgf3.svelte-nivgf3{position:relative}.item .choice:hover .tooltip.tooltip,.item .locked:hover .tooltip.tooltip{opacity:1;z-index:100}.perks.svelte-nivgf3.svelte-nivgf3{text-align:center}.smartphone .item-overlay .perks{width:20%;flex:none}.item .next .icon:not(.icon-lock-closed){opacity:.25}.faded.svelte-nivgf3.svelte-nivgf3{display:none}.header.svelte-nivgf3 img.svelte-nivgf3{max-width:60px;margin-right:12px}.smartphone .item-overlay .header img{max-width:10vw}.close.svelte-nivgf3.svelte-nivgf3{position:absolute;top:0;right:0;transform:translate(-50%,-50%)}.smartphone .item-overlay .close{position:fixed;top:40px;right:8px;transform:translate(0)}.tier.svelte-nivgf3.svelte-nivgf3{margin-bottom:0;position:relative}.letter.svelte-nivgf3.svelte-nivgf3{font-family:"Bree Serif",sans-serif;font-size:30px}.letter.svelte-nivgf3.svelte-nivgf3,.locked.svelte-nivgf3.svelte-nivgf3{position:absolute;top:50%;left:50%;transform:translate(-50%,calc(-50% - 7px))}.name.svelte-nivgf3.svelte-nivgf3{text-transform:uppercase;font-size:40px;line-height:40px;letter-spacing:1.5px;padding:0 0 4px;text-shadow:1px 1px 1px rgba(0,0,0,.75);font-family:Fira Sans Condensed}.smartphone .item-overlay .aside>.crow>.name{font-size:30px;line-height:30px}.level.svelte-nivgf3.svelte-nivgf3{font-size:24px;line-height:24px;font-weight:300;color:gray}.smartphone .item-overlay .level{font-size:20px;line-height:22px}.level.svelte-nivgf3 .value.svelte-nivgf3{-webkit-text-stroke:1px #000;font-size:30px;line-height:30px;color:#fff;transform:translateY(-1.5px)}.smartphone .item-overlay .level .value{font-size:26px;line-height:18px}