body{margin:0;font-family:Beaufort for LOL,Spiegel,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:Beaufort for LOL;src:url(/assets/BeaufortforLOL-Bold-D7ufG163.woff2) format("woff2"),url(/assets/BeaufortforLOL-Bold-C04i7A70.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Spiegel;src:url(/assets/Spiegel-Regular-DRZp3sGr.woff2) format("woff2"),url(/assets/Spiegel-Regular-BzrEoTfk.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--correct-color: #28a745;--partial-color: #ffc107;--wrong-color: #dc3545;--cb-correct-color: #3cb371;--cb-partial-color: #ffd700;--cb-wrong-color: #de74ff;--dark-color: #010a13;--primary-color: #181a1c;--secondary-color: #353739;--title-color: #fff;--navbar-bg-color: #212529;--darkBtn-bg-color: #212529}span{font-family:Spiegel;font-size:1.2em;margin:auto}p,small{font-family:Spiegel}.playerCount{display:flex;justify-content:space-between}.playerCount h5{font-size:1.1em}.playerCount span{font-family:Beaufort for LOL;font-size:1em}.main{padding-bottom:8em}.breakWord{word-spacing:100vw}.championData{border:.1em solid var(--dark-color);box-shadow:inset 0 0 .6em var(--dark-color);display:flex}.championData:first-child{width:10ch}.correct{background-color:var(--correct-color)}.partial{background-color:var(--partial-color)}.incorrect{background-color:var(--wrong-color)}.cb-correct{background-color:var(--cb-correct-color)}.cb-partial{background-color:var(--cb-partial-color)}.cb-incorrect{background-color:var(--cb-wrong-color)}.incorrect-greater{background-image:linear-gradient(var(--correct-color),60%,var(--wrong-color))}.incorrect-less{background-image:linear-gradient(var(--wrong-color),60%,var(--correct-color))}.cb-incorrect-greater{background-image:linear-gradient(var(--cb-correct-color),60%,var(--cb-wrong-color))}.cb-incorrect-less{background-image:linear-gradient(var(--cb-wrong-color),60%,var(--cb-correct-color))}.victory{display:flex;justify-content:center}.victory p{font-size:1.4em}.victory>.card{color:#fff;background-image:linear-gradient(#408140,#5cb85c);border:none}.victory .smaller{font-size:1.1em}.victory .itemImg{width:8em;height:auto;max-width:100%}.transparentModal .modal-header{border:none}.transparentModal .modal-content{background-color:transparent;border:none}.regionText{white-space:pre}.demo{width:4vw;height:4vw;border:.1em solid var(--dark-color);box-shadow:inset 0 0 .6em var(--dark-color)}#championsImgs{max-width:25vw}#spriteContainer{width:40vw;height:auto}#spriteContainer img,#itemContainer img{width:100%}#itemContainer{width:30vw;height:auto}.darkBtn{background-color:var(--darkBtn-bg-color)}.scoreboard{color:var(--title-color);background-color:var(--primary-color);width:75%;padding:3em 3em 1em}.table th,.table td{color:var(--title-color)}.table-striped tbody tr:nth-of-type(odd){background-color:var(--navbar-bg-color)}.table-striped tbody tr{border-bottom:1px solid var(--navbar-bg-color)}.select img{padding:.1em;margin-top:.4em;margin-bottom:.4em}.card{background-color:var(--primary-color);border:1px solid var(--secondary-color)}.select input[type=text]{caret-color:transparent}.select-option{display:flex;align-items:flex-start;color:#fff}.select-option img{height:40px;width:40px;margin-right:1em;margin-bottom:0;margin-top:0}.select-option span{flex:1;font-family:Beaufort for LOL}#guess-form{background-color:var(--primary-color);border-color:var(--secondary-color)}#gameTitle{color:var(--title-color)}#championsImgs>.container{border-radius:.25em}@media only screen and (max-width: 500px){#championsImgs{max-width:80%}.scoreboard{max-width:100%;padding:.25em;font-size:.7em}#settingsModal .wrapper{padding-left:1em;padding-right:1em;font-size:.95em}#settingsModal button{font-size:.9em}}@media only screen and (max-width: 599px){.container,.container-md,.container-sm{max-width:100vw}.scroll-container{width:100%;overflow-x:auto;white-space:nowrap}#gameTitle .row,.champion-container .row{display:flex;flex-wrap:nowrap;min-width:800px}#gameTitle .col-1,#gameTitle .col-2,.champion-container .col-1,.champion-container .col-2{padding:0;width:15%}.champion-container .breakWord{white-space:pre-line}#spriteContainer,#itemContainer{width:80vw;height:auto}#championsImgs{max-width:95%}#guess-form{width:90%}.scoreboard{width:100%;padding:.5em}#modificationsModal .wrapper{padding-left:1em;padding-right:1em}#modificationsModal button{font-size:.9em}.statsWrapper>div{display:flex;flex-direction:column}}@media only screen and (min-width: 600px) and (max-width: 767px){.container,.container-md,.container-sm{max-width:100vw}.scoreboard{width:100%;padding:2em}#itemContainer{width:40vw;height:auto}.scroll-container{width:100%;overflow-x:auto;white-space:nowrap}#gameTitle .row,.champion-container .row{display:flex;flex-wrap:nowrap;min-width:800px}#gameTitle .col-1,.champion-container .col-1{padding:0;width:15%}#gameTitle .col-2,.champion-container .col-2{padding:0;width:30%}.champion-container .breakWord{white-space:pre-line}#spriteContainer,#itemContainer{width:70vw;height:auto}#championsImgs{max-width:80%}#guess-form{width:80%}#modificationsModal .wrapper{padding-left:1em;padding-right:1em}#modificationsModal button{font-size:.9em}.statsWrapper>div{display:flex;flex-direction:column}}@media only screen and (min-width: 768px){#gameTitle,.championData{font-size:.9em}.container{padding:0}.championData:first-child{max-width:7.5ch}#guess-form{width:55%}.col-1,.col-2{padding:0}.container,.container-md,.container-sm{max-width:90vw}.transparentModal .card{width:100%}#spriteContainer{width:50vw;height:auto}#itemContainer{width:40vw;height:auto}#championsImgs{max-width:55%}.scoreboard{width:90%}}@media only screen and (min-width: 992px){.championData:first-child{max-width:7.5ch}#gameTitle,.championData{font-size:.95em}#guess-form{width:40%}.transparentModal .card{width:75%}#spriteContainer{width:40vw;height:auto}#itemContainer{width:30vw;height:auto}#championsImgs{max-width:40%}}@media only screen and (min-width: 1200px) and (max-width: 1400px){.championData:first-child{max-width:8.5ch}#guess-form{width:35%}#gameTitle,.championData{font-size:1.05em}.transparentModal .card{width:75%}#spriteContainer{width:40vw;height:auto}#itemContainer{width:30vw;height:auto}#championsImgs{max-width:35%}}@media only screen and (min-width: 1400px){.championData:first-child{max-width:10ch}#guess-form{width:30%}.container,.container-md,.container-sm{max-width:90vw}#gameTitle,.championData{font-size:1.1em}.transparentModal .card{width:75%}#spriteContainer{width:30vw;height:auto}#itemContainer{width:20vw;height:auto}#championsImgs{max-width:30%}#spriteContainer{width:35vw;height:auto}}@media only screen and (min-width: 1600px){#guess-form{width:30%}.container,.container-md,.container-sm{max-width:90vw}#spriteContainer{width:30vw;height:auto}}@media only screen and (min-width: 1800px){#guess-form{width:30%}.container,.container-md,.container-sm{max-width:70vw}}body{background-color:var(--primary-color)}#footer{font-family:Spiegel;padding-top:.5em;background-color:var(--primary-color);color:#fff}.navbar{background-color:var(--navbar-bg-color);font-size:1.3em}.navbar img{min-height:3vw;max-height:5vh;padding-right:1em}#about a,#disclaimer a,#privacy a{color:#010a13;font-weight:700;text-decoration:none}#legal li{font-family:Spiegel}.navbar-dark .navbar-nav .nav-link,.darkBtn{color:#fff}.navbar-brand{font-size:1.4em}h2,h3,h4,h5,li,p,#about a,#legal a{color:var(--title-color)}.form-control,.form-control:focus{background-color:var(--primary-color);border-color:var(--secondary-color);color:var(--title-color)}.form-control:focus{box-shadow:0 0 0 .2rem var(--secondary-color)}.btn-outline-dark{border-color:var(--secondary-color);color:#ccc}@media only screen and (max-width: 500px){.victory>.card{max-width:24em;height:28.75em}}@media only screen and (max-width: 599px){.victory>.card{max-width:24em;height:28.75em}.victory .itemImg{width:7em}}@media only screen and (min-width: 600px) and (max-width: 767px){.victory>.card{max-width:24em;height:28.75em}.victory .itemImg{width:7em}}@media only screen and (min-width: 768px){.victory>.card{max-width:24em;height:28.75em}}@media only screen and (min-width: 992px){.navbar{font-size:.95em}.navbar-brand a{font-size:1.15em}.victory>.card{max-width:24em;height:28.75em}}@media only screen and (min-width: 1200px) and (max-width: 1400px){.navbar{font-size:1.1em}.navbar-brand a{font-size:1.2em}}@media only screen and (min-width: 1400px){.navbar{font-size:1.3em}.navbar-brand a{font-size:1.4em}}