.ct-series-a .ct-point,.ct-series-a .ct-line,.ct-series-a .ct-bar,.ct-series-a .ct-slice-donut{stroke:url(#gradient)}.ct-series-a .ct-slice-pie,.ct-series-a .ct-area{fill:url(#gradient)}.superpixelfighter .arena-container{position:relative;width:100%;max-width:720px;height:480px}.superpixelfighter .arena-container.auto{aspect-ratio:3/2;cursor:pointer;margin:16px 1%;width:100%;height:100%;max-height:200px}.superpixelfighter .arena-container.auto.auto-running{cursor:default}.superpixelfighter .arena-container.auto.fade{opacity:30%}.superpixelfighter .arena-container.auto.fit-1-1,.superpixelfighter .arena-container.auto.fit-2-1,.superpixelfighter .arena-container.auto.fit-3-1{flex:0 0 100%;max-width:200px;max-height:150px}.superpixelfighter .arena-container.auto.fit-2-2{flex:0 0 48%;max-width:180px;max-height:130px}.superpixelfighter .arena-container.auto.fit-3-2,.superpixelfighter .arena-container.auto.fit-3-3{flex:0 0 31%;max-width:150px;max-height:110px}.superpixelfighter .arena-container.auto.fit-4-2,.superpixelfighter .arena-container.auto.fit-4-3,.superpixelfighter .arena-container.auto.fit-4-4{flex:0 0 23%;max-width:120px;max-height:90px}.superpixelfighter .arena-container.auto.fit-5-3,.superpixelfighter .arena-container.auto.fit-5-4{flex:0 0 18%;max-width:100px;max-height:75px}.spf-autobet-round-number{position:absolute;top:-25px;right:0;width:40px;height:20px;line-height:22px;font-weight:700;background:#171b2e;border-radius:8px;text-align:center;font-family:monospace}.spf-autobet-round-number.win{background:#27db9a;color:#000}.spf-autobet-round-number.lose{background:#a09999;color:#fff}.superpixelfighter .spf-main-arena-container,.superpixelfighter .spf-autobet-arena-container{width:100%;height:100%;position:absolute;display:flex;justify-content:center;align-items:center;overflow:hidden}.superpixelfighter .spf-main-arena-container.win,.superpixelfighter .spf-autobet-arena-container.win{border:4px solid #27DB9A}.superpixelfighter .spf-main-arena-container.lose,.superpixelfighter .spf-autobet-arena-container.lose{border:4px solid #a09999}.superpixelfighter .spf-autobet-arena-container{justify-content:center;align-items:center;padding:8px;transition:transform .25s linear;transform:scale(1);background:#00020a;border:1px solid #0a1525}.superpixelfighter .spf-autobet-arena-container.fighting{transform:scale(.95)}.mini-fighter-display{display:flex;align-items:center;justify-content:center;gap:8px}.mini-fighter{width:24px;height:32px;image-rendering:pixelated;opacity:.4;transition:all .2s ease}.mini-fighter.selected{opacity:1;transform:scale(1.2)}.mini-fighter.cyan{background:linear-gradient(180deg,#00e5ff,#00b8d4);clip-path:polygon(33% 0%,67% 0%,67% 12.5%,83% 12.5%,83% 37.5%,100% 37.5%,100% 50%,83% 50%,83% 62.5%,67% 62.5%,67% 87.5%,83% 87.5%,83% 100%,67% 100%,67% 87.5%,33% 87.5%,33% 100%,17% 100%,17% 87.5%,33% 87.5%,33% 62.5%,17% 62.5%,17% 50%,0% 50%,0% 37.5%,17% 37.5%,17% 12.5%,33% 12.5%);box-shadow:0 0 10px #00e5ff}.mini-fighter.purple{background:linear-gradient(180deg,#9c27b0,#7b1fa2);clip-path:polygon(33% 0%,67% 0%,67% 12.5%,83% 12.5%,83% 37.5%,100% 37.5%,100% 50%,83% 50%,83% 62.5%,67% 62.5%,67% 87.5%,83% 87.5%,83% 100%,67% 100%,67% 87.5%,33% 87.5%,33% 100%,17% 100%,17% 87.5%,33% 87.5%,33% 62.5%,17% 62.5%,17% 50%,0% 50%,0% 37.5%,17% 37.5%,17% 12.5%,33% 12.5%);box-shadow:0 0 10px #9c27b0}.vs-text{font-family:monospace;font-weight:700;font-size:10px;color:#fff;text-shadow:0 0 5px #fff}@media(max-width:991.98px){.superpixelfighter .arena-container{height:300px}.superpixelfighter .arena-container.auto.fit-2-1{max-width:150px;max-height:110px}.superpixelfighter .arena-container.auto.fit-2-2{max-width:130px;max-height:100px}.superpixelfighter .arena-container.auto.fit-3-1,.superpixelfighter .arena-container.auto.fit-3-2,.superpixelfighter .arena-container.auto.fit-3-3{max-width:100px;max-height:75px}.superpixelfighter .arena-container.auto.fit-4-3,.superpixelfighter .arena-container.auto.fit-4-4{max-width:80px;max-height:60px}.superpixelfighter .arena-container.auto.fit-5-3,.superpixelfighter .arena-container.auto.fit-5-4{max-width:60px;max-height:45px}}@media(max-width:767.98px){.superpixelfighter .arena-container{height:250px}.superpixelfighter .arena-container.auto.fit-2-1{max-width:48%;max-height:unset}.superpixelfighter .arena-container.auto.fit-2-2{max-width:35%;max-height:unset}.superpixelfighter .arena-container.auto.fit-3-1{max-width:31%;max-height:unset}}.spf-footer{position:absolute;bottom:-16px;left:50%;transform:translate(-50%);font-family:Retrogaming,monospace;font-size:11px;color:#fff3;letter-spacing:1px;z-index:10;white-space:nowrap;pointer-events:none}.ct-series-a .ct-point,.ct-series-a .ct-line,.ct-series-a .ct-bar,.ct-series-a .ct-slice-donut{stroke:url(#gradient)}.ct-series-a .ct-slice-pie,.ct-series-a .ct-area{fill:url(#gradient)}.spf-play-options .fighter-icon{width:20px;height:20px;display:inline-block;image-rendering:pixelated}.spf-play-options .fighter-icon.cyan{background:linear-gradient(135deg,#00e5ff,#00b8d4);box-shadow:0 0 10px #00e5ff,0 0 20px #00e5ff50;clip-path:polygon(40% 0%,60% 0%,60% 20%,80% 20%,80% 40%,100% 40%,100% 60%,80% 60%,80% 80%,60% 80%,60% 100%,40% 100%,40% 80%,20% 80%,20% 60%,0% 60%,0% 40%,20% 40%,20% 20%,40% 20%)}.spf-play-options .fighter-icon.purple{background:linear-gradient(135deg,#9c27b0,#7b1fa2);box-shadow:0 0 10px #9c27b0,0 0 20px #9c27b050;clip-path:polygon(40% 0%,60% 0%,60% 20%,80% 20%,80% 40%,100% 40%,100% 60%,80% 60%,80% 80%,60% 80%,60% 100%,40% 100%,40% 80%,20% 80%,20% 60%,0% 60%,0% 40%,20% 40%,20% 20%,40% 20%)}.btn-fighter{position:relative;font-weight:700;text-transform:uppercase;letter-spacing:1px;transition:all .2s ease}.btn-fighter.btn-cyan{background:linear-gradient(180deg,#004d5a,#00363f);border:2px solid rgba(0,229,255,.4);color:#00e5ff;text-shadow:0 0 10px #00e5ff}.btn-fighter.btn-cyan:hover:not(:disabled),.btn-fighter.btn-cyan.active{background:linear-gradient(180deg,#006d7a,#00464f);box-shadow:0 0 20px #00e5ff50,inset 0 0 20px #00e5ff20}.btn-fighter.btn-purple{background:linear-gradient(180deg,#4a1a5c,#3a1046);border:2px solid rgba(156,39,176,.4);color:#e040fb;text-shadow:0 0 10px #9c27b0}.btn-fighter.btn-purple:hover:not(:disabled),.btn-fighter.btn-purple.active{background:linear-gradient(180deg,#5a2a6c,#4a2056);box-shadow:0 0 20px #9c27b050,inset 0 0 20px #9c27b020}.ct-series-a .ct-point,.ct-series-a .ct-line,.ct-series-a .ct-bar,.ct-series-a .ct-slice-donut{stroke:url(#gradient)}.ct-series-a .ct-slice-pie,.ct-series-a .ct-area{fill:url(#gradient)}.spf-history-container{width:100%;height:40px;display:flex;align-items:center;background:#00011d;border-radius:8px}.spf-history-container div{width:1.5vw;height:1.5vw;line-height:1.5vw;max-width:25px;max-height:25px;display:inline-block;background-color:#171b2e;border-radius:100%}.spf-history-container div span{width:100%;height:100%;display:inline-block;border-radius:100%}.spf-history-container div span.cyan{background:linear-gradient(135deg,#00e5ff,#00b8d4);box-shadow:0 0 5px #00e5ff}.spf-history-container div span.purple{background:linear-gradient(135deg,#9c27b0,#7b1fa2);box-shadow:0 0 5px #9c27b0}.spf-history-container div span.lose{filter:brightness(.5)}@media(max-width:991.98px){.spf-history-container div{width:2vw;height:2vw;line-height:2vw}}@media(max-width:767.98px){.superpixelfighter .results{padding-top:5px;padding-bottom:5px;width:100%}.spf-history-container div{width:3vw;height:3vw;line-height:3vw}}.ct-series-a .ct-point,.ct-series-a .ct-line,.ct-series-a .ct-bar,.ct-series-a .ct-slice-donut{stroke:url(#gradient)}.ct-series-a .ct-slice-pie,.ct-series-a .ct-area{fill:url(#gradient)}@font-face{font-family:Retrogaming;src:url(/assets/Retrogaming-B_OnpYhl.ttf) format("truetype");font-weight:400;font-style:normal}.spf-anim-wrapper{position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.spf-overlay{position:absolute;inset:0;background:#000000b3;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:100;border-radius:8px}.spf-overlay.win{background:#001e00d9}.spf-result-text{font-family:Retrogaming,monospace;font-size:42px;text-shadow:3px 3px 0 #000}.spf-result-text.win{color:#4caf50;text-shadow:3px 3px 0 #000,0 0 20px rgba(76,175,80,.6)}@media screen and (max-width:768px){.spf-result-text{font-size:24px}}@media screen and (max-width:992px){.spf-result-text{font-size:28px}}.spf-win-amount{font-family:Retrogaming,monospace;font-size:56px;color:#4caf50;text-shadow:3px 3px 0 #000,0 0 25px rgba(76,175,80,.8);margin-top:15px}@media screen and (max-width:768px){.spf-win-amount{font-size:32px}}@media screen and (max-width:992px){.spf-win-amount{font-size:36px}}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.fade-enter,.fade-leave-to{opacity:0}.ct-label{fill:#0006;color:#0006;font-size:.75rem;line-height:1}.ct-chart-line .ct-label,.ct-chart-bar .ct-label{display:flex}.ct-chart-pie .ct-label,.ct-chart-donut .ct-label{dominant-baseline:central}.ct-label.ct-horizontal.ct-start{align-items:flex-end;justify-content:flex-start;text-align:left}.ct-label.ct-horizontal.ct-end{align-items:flex-start;justify-content:flex-start;text-align:left}.ct-label.ct-vertical.ct-start{align-items:flex-end;justify-content:flex-end;text-align:right}.ct-label.ct-vertical.ct-end{align-items:flex-end;justify-content:flex-start;text-align:left}.ct-chart-bar .ct-label.ct-horizontal.ct-start{align-items:flex-end;justify-content:center;text-align:center}.ct-chart-bar .ct-label.ct-horizontal.ct-end{align-items:flex-start;justify-content:center;text-align:center}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-start{align-items:flex-end;justify-content:flex-start;text-align:left}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-horizontal.ct-end{align-items:flex-start;justify-content:flex-start;text-align:left}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-start{align-items:center;justify-content:flex-end;text-align:right}.ct-chart-bar.ct-horizontal-bars .ct-label.ct-vertical.ct-end{align-items:center;justify-content:flex-start;text-align:left}.ct-grid{stroke:#0003;stroke-width:1px;stroke-dasharray:2px}.ct-grid-background{fill:none}.ct-point{stroke-width:10px;stroke-linecap:round}.ct-line{fill:none;stroke-width:2px}.ct-area{stroke:none;fill-opacity:.1}.ct-bar{fill:none;stroke-width:10px}.ct-slice-donut{fill:none;stroke-width:60px}.ct-series-a .ct-point,.ct-series-a .ct-line,.ct-series-a .ct-bar,.ct-series-a .ct-slice-donut{stroke:url(#gradient)}.ct-series-a .ct-slice-pie,.ct-series-a .ct-area{fill:url(#gradient)}.ct-series-b .ct-point,.ct-series-b .ct-line,.ct-series-b .ct-bar,.ct-series-b .ct-slice-donut{stroke:#0000004d}.ct-series-b .ct-slice-pie,.ct-series-b .ct-area{fill:#0000004d}.ct-square{display:block;position:relative;width:100%}.ct-square:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:100%}.ct-square:after{content:"";display:table;clear:both}.ct-square>svg{display:block;position:absolute;top:0;left:0}.ct-minor-second{display:block;position:relative;width:100%}.ct-minor-second:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:93.75%}.ct-minor-second:after{content:"";display:table;clear:both}.ct-minor-second>svg{display:block;position:absolute;top:0;left:0}.ct-major-second{display:block;position:relative;width:100%}.ct-major-second:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:88.8888888889%}.ct-major-second:after{content:"";display:table;clear:both}.ct-major-second>svg{display:block;position:absolute;top:0;left:0}.ct-minor-third{display:block;position:relative;width:100%}.ct-minor-third:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:83.3333333333%}.ct-minor-third:after{content:"";display:table;clear:both}.ct-minor-third>svg{display:block;position:absolute;top:0;left:0}.ct-major-third{display:block;position:relative;width:100%}.ct-major-third:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:80%}.ct-major-third:after{content:"";display:table;clear:both}.ct-major-third>svg{display:block;position:absolute;top:0;left:0}.ct-perfect-fourth{display:block;position:relative;width:100%}.ct-perfect-fourth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:75%}.ct-perfect-fourth:after{content:"";display:table;clear:both}.ct-perfect-fourth>svg{display:block;position:absolute;top:0;left:0}.ct-perfect-fifth{display:block;position:relative;width:100%}.ct-perfect-fifth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:66.6666666667%}.ct-perfect-fifth:after{content:"";display:table;clear:both}.ct-perfect-fifth>svg{display:block;position:absolute;top:0;left:0}.ct-minor-sixth{display:block;position:relative;width:100%}.ct-minor-sixth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:62.5%}.ct-minor-sixth:after{content:"";display:table;clear:both}.ct-minor-sixth>svg{display:block;position:absolute;top:0;left:0}.ct-golden-section{display:block;position:relative;width:100%}.ct-golden-section:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:61.804697157%}.ct-golden-section:after{content:"";display:table;clear:both}.ct-golden-section>svg{display:block;position:absolute;top:0;left:0}.ct-major-sixth{display:block;position:relative;width:100%}.ct-major-sixth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:60%}.ct-major-sixth:after{content:"";display:table;clear:both}.ct-major-sixth>svg{display:block;position:absolute;top:0;left:0}.ct-minor-seventh{display:block;position:relative;width:100%}.ct-minor-seventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:56.25%}.ct-minor-seventh:after{content:"";display:table;clear:both}.ct-minor-seventh>svg{display:block;position:absolute;top:0;left:0}.ct-major-seventh{display:block;position:relative;width:100%}.ct-major-seventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:53.3333333333%}.ct-major-seventh:after{content:"";display:table;clear:both}.ct-major-seventh>svg{display:block;position:absolute;top:0;left:0}.ct-octave{display:block;position:relative;width:100%}.ct-octave:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:50%}.ct-octave:after{content:"";display:table;clear:both}.ct-octave>svg{display:block;position:absolute;top:0;left:0}.ct-major-tenth{display:block;position:relative;width:100%}.ct-major-tenth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:40%}.ct-major-tenth:after{content:"";display:table;clear:both}.ct-major-tenth>svg{display:block;position:absolute;top:0;left:0}.ct-major-eleventh{display:block;position:relative;width:100%}.ct-major-eleventh:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:37.5%}.ct-major-eleventh:after{content:"";display:table;clear:both}.ct-major-eleventh>svg{display:block;position:absolute;top:0;left:0}.ct-major-twelfth{display:block;position:relative;width:100%}.ct-major-twelfth:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:33.3333333333%}.ct-major-twelfth:after{content:"";display:table;clear:both}.ct-major-twelfth>svg{display:block;position:absolute;top:0;left:0}.ct-double-octave{display:block;position:relative;width:100%}.ct-double-octave:before{display:block;float:left;content:"";width:0;height:0;padding-bottom:25%}.ct-double-octave:after{content:"";display:table;clear:both}.ct-double-octave>svg{display:block;position:absolute;top:0;left:0}.superpixelfighter .btn.active,.superpixelfighter .btn.active>svg{color:#fff}.superpixelfighter .game-wrapper{padding-top:0}@media(max-width:991.98px){.superpixelfighter .game{border-radius:8px}}@media(min-width:991px){.superpixelfighter .game{background:#00020a}}@media(max-width:991px){.superpixelfighter .game-wrapper{padding-top:0}}