<main class="overflow-hidden mt-17 md:mx-17 bg-fixed min-h-screen"><div class="flex flex-wrap container mx-auto mt-2"><div class="z-30 w-full xl:w-1/4 px-2 xl:block lg:block mb-2"><div class="w-full relative bg-grey-darkest h-64 rounded-lg"><div class="relative bg-grey-darker border-4 border-grey-darkest mx-auto overflow-hidden rounded-full w-24"><img src="https://beta.koel.gg/img/no-photo.png" alt="Thales" class="rounded-full"></div> <p class="my-4 text-center"><a href="https://beta.koel.gg/u/Tzin" class="block font-bold no-underline text-grey-lighter hover:text-primary"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                    Thales
                 </font></font></a> <span class="text-xs text-grey"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                                            "Tzin PS4"
                                    </font></font></span></p> <div class="flex mb-4 justify-center"><!----></div> <div><!----> <p class="text-center text-red"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Loser</font></font></p> <!----></div></div> <div class="bg-grey-darkest p-4"></div></div> <div class="w-full px-2 xl:w-1/2 xl:mx-0"><div class="box border border-black rounded-t bg-grey-darkest w-full rounded-lg" match="[object Object]"><div class="flex flex-col-reverse py-2 pl-2 h-64 overflow-x-hidden overflow-scroll"><div class="relative my-1 flex flex-no-shrink items-center text-left"><img src="https://beta.koel.gg/img/no-photo.png" alt="Thales" title="Thales" class="w-8 h-8 rounded-full mr-2"> <span class="p-2 inline-block bg-grey-dark rounded-r"><strong><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Thales:</font></font></strong><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
        User Thales was disqualified by WO
      </font></font></span></div><div class="relative my-1 flex flex-no-shrink items-center text-right justify-end"><!----> <span class="p-2 inline-block bg-grey-dark rounded-l self-end"><strong><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Felipe:</font></font></strong><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
        User Felipe has joined the chat
      </font></font></span></div></div> <div class="border-t border-black flex-grow"><textarea placeholder="Talk about something ..." class="bg-grey-darkest p-2 outline-none text-white text-sm w-full" style="overflow-y: hidden; height: 44px;"></textarea></div></div> <div class="w-full p-2 my-2 bg-grey-darkest rounded-lg"><div class="w-full p-4 bg-grey-darkest text-center"><div><button class="button button--red"><span><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Report a problem</font></font></span></button></div></div> <div class="w-full p-4 bg-grey-darkest"><div><div class="text-center"><button class="button bg-gold button--red"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Submit result</font></font></button></div> <div class="w-full fixed w-screen h-screen py-4 flex flex-col items-center justify-center mx-auto pin z-50" style="display: none;"><div class="fixed pin cursor-pointer w-full h-full bg-grey-apoio"></div> <div class="relative w-4/5 bg-cover rounded-lg shadow mt-8 mb-8 p-2 text-grey overflow-y-auto" style="min-height: -webkit-fill-available;"><div class="text-right p-1 cursor-pointer"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
        close ×
      </font></font></div> <div class="bg-grey-lighter p-8 border-b"><div class="text-black"><h1 class="text-black uppercase"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Match Result Submission</font></font></h1> <div><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">"&gt; Step by Step</font></font> <h5 class=" font-hairline tracking-widest text-xs" style="line-height: 1rem;"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">1 - posting the result with proof of image is mandatory for both players in any situation (win, draw, defeat or WO)</font></font></h5> <h5 class=" font-hairline tracking-widest text-xs" style="line-height: 1rem;"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">2 - if only one player posts the result, that result will be considered true.</font></font></h5> <h5 class=" font-hairline tracking-widest text-xs" style="line-height: 1rem;"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">3 - the proof of image must be a selfie of the player in front of the final screen of the result of the friendly online, where the player is identifiable and the final result legible.</font></font></h5></div></div></div> <div class="bg-grey-lighter p-8 border-b"><h3 class="mb-8"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
    Game 1
    </font></font><!----> <!----></h3> <div><div class="flex flex-row"><div class="flex flex-row"><button class="button mr-2 button--grey"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">I WON</font></font></button> <button class="button mr-2 button--grey">EU PERDI</button> <button class="button mr-2 button--grey">EMPATOU</button></div> <label class="mb-2 select-none"><input type="checkbox"> <abbr title="Walkover? O oponente desistiu sem jogar ou não compareceu.">W.O?</abbr></label> <!----></div> <!----> <div class="flex flex-row mt-8"><div class="flex flex-row"><div class="flex flex-col items-center"><div class="h-12 w-12 mb-2"><img src="https://res.cloudinary.com/www-kickoff-league-com/image/upload/c_fit,h_150,w_iw/oob5kmkwhqhuxj7y0ndd.png" alt="" class="rounded-full h-12 w-12"></div> <p class="text-center">Felipe 'rx PS4'</p></div> <div class="flex flex-col mx-2"><label for="uid-69-participant_points">Sua pontuação</label> <input data-v-22a299b6="" id="uid-69-participant_points" type="text" placeholder="Placar" class="h-12 px-2"></div></div> <div class="text-4xl mx-4">X</div> <div class="flex flex-row"><div class="flex flex-col mx-2"><label for="uid-69-opponent_points">Pontuação do oponente</label> <input data-v-22a299b6="" id="uid-69-opponent_points" type="text" placeholder="Placar" class="h-12 px-2"></div> <div class="flex flex-col items-center"><div class="h-12 w-12 mb-2"><img src="https://beta.koel.gg/img/no-photo.png" alt="" class="rounded-full h-12 w-12"></div> <p class="text-center">Thales 'Tzin PS4'</p></div></div></div> <!----> <div class="flex flex-col mt-8"><h4>Enviar arquivos</h4> <p class="text-red">Envie pelo menos uma imagem que comprove esse resultado.</p> <div class="my-2"><input type="file"> <!----> <!----> <!----></div> <div class="my-2"><input type="file"> <!----> <!----> <!----></div> <div class="my-2"><input type="file"> <!----> <!----> <!----></div></div> <div class="flex flex-col mt-2"><h4>Link do Vídeo da Partida</h4> <div class="w-full md:w-1/2"><input type="url" placeholder="Insira um link do vídeo da partida (youtube, twitch, mixer ...)" class="p-2 w-full"></div> <p class="text-red">Grave seus jogos sempre que possível, o vídeo é a única maneira de comprovar e combater o disconnect intencional.</p></div> <!----> <div class="flex mt-8"><div><button disabled="disabled" class="button button--grey"><span>Enviar resultado</span> <!----></button></div></div></div></div> <div class="bg-grey-lighter p-8"><button class="button button--red">Fechar</button></div></div></div></div></div></div></div> <div class="z-30 px-2 w-full xl:w-1/4 xl:block lg:block"><div class="w-full relative bg-grey-darkest h-64 rounded-lg"><div class="relative bg-grey-darker border-4 border-grey-darkest mx-auto overflow-hidden rounded-full w-24"><img src="https://res.cloudinary.com/www-kickoff-league-com/image/upload/c_fit,h_150,w_iw/oob5kmkwhqhuxj7y0ndd.png" alt="Philip" class="rounded-full"></div> <p class="my-4 text-center"><a href="https://beta.koel.gg/u/rxsalgado" class="block font-bold no-underline text-grey-lighter hover:text-primary"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                    Felipe
                 </font></font></a> <span class="text-xs text-grey"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">
                                            "rx PS4"
                                    </font></font></span></p> <div class="flex mb-4 justify-center"><!----></div> <div><p class="text-center text-green"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Winner</font></font></p> <!----> <!----></div></div> <div class="bg-grey-darkest p-4"></div></div></div></main>