@font-face{font-family:'ssf2lc';font-style:normal;font-weight:300;font-display:swap;src:url(/super-street-fighter-ii-large-colour.woff2) format('woff2')}html,body{font-family:'ssf2lc';text-transform:uppercase;margin:0;padding:0;width:100%;height:100%;font-size:16px;-webkit-user-select:none;user-select:none}body#index{background-color:#000}body#player_select{background-color:#000063}body#loading{background-color:#000}body#battle{background-color:#d2b8ad}body#result{background-color:#000}body#ranking{background-color:#000}.title_1{text-align:center;font-size:5vmax;line-height:110%;margin:2vmax 0}.title_2{text-align:center;font-size:4vmax;line-height:110%;margin:1vmax 0}.title_3{text-align:center;font-size:3vmax;line-height:110%;margin:1vmax 0}p{line-height:110%;margin:0}input{font-family:'ssf2lc';text-transform:uppercase}a{text-decoration:none}a:hover{filter:invert(1)}div{box-sizing:border-box}table{width:100%;border-collapse:collapse;border-spacing:0}#fade{position:fixed;width:100%;height:100%;top:0;bottom:0;left:0;right:0;background:#000;z-index:9999;pointer-events:none}#filter{position:fixed;width:100%;height:100%;top:0;bottom:0;left:0;right:0;background:linear-gradient(to top,#000000,#000000,transparent,transparent);background-size:cover;background-size:100% 3px;opacity:.2;z-index:999;pointer-events:none}@media screen{#filter{animation:scanlines infinite 1s linear}}@keyframes scanlines{from{background-position:0 0}to{background-position:0 -10px}}#music_control{position:absolute;right:2vmax;top:2vmax;cursor:pointer;font-size:3vmax;line-height:110%}#music_control:hover{filter:invert(1)}#info{position:absolute;left:2vmax;top:2vmax;cursor:pointer;font-size:3vmax;line-height:110%}#info:hover{filter:invert(1)}.close{position:absolute;right:2vmax;top:2vmax;cursor:pointer;font-size:3vmax;line-height:110%}.close:hover{filter:invert(1)}@media (max-width:600px){#filter{background-size:100% 2px}}#content_wrapper{padding:2vmax}#info_content,#help_content{position:fixed;background-color:#000063;top:0;bottom:0;left:0;right:0;z-index:99;overflow:auto}#info_content>div,#help_content>div{padding:8vmax;font-size:2vmax;line-height:110%}#info_content ul{list-style-type:none}#info_content li:before{content:"";display:inline-block;left:1vmax;width:calc(2vmax/4*3*2);height:2vmax;background-image:url(img/victory.png);background-size:contain;background-repeat:no-repeat;background-position:right;vertical-align:middle;margin-right:1vmax}#info_content li img{transition:all 0.25s ease 0s;background-color:#f9a926;}#info_content li img:hover{-ms-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}.avatar_gen{position:relative;width:100px;height:100px;display:inline-block}.avatar_gen>div{position:absolute;width:100%;height:100%;background-size:contain;background-repeat:no-repeat;image-rendering:pixelated}#index #content_wrapper{display:table;width:100%;height:100%}#index #content{display:table-cell;width:100%;height:100%;vertical-align:middle;text-align:center}#index .title_1{margin:0}#index .title_1 img{image-rendering:pixelated;width:30vmax;rotate:-5deg}#index .title_2{font-size:5vmax;margin:3vmax}#index #start span{cursor:pointer;display:inline-block}#index #start span:hover{filter:invert(1)}#index .title_3{font-size:2.5vmax}#index .title_4{font-size:2vmax}#index #ranking span,#index #help span,#index #normal span,#index #common span,#index #unofficial span,#index #special span,#index #back span{cursor:pointer}#index #ranking span:hover,#index #help span:hover,#index #normal span:hover,#index #common span:hover,#index #unofficial span:hover,#index #special span:hover,#index #back span:hover{filter:invert(1)}#index #sign_out,#index #back{filter:grayscale(1)}#index .alert{background-color:#000063;padding:4vmax;margin:1vmax;font-size:2vmax;line-height:110%}#index .alert img{image-rendering:pixelated;width:2vmax;vertical-align:middle}@media (max-width:600px){#index .title_1 img{width:35vmax}}#player_select #content_wrapper{display:table;width:100%;height:100%}#player_select #content{display:table-cell;width:100%;height:100%;vertical-align:middle}#player_select .title_2,#player_select .title_3{margin:0}#player_select .title_2{filter:brightness(100)}#player_select #player_1,#player_select #player_2{width:25vmax;text-align:center;vertical-align:top}#player_select #player_1 .avatar_gen,#player_select #player_2 .avatar_gen{width:20vmax;height:20vmax}#player_select #select{vertical-align:bottom}#player_select #select .person{cursor:pointer}#player_select #select .person:hover{filter:invert(1)}#player_select #select .avatar_gen{width:7vmax;height:7vmax}#player_select #random span{cursor:pointer;display:block;width:7vmax;height:7vmax;font-size:7vmax;line-height:8vmax}#player_select #random:hover span{filter:invert(1)}#player_select #select .avatar_gen:after{display:block;position:absolute;bottom:0;right:.5vmax;font-size:2vmax;line-height:2vmax}#player_select .win .avatar_gen:after{content:"w"}#player_select .win.perfect .avatar_gen:after{content:"p"}#player_select .lose .avatar_gen:after{content:"l"}#player_select .draw .avatar_gen:after{content:"d"}#player_select .challenged .avatar_gen:after{filter:grayscale(1)}.fancyTable,.fancyTable tr,.fancyTable th,.fancyTable td{border:none!important;background:none!important}.fancyTable thead>tr:nth-child(1),.fancyTable tbody tr td:nth-child(2),.fancyTable tbody tr td:nth-child(3){display:none!important}.fancyTable tbody{text-align:center}.fancyTable tbody tr{display:inline-block}.fancySearchRow input{padding:1vmax;margin-bottom:2vmax;border:0;width:100%;background-color:rgb(255 255 255 / .2);font-size:2vmax;line-height:2vmax}#fight{text-align:center}#fight input[type="submit"]{font-size:5vmax;line-height:110%;background:none;border:none;cursor:pointer}#fight input[type="submit"]:hover{filter:invert(1)}#fight input[type="image"]{rotate:-5deg;width:25vmax;image-rendering:pixelated}#fight input[type="image"]:hover{filter:invert(1)}.portrait#player_select #player_1,.portrait#player_select #player_2{display:inline-block;width:50%;box-sizing:border-box}.portrait#player_select #select{display:inline-block;width:100%;margin-top:3vmax}.landscape#player_select #select .fancyTable tbody{display:block;max-height:22vmax;overflow-y:auto;scrollbar-color:#ccc rgb(255 255 255 / .2);scrollbar-width:thin}.portrait#player_select #select .fancyTable tbody{display:block;max-height:24vmax;overflow-y:auto;scrollbar-color:#ccc rgb(255 255 255 / .2);scrollbar-width:thin}#loading #content_wrapper{display:table;width:100%;height:100%}#loading #content{display:table-cell;width:100%;height:100%;vertical-align:middle}#loading .title_1{font-size:12vmax}#loading .title_2{filter:brightness(100)}#loading #versus .title_3{filter:grayscale(1)}#loading #player_1,#loading #player_2{width:30vmax;text-align:center;vertical-align:top}#loading #player_1 .avatar_gen,#loading #player_2 .avatar_gen{width:25vmax;height:25vmax}.portrait#loading #content_wrapper{padding:0}.portrait#loading .title_2{display:none}.portrait#loading td{display:block;width:100%!important;box-sizing:border-box}#battle .event{position:fixed;width:100%;height:100%;top:0;bottom:0;left:0;right:0}#battle .stage{position:absolute;height:100%;width:100%;background-size:cover;background-position:center;image-rendering:pixelated}#battle .hud{position:absolute;top:6vmax;width:100%;padding-left:6vmax;padding-right:6vmax}#battle .hud .ko{position:absolute;display:block;width:100%;z-index:2;left:0}#battle .hud .ko td{display:block;text-align:center;font-size:4vmax;line-height:4vmax;letter-spacing:-5px;filter:brightness(100)}#battle .health>td{width:50%}#battle .health>td>div{height:3vmax;border:.3vmax solid #FFF;background-color:#fbff01}#battle .health>td.health_1>div{margin-right:1vmax}#battle .health>td.health_2>div{margin-left:1vmax;text-align:right}#battle .health>td>div>div{display:inline-block;background-color:#fe0000;height:100%}#battle .health .health_1.victory_1>div:after{content:"";display:block;position:absolute;top:0;left:1vmax;width:calc(3vmax/4*3*2);height:3vmax;background-image:url(img/victory.png);background-size:contain;background-repeat:no-repeat;background-position:right}#battle .health .health_1.victory_2>div:after{content:"";display:block;position:absolute;top:0;left:1vmax;width:calc(3vmax/4*3*2);height:3vmax;background-image:url(img/victory.png);background-size:contain;background-repeat:repeat-x}#battle .health .health_2.victory_1>div:after{content:"";display:block;position:absolute;top:0;right:1vmax;width:calc(3vmax/4*3*2);height:3vmax;background-image:url(img/victory.png);background-size:contain;background-repeat:no-repeat}#battle .health .health_2.victory_2>div:after{content:"";display:block;position:absolute;top:0;right:1vmax;width:calc(3vmax/4*3*2);height:3vmax;background-image:url(img/victory.png);background-size:contain;background-repeat:repeat-x}#battle .name{font-size:2vmax;line-height:2vmax}#battle .name .name_2{text-align:right}#battle .results{position:absolute;height:100%;width:100%}#battle .results{position:absolute;height:100%;width:100%;padding-top:3vmax}#battle .results>div{display:table;width:100%;height:100%}#battle .results>div>div{display:table-cell;width:100%;height:100%;vertical-align:middle}#battle .results .title_1 span,#battle .results .title_2 span{filter:grayscale(1)}#battle .results table{width:auto;margin:auto}#battle .results td{width:50%;font-size:3vmax;line-height:3vmax}#battle .results .player_1,#battle .results .player_2{padding:0 2vmax}#battle .results .player_1>span:before,#battle .results .player_2>span:after{content:"";display:inline-block;width:calc(3vmax/4*3);height:3vmax;background-size:contain;background-repeat:no-repeat;vertical-align:middle}#battle .results .player_1.victory>span:before{margin-right:1vmax;background-image:url(img/victory.png)}#battle .results .player_2.victory>span:after{margin-left:1vmax;background-image:url(img/victory.png)}#battle .avatars_gen{position:absolute;height:100%;width:100%}#battle .avatars_gen:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;height:100%;width:100%;background:rgb(0 0 0 / .4)}#battle .avatars_gen table{height:100%;width:100%}#battle .avatar_gen{width:15vmax;height:15vmax;position:absolute}@media screen{#battle .avatar_gen{animation:avatar infinite 0.5s alternate-reverse}}@keyframes avatar{from{transform:scale(100%,100%) translate(0%,0%)}to{transform:scale(100%,105%) translate(0%,-2%)}}#battle .previous{position:absolute;left:2vmax;bottom:2vmax;cursor:pointer;font-size:3vmax;line-height:110%;z-index:2}#battle .previous:hover{filter:invert(1)}#battle .next{position:absolute;right:2vmax;bottom:2vmax;cursor:pointer;font-size:3vmax;line-height:110%}#battle .next:hover{filter:invert(1)}#battle .skip{position:absolute;bottom:2vmax;font-size:3vmax;line-height:110%;text-align:center;width:100%}#battle .skip span{cursor:pointer}#battle .skip span:hover{filter:invert(1)}#battle .show_results{position:absolute;right:2vmax;bottom:2vmax;cursor:pointer;font-size:3vmax;line-height:110%}#battle .show_results:hover{filter:invert(1)}#result #content_wrapper{display:table;width:100%;height:100%}#result #content{display:table-cell;width:100%;height:100%;vertical-align:middle}#result .title_1{margin:5vmax 0}#result #player_1,#result #player_2{width:30vmax;text-align:center;vertical-align:bottom}#result #player_1 p,#result #player_2 p{font-size:2vmax;filter:brightness(100)}#result #player_1 .avatar_gen,#result #player_2 .avatar_gen{width:25vmax;height:25vmax}#result .lose .avatar_gen{filter:grayscale(1);rotate:185deg}#result #results td{text-align:center;padding:.5vmax 0}#result #results .title_2{font-size:3vmax;filter:grayscale(1)}#result #results .title_3{font-size:2vmax;filter:grayscale(1)}#result #results span{font-size:2vmax}#result #results .player_1.victory span:before,#result #results .player_2.victory span:after{content:"";display:inline-block;width:calc(2vmax/4*3);height:2vmax;background-size:contain;background-repeat:no-repeat;vertical-align:middle}#result #results .player_1.victory span:before{margin-right:1vmax;background-image:url(img/victory.png)}#result #results .player_2.victory span:after{margin-left:1vmax;background-image:url(img/victory.png)}#result #total span{font-size:4vmax}#result #total td{text-align:center}#result #total .player_1.victory span:before{content:"";display:inline-block;margin-right:1vmax;width:calc(4vmax/4*3);height:4vmax;background-image:url(img/victory.png);background-size:contain;background-repeat:no-repeat;vertical-align:middle}#result #total .player_2.victory span:after{content:"";display:inline-block;margin-left:1vmax;width:calc(4vmax/4*3);height:4vmax;background-image:url(img/victory.png);background-size:contain;background-repeat:no-repeat;vertical-align:middle}#result #try_again span{cursor:pointer}#result #try_again span:hover{filter:invert(1)}@media (max-width:600px){#result #player_1 .avatar_gen,#result #player_2 .avatar_gen{width:20vmax;height:20vmax}}#ranking_content{position:fixed;background-color:#000063;top:0;bottom:0;left:0;right:0;z-index:99;overflow:auto}#ranking_content>div{padding:8vmax;font-size:2vmax;line-height:110%}#ranking_content td{font-size:2vmax;line-height:110%;padding:.5vmax}#ranking_content tr td:nth-child(2){filter:grayscale(1)}#ranking_content tr.active td:nth-child(2){filter:none}#ranking_content .title_2{font-size:3vmax;margin:3vmax;filter:grayscale(1)}#ranking_content .title_3{font-size:2.5vmax;margin:3vmax;filter:brightness(100)}