*,*:before,*:after{box-sizing:border-box;-webkit-user-select:none;-ms-user-select:none;user-select:none}*:focus{outline:none!important}h1,h2,h3,h4{margin:0;padding:0;font-weight:400}ul{list-style:none;padding:0;margin:0}button{border:none;margin:0;padding:0;width:auto;overflow:visible;background:transparent;color:inherit;font:inherit;line-height:normal;-webkit-font-smoothing:inherit;-moz-osx-font-smoothing:inherit;appearance:none}button::-moz-focus-inner{border:0}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}input[type=text]{border-radius:0}img{margin:0;padding:0;width:100%;height:auto;-webkit-user-drag:none;-khtml-user-drag:none;-moz-user-drag:none;-o-user-drag:none;user-drag:none}body{font-family:Crock}html,body{margin:0;height:100%;color:#fff}.hapna{font-family:Hapna;font-weight:500;word-spacing:-2px}.fred{filter:brightness(.5) sepia(1) saturate(10000%)}.fgold{filter:brightness(0) saturate(100%) invert(90%) sepia(29%) saturate(3711%) hue-rotate(349deg) brightness(108%) contrast(101%)}.gold{color:gold}.red{color:red}.bw{filter:grayscale(1)}.opacity50{opacity:.5}#app{height:100%;position:relative;display:flex;align-items:center}.menu{position:absolute;width:540px;height:990px}.menu.right{right:0}.menu .container{display:flex;flex-direction:column;-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 110%;-webkit-mask-position-y:0px;padding:26px 54px 40px;height:100%;width:100%;position:absolute;left:0;top:0}.menu .container>*{z-index:10;position:relative}.menu .container>.background{content:"";z-index:5;position:absolute;width:100%;height:100%;top:0;left:0;background-image:url(./background.png);filter:invert(100%);background-repeat:no-repeat;background-size:100% 100%}header{background:url(./menu_header.png);background-repeat:no-repeat;background-size:cover;width:100%;height:108px;min-height:108px;text-transform:uppercase;display:flex;justify-content:center;align-items:center}header h1{font-weight:100;font-size:40px}main{flex:auto;display:flex;flex-direction:column;justify-content:space-between}main h2{margin-top:15px;text-align:center;font-size:1.3em;position:relative}.footer{flex-grow:1;display:flex;flex-direction:column;justify-content:flex-end}.scroller{display:grid;grid-template-columns:204px 24px 204px}.scroller div{background-repeat:no-repeat;background-size:100% 100%;height:24px}.scroller.top{margin-bottom:5px;margin-top:-8px}.scroller.top .left,.scroller.top .right{background-image:url(./scroller_right_top.png)}.scroller.top .center{background-image:url(./scroller_line_up.png)}.scroller.top .center.active{background-image:url(./scroller_arrow_top.png)}.scroller.bottom{margin-top:5px}.scroller.bottom .left,.scroller.bottom .right{background-image:url(./scroller_right_bottom.png)}.scroller.bottom .center{background-image:url(./scroller_line_down.png)}.scroller.bottom .center.active{background-image:url(./scroller_arrow_bottom.png)}.list{position:relative;overflow-y:hidden;display:block;padding-top:3px;width:calc(100% + 12px);margin-left:-6px;padding-bottom:3px}.list .item{display:grid;position:relative;width:100%;min-height:53px;align-items:center;padding:3px 26px;scroll-margin-top:3px;scroll-margin-bottom:3px}.list .item.active:after{border-color:#d80419;border-image-repeat:round;border-image-slice:10 10 10 10 fill;border-image-source:url(./hover.png);border-style:solid;border-width:8px;box-sizing:border-box;content:"";opacity:1;pointer-events:none;position:absolute;right:0px;top:-3px;bottom:-3px;left:0px;z-index:10}.list .item>*{display:block;z-index:10}.list .item .background{position:absolute;top:3px;bottom:3px;left:6px;right:6px;filter:invert(75%);z-index:5;background-image:url(./selection_box_bg_1d.png);background-size:100% 100%}.list .item h3{font-size:1.4em;display:flex;column-gap:5px;align-items:center}.list .item h3 .prefix{width:20px}.list .item h3 .prefix .star{filter:brightness(0) saturate(100%) invert(90%) sepia(29%) saturate(3711%) hue-rotate(349deg) brightness(108%) contrast(101%)}.list .item h3 .title{flex:1 1 auto}.list .item h3 .sufix{font-size:.65em}.list .item h3 .sufix .arrows{column-gap:10px}.list .item h3 .priceRight{font-size:1.5em;position:relative;display:block;top:3px}.list .item h3 .priceRight .gold img{width:20px}.list .item.with-icon{grid-template-columns:80px auto;grid-gap:25px;height:100px}.list .item.with-icon .background{background-image:url(./background_item.png)}.list .item .image img{width:100%}.list .item .current{position:absolute;top:50%;transform:translateY(-50%);right:20px;width:32px;height:32px}.list .item .current>div{width:100%;height:100%;position:absolute;left:0;top:0}.list .item .current img{width:100%;height:100%}.list .item .textRight{display:flex}.list .item .textRight img{height:30px}.list .item .textRight .colorCustom{width:30px}.list .item.disabled{color:gray}.list .item.disabled .textRight{opacity:.5}.scounter{font-weight:600;color:gray;text-align:right;margin-top:-22px}.selector{position:absolute;display:block;width:100%;height:47px;z-index:20;pointer-events:none}.selector:after{border-color:#d80419;border-image-repeat:round;border-image-slice:10 10 10 10 fill;border-image-source:url(./hover.png);border-style:solid;border-width:8px;bottom:-4px;content:"";left:-6px;opacity:1;pointer-events:none;position:absolute;right:-4px;top:-6px;z-index:10}.selector.with-icon{height:100px}.arrows{display:flex;align-items:center;justify-content:center;column-gap:15px}.arrows>div{display:grid}.arrows .arrow img{width:15px}.arrows .text{font-family:Hapna;font-weight:500;font-size:1.1em}.sliders{display:flex;flex-direction:column;justify-content:center}.sliders.full{flex-grow:1}.sliders .grid-container{flex-grow:unset}.slider{margin-bottom:30px;bottom:50px;width:100%}.slider .arrows{margin-top:8px}.slider .boxes{display:flex;align-items:center;justify-content:center;column-gap:4px;margin-top:16px}.slider .boxes .box{position:relative;width:30px;height:8px}.slider .boxes .box:before{content:"";display:block;width:100%;height:100%;background-image:url(./swatch_bg_1a.png)}.slider .boxes .box:not(.active):before{filter:invert(50%)}.slider .boxes .box.bought:before{filter:invert(69%) sepia(42%) saturate(6522%) hue-rotate(80deg) brightness(115%) contrast(128%)}.slider .boxes .box.equiped:before{filter:invert(23%) sepia(94%) saturate(502%) hue-rotate(1deg) brightness(107%) contrast(103%)}.slider .boxes .current{filter:invert(0%)}.slider .boxes .current:after{content:"";display:block;position:absolute;top:2px;left:0;background-image:url(./tank_meter_marker.png);background-size:100%;background-repeat:no-repeat;background-position:center;filter:brightness(.5) sepia(1) saturate(10000%);height:calc(100% + 4px);width:100%}.color-boxes{display:flex;align-items:center;justify-content:center;column-gap:12px;margin-top:16px;width:432px;position:relative}.color-boxes .box{position:relative}.color-boxes .box img{width:37px;height:37px}.color-boxes .tick{position:absolute;top:0;left:0}.color-boxes .current{filter:invert(0%)}.color-boxes .current:after{content:"";display:block;position:absolute;top:-8px;left:-7px;background-image:url(./selection_box_square.png);background-size:100%;background-repeat:no-repeat;background-position:center;filter:brightness(.5) sepia(1) saturate(10000%);height:calc(100% + 14px);width:calc(100% + 14px)}.colorCustom{width:37px;height:41px;position:relative;display:flex;justify-content:center;align-items:center;margin-top:-3px}.colorCustom .tint0,.colorCustom .tint1,.colorCustom .tint2,.colorCustom .border{position:absolute;aspect-ratio:1/1;background-size:cover;image-rendering:pixelated;background-repeat:no-repeat}.colorCustom.color-1 .tint0,.colorCustom.color-3 .tint0{width:100%}.colorCustom.color-1 .tint1,.colorCustom.color-3 .tint1{width:22px}.colorCustom.color-1 .tint2,.colorCustom.color-3 .tint2{width:11px}.colorCustom.color-2 .tint0,.colorCustom.color-2 .tint1{width:100%;-webkit-mask-image:url(./mask.png);mask-image:url(./mask.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:100%;mask-size:100%}.colorCustom.color-2 .tint1{transform:rotate(180deg)}.colorCustom .border{width:100%;background-image:url(./swatch_box.png);background-position:center}.item.disabled .colorCustom{opacity:.2}.divider{content:"";display:block;width:100%;height:4px;background-image:url(./divider_line.png)}.price{height:52px;width:100%}.price .content{display:flex;align-items:center;justify-content:space-between;padding:5px 10px}.price .content h4{font-size:1.5em}.price .priceDisplay{font-size:2em}.priceDisplay{display:flex;position:relative}.priceDisplay .centime{position:relative;font-size:.6em;margin-left:2px;margin-top:2px;height:fit-content}.priceDisplay .centime:after{content:"";position:absolute;display:block;background-image:url(./money_line.png);height:5px;width:100%;left:0;bottom:0}.priceDisplay .divider.bottom{margin-top:-5px}.priceDisplay .gold img{width:30px;margin-right:5px}.priceDisplay .gold.left{font-size:.6em;margin-top:10px;margin-right:10px}.priceDisplay .gold.left img{width:20px}.description{text-align:center;margin-top:10px;font-size:1.3em;position:relative;flex-grow:1;display:flex;flex-direction:column}.statistics{width:100%;display:flex;flex-direction:column;justify-content:flex-end;flex-grow:1;flex-wrap:nowrap}.statistics .statistic{display:flex;justify-content:space-between;width:100%;margin-bottom:10px}.statistics .statistic .stat-bars{display:flex;column-gap:5px;align-items:center;justify-content:flex-end}.statistics .statistic .stat-bars .stat-bar{content:"";width:20px;height:10px;background-image:url(./scoretimer_centre_bg.png);background-size:100% 100%;opacity:.2}.statistics .statistic .stat-bars .stat-bar.active{opacity:1}.statistics .statistic .stat-bars .stat-bar.possible{opacity:.5}.statistics .statistic .stat-bars.penalty .possible:not(.active){filter:brightness(.5) sepia(1) saturate(10000%);opacity:.75}.statistics .statistic .stat-icons{display:flex;height:26px;column-gap:2px}.statistics .statistic .stat-icons .icon{width:26px}.statistics .statistic .weapon-bar{width:245px;position:relative}.statistics .statistic .weapon-bar .background{opacity:.25}.statistics .statistic .weapon-bar .box{position:absolute;top:0;left:0;height:100%}.statistics .statistic .weapon-bar .amount{width:100%;overflow:hidden}.helpers{display:none;position:fixed;z-index:999;right:20px;bottom:40px;padding:2px;color:#fff;font-size:20px;text-align:right}.helpers .helper{margin-bottom:10px;display:flex;align-items:center;justify-content:right}.helpers h2{padding:0 10px 0 0;margin:0}.helpers .image{position:relative;display:flex;justify-content:center;align-items:center;padding:2px;height:32px}.helpers .image.pressed{background-color:#fff}.helpers .image img{display:block;height:100%}.helpers .image .canProgress,.helpers .image .progress{content:"";position:absolute;top:-4px;left:-4px;width:40px;height:40px;box-sizing:border-box;border-radius:3px}.helpers .image .canProgress{border:3px rgba(216,216,216,.7411764706) solid;border-radius:3px;z-index:5}.helpers .image .progress{background:linear-gradient(to right,white 99.99%,transparent),linear-gradient(to bottom,white 99.99%,transparent),linear-gradient(to right,white 99.99%,transparent),linear-gradient(to bottom,white 99.99%,transparent);background-size:40px 3px,3px 40px,40px 3px,3px 40px;background-repeat:no-repeat;animation:progress 2s linear forwards;background-position:-40px 0px,37px -40px,40px 37px,0px 40px;z-index:10}@keyframes progress{0%{background-position:-40px 0px,37px -40px,40px 37px,0px 40px}25%{background-position:0px 0px,37px -40px,40px 37px,0px 40px}50%{background-position:0px 0px,37px 0px,40px 37px,0px 40px}75%{background-position:0px 0px,37px 0px,0px 37px,0px 40px}to{background-position:0px 0px,37px 0px,0px 37px,0px 0px}}*{--transition-duration: 1s;--transition-speed2: .4s;--transition-opacity: .2s;--delay-enter: .1s;--delay-leave: .1s}.v-enter-active,.v-leave-active{transition:all var(--transition-duration) ease}.v-enter-active .container,.v-leave-active .container{-webkit-mask-image:url(./background_mask.png)}.v-enter-from .container,.v-leave-to .container{-webkit-mask-position-y:-1400px}.v-enter-active .container{transition:-webkit-mask-position-y var(--transition-speed2) cubic-bezier(0,.5,.5,1)}.v-leave-active .container{transition:-webkit-mask-position-y var(--transition-speed2) cubic-bezier(.5,0,1,.5) var(--delay-leave);-webkit-mask-position-y:-1400px}.smudge{display:none;content:"";background-image:url(./background_smudge.png);height:100%;width:100%;background-size:100% 100%;position:absolute;left:0;top:0;opacity:1;-webkit-mask-image:linear-gradient(180deg,black 75%,transparent);-webkit-mask-repeat:no-repeat;-webkit-mask-size:100% 120%;-webkit-mask-position-y:200px;transition:all var(--transition-speed2) cubic-bezier(.9,.01,1,.5) var(--delay-leave)}.v-leave-active .smudge{display:block}.v-leave-to .smudge{-webkit-mask-position-y:-1400px}.v-leave-to main,.v-enter-from main{opacity:0}.v-enter-active main{transition:opacity var(--transition-opacity) ease-in var(--delay-enter)}.v-leave-active main{transition:opacity var(--transition-opacity) ease-in}.loading{display:flex;height:calc(100% - 108px);width:100%;justify-content:center;align-items:center}.loading img{width:64px}.clicker{cursor:pointer}.backer{position:absolute;left:0;top:1px;width:20px}.grid-container{width:100%;display:grid;grid-template-columns:121px 170px 121px;justify-content:center;align-items:center;gap:10px;flex-grow:1}.grid-container.slider{position:relative;transform:0;bottom:0}.grid-container .center{display:grid;gap:10px}.grid-container .grid{width:100%;height:38px;background-image:url(./grid.png);background-size:cover;position:relative}.grid-container .grid #marker{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:20px;height:20px;background-image:url(./marker.png);background-size:25px;background-repeat:no-repeat;background-position:center;cursor:pointer}.grid-container.dimension-2 .grid{height:170px}.grid-container .left{text-align:right}.grid-container .right{text-align:left}.grid-container .top,.grid-container .bottom{text-align:center}.colorPicker input{-webkit-appearance:none;width:100%;height:20px;background-size:404px 100%;background-position-x:14px;background-repeat:no-repeat;background-color:transparent;color:#fff;margin-top:6px;margin-bottom:10px;image-rendering:pixelated}.colorPicker input.max-63{background-size:408px 100%;background-position-x:13px}.colorPicker .palette::-webkit-slider-thumb{-webkit-appearance:none;box-shadow:none;border-color:transparent;background-image:url(./circle.png);background-size:100%;background-position:0px 0px;background-repeat:no-repeat;height:30px;width:30px;position:relative;margin-top:-1px}.colorPicker .colorSlider{position:relative}.colorPicker .colorSlider .keyHelpers>div{position:absolute;height:20px;min-width:20px;text-align:center;line-height:20px;font-size:18px;font-family:monospace;font-weight:700;top:6px;background-color:#fff;color:#000;border-radius:1px;opacity:.25;text-transform:uppercase}.colorPicker .colorSlider .keyHelpers.index-0>div{line-height:16px;font-family:fantasy;padding:0 3px}.colorPicker .colorSlider .keyHelpers .left{left:0px;transform:translate(-100%)}.colorPicker .colorSlider .keyHelpers .left.qwerty{line-height:17px}.colorPicker .colorSlider .keyHelpers .right{right:0px;transform:translate(100%)}@font-face{font-family:Crock;src:url(./crock.ttf) format("truetype")}@font-face{font-family:Hapna;src:url(./Hapna.ttf) format("truetype");font-weight:400}@font-face{font-family:Hapna;src:url(./HapnaMedium.ttf) format("truetype");font-weight:500}@font-face{font-family:Hapna;src:url(./HapnaDemiBold.ttf) format("truetype");font-weight:600}@font-face{font-family:Hapna;src:url(./HapnaBold.ttf) format("truetype");font-weight:700}@font-face{font-family:Hapna;src:url(./HapnaExtraBold.ttf) format("truetype");font-weight:800}@font-face{font-family:Hapna;src:url(./HapnaLight.ttf) format("truetype");font-weight:300}