body,html{padding:0;margin:0;overflow-x:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}body{background-color:gray}a{color:inherit;text-decoration:none}*{box-sizing:border-box}h1,h2,p{margin:8px 0}p{font-size:1.3rem;line-height:1.5rem}h1{font-size:2.2rem}h2{line-height:1.5rem}.modal{width:90%;top:50%;transform:translateY(-50%)}#overlay{position:fixed;background-color:#000;z-index:3;top:0;left:0;right:0;bottom:0;opacity:.6;transition:all .3s;pointer-events:none}#overlay.fade-out{opacity:0}#overlay.extra{opacity:.95}@font-face{font-family:Beaufort;src:url(/font/lol/beaufort.eot);src:url(/font/lol/beaufort.eot?#iefix) format("embedded-opentype"),url(/font/lol/beaufort.woff2) format("woff2"),url(/font/lol/beaufort.woff) format("woff"),url(/font/lol/beaufort.ttf) format("truetype"),url(/font/lol/beaufort.svg#Beaufort) format("svg");font-display:swap}@font-face{font-family:Metronic;src:url(/font/storm/MetronicforBlizzard-Bold.woff) format("woff");font-display:swap}@font-face{font-family:Radiance;src:url(/font/dota2/radiance.eot);src:url(/font/dota2/radiance.eot?#iefix) format("embedded-opentype"),url(/font/dota2/radiance.woff) format("woff"),url(/font/dota2/radiance.ttf) format("truetype");font-display:swap}@font-face{font-family:Reaver-SemiBold;src:url(/font/dota2/Reaver-SemiBold.woff2) format("woff2"),url(/font/dota2/Reaver-SemiBold.woff) format("woff"),url(/font/dota2/Reaver-SemiBold.ttf) format("truetype");font-display:swap}@font-face{font-family:FuturaNo2D;src:url(/font/overwatch/FuturaNo2D-DemiBold.woff) format("woff");font-display:swap}@font-face{font-family:Big Noodle;src:url(/font/overwatch/big-noodle-too-oblique.woff) format("woff");font-display:swap}@font-face{font-family:Catamaran;src:url(/font/main/catamaran-regular.woff2) format("woff2"),url(/font/main/catamaran-regular.woff) format("woff");font-weight:400;font-display:swap}@font-face{font-family:Catamaran;src:url(/font/main/catamaran-bold.woff2) format("woff2"),url(/font/main/catamaran-bold.woff) format("woff");font-weight:700;font-display:swap}@font-face{font-family:Raleway;src:url(/font/pokemon/Raleway-Medium.woff2) format("woff2"),url(/font/pokemon/Raleway-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Raleway;src:url(/font/pokemon/Raleway-Bold.woff2) format("woff2"),url(/font/pokemon/Raleway-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Roboto Condensed;src:url(/font/ultimate/robotocondensed-bold-webfont.woff2) format("woff2"),url(/font/ultimate/robotocondensed-bold-webfont.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Roboto Condensed;src:url(/font/ultimate/robotocondensed-regular-webfont.woff2) format("woff2"),url(/font/ultimate/robotocondensed-regular-webfont.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Roboto;src:url(/font/ultimate/roboto-bold-webfont.woff2) format("woff2"),url(/font/ultimate/roboto-bold-webfont.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Penumbra Flare;font-stretch:normal;font-style:normal;font-weight:400;src:url(/font/smite/PenumbraFlareStd-Regular.woff) format("woff")}@font-face{font-family:Montserrat;src:url(/font/paladins/Montserrat-Medium.woff2) format("woff2"),url(/font/paladins/Montserrat-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Tungsten;src:url(/font/valorant/Tungsten-Bold_Web.woff2) format("woff2"),url(/font/valorant/Tungsten-Bold_Web.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}header{font-family:Catamaran,sans-serif;height:60px;padding:0 50px;display:flex;align-items:center;position:relative;z-index:5;background:#4a5156;background:linear-gradient(350deg,#4a5156,#2e3334);white-space:nowrap}header .logo{padding:3px 10px 0 5px;font-weight:700;font-size:2rem;cursor:pointer;color:#fff;transition:color .3s}header .logo span{font-weight:400;color:#fff}header .logo:hover{color:#a2f324}header .logo:hover path{fill:#a2f324}header .logo:hover .icon-logo:after{border-color:#a2f324;width:40px;top:8px;left:-1px;transform:rotate(90deg)}header .logo .icon-logo{width:42px;height:42px;display:inline-block;vertical-align:middle;margin-top:-5px;margin-right:6px;margin-left:-9px;position:relative}header .logo .icon-logo path{transform-origin:center center;transition:all .3s}header .logo .icon-logo:after{content:"";transition:all .3s;border:2px solid #fff;width:26px;height:26px;position:absolute;top:6px;left:6px;transform:rotate(45deg)}header nav ul{padding:0;margin:0;display:flex}header nav li{list-style:none;flex:1 1 auto}header nav li:hover .submenu{display:flex}header nav a{padding:15px;display:inline-block;color:#fff;transition:all .3s}header nav a:hover{color:#a2f324}header nav.desktop-menu .submenu{position:absolute;display:none;flex-direction:column;background-color:rgba(62,68,72,.8);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}header nav.desktop-menu .submenu a{min-width:150px}.mobile-icon{height:55px;width:55px;position:relative;display:none}.mobile-icon span,.mobile-icon:after,.mobile-icon:before{pointer-events:none;content:"";display:block;position:absolute;width:35px;height:5px;border-radius:3px;background-color:#fff;left:0;right:0;margin:auto;transition:all .3s;transform-origin:center}.mobile-icon:after{top:13px}.mobile-icon:before{bottom:13px}.mobile-icon span{top:0;bottom:0}.mobile-icon.open:after{transform:rotate(45deg);top:25px}.mobile-icon.open:before{transform:rotate(-45deg);bottom:25px}.mobile-icon.open span{opacity:0;width:0}header nav a svg{vertical-align:middle;margin-top:-3px;margin-right:5px}header nav a svg,header nav a svg path{transition:all .3s}header nav a:hover svg path{fill:#a2f324}@media(max-width:700px){.mobile-icon{display:block;position:absolute;right:10px}header{padding:0 15px}.lang-switcher{margin-right:50px}header .nav-view-all,header nav:not(.mobile-menu){display:none}}header nav.mobile-menu{position:absolute;width:0;right:0;top:60px;overflow:hidden;transition:width .2s;max-width:500px}header nav.mobile-menu ul{flex-direction:column}header nav.mobile-menu ul:not(.submenu)>li{border-bottom:1px solid rgba(76,76,77,.5);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:rgba(57,62,65,.8);transition:all .2s}header nav.mobile-menu a{position:relative;display:block}header nav.mobile-menu a:hover{background:rgba(84,85,86,.6)}header nav.mobile-menu a svg{margin-right:15px}header nav.mobile-menu .sub-arrow.open+.submenu{height:auto}header nav.mobile-menu .submenu{height:0;overflow:hidden;transition:all .3s;position:relative;display:flex;flex-direction:column;background-color:unset}header nav.mobile-menu .submenu li:first-child{border-top:1px solid rgba(76,76,77,.5)}header nav.mobile-menu .submenu li:last-child{border-bottom:none}header nav.mobile-menu .submenu a{padding-left:45px}header nav.mobile-menu .sub-arrow{cursor:pointer;position:absolute;right:0;width:80px;height:56px;margin-top:-56px;background-color:rgba(81,85,87,.5)}header nav.mobile-menu .sub-arrow:hover svg path{fill:#a2f324}header nav.mobile-menu .sub-arrow-content{display:flex;justify-content:center;align-items:center;border-radius:10px;color:#fff;pointer-events:none;margin:14px 20px}header nav.mobile-menu .sub-arrow-content svg{width:30px;height:30px}header nav.mobile-menu .open svg{transform:rotate(180deg)}.open nav.mobile-menu{width:100%}.desktop-menu{display:flex;overflow:hidden}.desktop-menu>ul{display:flex;flex-wrap:wrap;height:60px}.nav-view-all{cursor:pointer;border:2px solid #fff;border-radius:5px;color:#fff;padding:0 13px;margin-top:-3px;margin-left:10px;margin-right:10px;height:40px;display:flex;align-items:center;transition:all .1s}.nav-view-all:hover{background-color:#fff;color:#000}.nav-view-all svg{margin-right:5px}@media(min-width:1600px){.nav-view-all{display:none}}footer{font-family:Catamaran,sans-serif;background-color:#888;background:#4a5156;background:linear-gradient(350deg,#4a5156,#2e3334);padding:100px 45px 45px;display:grid;justify-content:space-between;align-items:flex-start;grid-template-columns:repeat(auto-fit,minmax(250px,max-content));grid-template-columns:minmax(250px 1fr) auto 1fr;grid-gap:20px;color:#fff}footer h3{margin:0}footer p{font-size:1rem;margin:0}footer nav{width:220px}footer nav ul{padding:0;margin:0}footer nav li{list-style:none;position:relative}footer nav a{color:#fff;transition:all .3s}footer nav a:hover{color:#a2f324}footer nav a svg{vertical-align:middle;margin-top:-3px;margin-right:6px}footer nav a svg path{fill:#fff}footer nav a svg,footer nav a svg path{transition:all .3s}footer nav a:hover svg path{fill:#a2f324}footer nav .submenu{padding-left:21px}footer nav .sub-arrow{display:none}footer .logo{font-size:2rem;font-weight:700;width:250px;margin-top:-22px}footer .logo span{font-weight:400;color:#fff}footer .logo .icon-logo{width:42px;height:42px;display:inline-block;vertical-align:middle;margin-top:-5px;margin-right:6px;position:relative}footer .logo .icon-logo path{transform-origin:center center;transition:all .3s}footer .logo .icon-logo:after{content:"";transition:all .3s;border:2px solid #fff;width:26px;height:26px;position:absolute;top:6px;left:6px;transform:rotate(45deg)}footer .support a{position:relative;padding:5px 10px 5px 43px;border:2px solid #fff;border-radius:5px;margin:5px 0;display:inline-block;transition:all .3s}footer .support a:after{content:"";position:absolute;left:8px;top:8px;background-image:url(/images/Ko-fi_Icon.png);background-size:100%;background-repeat:no-repeat;height:20px;width:30px}footer .support a:hover{color:#a2f324;border-color:#a2f324}@media(max-width:500px){footer{padding-left:15px;padding-right:15px}}.four-o-four{height:calc(100vh - 339px);min-height:400px;background-image:url(/images/404-bg.jpg);background-size:cover;background-position:50%;font-family:Catamaran,sans-serif;padding:50px}.four-o-four .box{display:inline-block}.four-o-four .box div{font-weight:700}.four-o-four h1{font-size:5rem;line-height:5.5rem;display:inline-block;margin:0 0 -13px;background-color:#fff;border-radius:10px;padding:0 9px}.four-o-four h2{font-size:3rem;font-weight:400;text-transform:uppercase;background:#fff;padding:10px 9px 2px;border-radius:10px;line-height:3rem;margin-top:0}.four-o-four h2 span{font-weight:700}.four-o-four nav ul{list-style:none;padding-left:0}.four-o-four nav a{color:#fff}.four-o-four nav a:hover{color:#a2f324}.adorino{grid-column:1/-1;text-align:center;margin:auto;display:none}.adorino.ok{display:block}.temp-place{position:absolute;display:none}.lang-switcher{position:relative;margin-left:auto}.lang-switcher .lang-list{transition:all .5s;border:2px solid #fff}.lang-switcher .lang-list .text{white-space:break-spaces;margin:10px -5px -5px;padding:7px 10px 10px;background-color:#4a5156;border-radius:4px;color:#fff}.lang-switcher .lang-list .text a{position:relative;transition:all .2s}.lang-switcher .lang-list .text a:hover{color:#a2f324}.lang-switcher .lang-list .text a:after{position:absolute;content:"";width:100%;bottom:2px;left:1px;border-bottom:2px dashed #a2f324}.lang-switcher:not(.open) .lang-list{display:block}.lang-switcher .lang-icon{padding:17px;cursor:pointer}.lang-switcher .lang-icon span{display:inline-block;text-align:center;width:31px;height:31px;line-height:1.8rem;border:2px solid #fff;border-radius:5px;text-transform:uppercase;font-weight:700;background-color:#fff;color:#000;transition:all .1s}.lang-switcher .lang-icon:hover span{background-color:#a2f324;border-color:#a2f324;color:#000}.lang-switcher .lang-list{position:absolute;background-color:#fff;right:0;width:200px;padding:5px;border-radius:5px}.lang-switcher .lang-list:before{content:"";display:block;position:absolute;border:12px solid transparent;border-bottom-color:#fff;top:-24px;right:11%;transition:all .3s}.lang-switcher .lang-list ul{margin:0;padding:0}.lang-switcher .lang-list li{list-style:none;margin:5px 0}.lang-switcher .lang-list li:first-child{margin-top:0}.lang-switcher .lang-list ul a{display:block;border-bottom:2px solid #000;font-weight:700;transition:all .3s;margin:0 5px;padding-top:5px}.lang-switcher .lang-list ul .active a,.lang-switcher .lang-list ul a:hover{border-color:#a2f324}.lang-switcher.open .lang-list{right:0;opacity:1}.lang-switcher:not(.open) .lang-list{right:-400%;opacity:0}.lang-switcher:not(.open) .lang-list:before{right:80%}.modal.history .history-wrapper{overflow:auto;max-height:60vh}.modal.history .hi-header span{margin-top:10px;margin-bottom:5px;text-transform:uppercase;font-size:1.1rem;padding-bottom:5px;border-bottom:1px solid #fff}.modal.history .hi-header span,.modal.history .hi-row span{display:inline-block;min-width:100px}.modal.history .hi-row{padding-top:5px;padding-bottom:5px}.modal.history .hi-row:nth-child(odd){background:linear-gradient(41deg,transparent 5%,hsla(0,0%,100%,.1) 40%,hsla(0,0%,100%,.1) 60%,transparent 95%)}.modal.history .hi-row:hover{background:linear-gradient(41deg,transparent,hsla(0,0%,100%,.2) 20%,hsla(0,0%,100%,.2) 80%,transparent)}@media(max-width:500px){.modal.history .hi-header span,.modal.history .hi-row span{min-width:90px}.modal.history .hi-header span.time,.modal.history .hi-row span.time{min-width:50px}}.history-notification{position:fixed;z-index:5;bottom:-3px;left:0;right:0;max-width:420px;margin:auto;text-align:center;font-size:1.1rem;padding:10px;color:#fff;background-color:#0c1d28;border:1px solid #ddc476}.history-notification button{all:unset;border-bottom:1px dashed #fff;transition:all .3s;cursor:pointer;margin:10px}.history-notification button:hover{color:#ddc476;border-bottom-color:#ddc476}.main-attraction{background-color:gray;overflow:hidden;position:relative;font-family:Catamaran,sans-serif}.main-attraction .attraction-wrapper{overflow:hidden;display:flex;align-items:center;width:auto}.main-attraction article{width:50%;min-width:400px;min-height:435px;position:relative;height:70vh;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;padding:50px 50px 75px;background-size:auto 106%;background-position:50% 50%;opacity:.85;transition:opacity .3s}.main-attraction article:hover{opacity:1}.main-attraction article .logo{width:65%;height:150px;display:flex;flex-direction:column;justify-content:center}.main-attraction article h1{position:relative;margin:0 0 35px;color:#fff;font-size:1.5rem;line-height:1.8rem;text-shadow:1px 1px 2px rgba(0,0,0,.8)}.main-attraction article button{font-family:Catamaran,sans-serif;font-weight:700;font-size:1rem;border:2px solid #fff;color:#fff;position:relative;background:transparent;padding:8px 15px;transition:all .2s;cursor:pointer}.main-attraction article button:focus,.main-attraction article button:hover{background:#fff;color:#000}.main-attraction .tool .arrow{position:absolute;top:calc(50% - 50px);height:60px;width:35px;cursor:pointer;transition:all .2s;border:2px solid #fff}.main-attraction .tool .arrow:hover{background-color:#fff}.main-attraction .tool .arrow:hover:after,.main-attraction .tool .arrow:hover:before{background-color:#000}.main-attraction .tool .arrow:after,.main-attraction .tool .arrow:before{content:"";position:absolute;height:3px;width:16px;background-color:#fff;top:0;bottom:0;left:0;right:0;margin:auto;transition:all .3s}.main-attraction .tool .left{left:5px}.main-attraction .tool .left:after{transform:rotate(-45deg);top:-10px}.main-attraction .tool .left:before{transform:rotate(45deg);bottom:-10px}.main-attraction .tool .right{right:5px}.main-attraction .tool .right:after{transform:rotate(45deg);top:-10px}.main-attraction .tool .right:before{transform:rotate(-45deg);bottom:-10px}.lol .guess-board input,.lol button.style-button{font-family:Beaufort,BeaufortW01-Regular,Arial,sans-serif;font-size:1.5em}.lol .the-game{position:relative;z-index:0;display:grid;grid-template:auto/repeat(auto-fit,minmax(150px,1fr))}@media(max-width:500px){.lol .the-game{grid-template:auto/repeat(auto-fit,minmax(120px,1fr))}}@media(min-width:1060px){.lol .the-game{grid-template:auto/repeat(auto-fit,minmax(180px,1fr))}}@media(min-width:1500px){.lol .the-game{grid-template:auto/repeat(auto-fit,minmax(220px,1fr))}}.lol .portrait{background-size:cover;position:relative;cursor:pointer;transition:all .3s;margin:0;vertical-align:top;overflow:hidden;aspect-ratio:11/20}.lol .portrait.LOADING{box-shadow:inset 0 0 10px 5px #000;font-size:1.2rem;display:flex;align-items:center;justify-content:center}.lol .portrait.LOADING:before{width:auto}.lol .portrait:after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(88,88,88,.65);transition:all .2s;pointer-events:none;clear:both}.lol .portrait:before{content:"";z-index:1;width:100%;height:100%;pointer-events:none}@supports not (aspect-ratio:11/20){.lol .portrait:before{padding-top:181.8181818182%;float:left}}.lol .portrait .frame:before{content:"";position:absolute;z-index:1;width:100%;height:100%;pointer-events:none}.lol .portrait.solved:after{background-color:transparent}.lol .portrait .name{color:#fff;text-align:center;position:absolute;bottom:0;width:100%;padding:50px 15px 10px;box-sizing:border-box;background:#0d1d28;background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(13,29,40,0));transition:opacity .5s;opacity:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.lol .portrait.solved .name{opacity:1}.lol .portrait .new-champ{position:absolute;z-index:1;top:6px;left:-28px;background:#ddc476;transform:rotate(-45deg);padding:3px 30px;box-shadow:0 0 0 2px #0d1d28}.lol .portrait .statistics{opacity:0;transition:opacity .5s;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;left:0;right:0;width:100px;margin:auto;text-align:center;bottom:45px;padding-top:5px;text-shadow:1px 1px 1px #000;color:red;background:linear-gradient(0deg,hsla(0,0%,100%,0),rgba(0,0,0,.7) 50%,rgba(0,0,0,.7) 75%,hsla(0,0%,100%,0))}.lol .portrait .statistics.above95{color:#25cb25}.lol .portrait .statistics.above90{color:#9ae399}.lol .portrait .statistics.above85{color:#fcb1b2}.lol .portrait .statistics.above80{color:red}.lol .portrait .statistics .win-percent{font-size:2rem;line-height:2.1rem}.lol .portrait .statistics .win-rate{font-size:1rem;line-height:1.2rem}.lol .portrait.solved .cover{display:none}.lol .portrait.solved .frame:before{animation:glow .5s ease-in-out}.lol .portrait.hardmode .cover{position:absolute;top:0;bottom:0;right:0;left:0;background-image:url(/images/lol-unknown.jpg);background-size:cover;z-index:1}.lol .reveal-champs .portrait:not(.solved):after{background-color:transparent}.lol .reveal-champs .portrait:not(.solved) .frame:before{box-shadow:inset 0 0 40px red;transition:all .3s}.lol .reveal-champs .portrait:not(.solved) .name{opacity:1;color:red}.lol .reveal-champs .portrait:not(.solved) .cover{background:unset}.lol .reveal-stats .portrait .statistics{opacity:1}.lol .top{position:fixed;z-index:3;top:0;right:0;cursor:pointer;padding:5px 12px 5px 30px;color:#fff;background:#0c1d28;background:linear-gradient(270deg,#0c1d28 50%,transparent);border-bottom:1px solid rgba(12,29,40,.3);text-align:right;display:flex;flex-direction:column-reverse}.lol .top .friend,.lol .top .your{display:flex;padding:5px 0 5px 15px;justify-content:flex-end}.lol .top .friend .score,.lol .top .your .score{margin-right:15px}.lol .top .friend{color:#ddc476}.lol .modal{position:fixed;z-index:3;max-width:565px;background-color:#fff;left:0;right:0;margin:auto;transition:all .3s;display:none;color:#fff;text-align:center;padding:15px}.lol .modal.fade-in{opacity:1;display:block}.modal .lol .modal.fade-in{opacity:0}.lol .modal.fade-out{opacity:0;display:block;pointer-events:none}.modal .lol .modal.fade-out{opacity:1}.lol .welcome .challenged{margin:4px 0 14px;font-size:2.2rem}.lol .welcome h1{margin:0 0 14px;font-size:1.5rem;line-height:1.5rem}.lol .welcome .friend{color:#ddc476;margin:14px 0}.lol .welcome .explain{margin-top:8px}.lol .welcome .outside{position:absolute;top:105%;left:0;right:0;letter-spacing:.5px}.lol .pause h1{font-size:3rem;margin:0 0 14px}.lol .pause .end{all:unset;border-bottom:1px dashed #fff;transition:all .3s;cursor:pointer;margin:15px}.lol .pause .end:hover{color:#ddc476;border-bottom-color:#ddc476}.lol .win h1{font-size:3rem;margin:0 0 18px}.lol .win .friend{color:#ddc476}.lol .win .style-button{margin-top:10px;margin-bottom:-35px}.lol .guess-bg-front{background-color:#0c1d28;border:2px solid #ddc476;position:absolute;top:0;bottom:0;left:0;right:0;z-index:-1;transition:all .1s}.lol .guess-bg-back-bottom,.lol .guess-bg-back-top{width:100%;height:100px;position:absolute;z-index:-2;margin:auto;left:0;right:0}.lol .guess-bg-back-top{top:-5px}.lol .guess-bg-back-bottom{bottom:-5px}.lol .guess-bg-back-bottom:after,.lol .guess-bg-back-bottom:before,.lol .guess-bg-back-top:after,.lol .guess-bg-back-top:before{content:"";width:100%;height:0;position:absolute;left:0;border-left:20px solid transparent;border-right:20px solid transparent;box-sizing:border-box}.lol .guess-bg-back-top:before{top:0;border-bottom:20px solid #ddc476}.lol .guess-bg-back-top:after{top:1px;border-bottom:20px solid #0c1d28}.lol .guess-bg-back-bottom:before{bottom:0;border-top:20px solid #ddc476}.lol .guess-bg-back-bottom:after{bottom:1px;border-top:20px solid #0c1d28}.lol .info{position:relative;display:inline-block;vertical-align:bottom;height:39px;width:27px;margin-left:4px}.lol .info .mark{position:absolute;top:0;left:0;padding:8px 11px;z-index:2;line-height:1.1rem;cursor:pointer}.lol .info .mark:focus~.tool,.lol .info .mark:hover~.tool{opacity:1;z-index:3}.lol .info:after,.lol .info:before{width:0;height:0;border:15px solid transparent;position:absolute;content:"";left:0}.lol .info:before{top:-15px;border-bottom-color:#ddc476}.lol .info:after{top:15px;border-top-color:#ddc476}.lol .info:hover:after{border-top-color:#ffe8a0}.lol .info:hover:before{border-bottom-color:#ffe8a0}.lol .info .tool{position:absolute;border:2px solid #ddc476;background-color:#0c1d28;top:-60px;left:-240px;padding:6px 10px;z-index:-1;font-size:1.1em;letter-spacing:.5px;width:270px;transition:all .2s;opacity:0;box-shadow:0 0 5px rgba(0,0,0,.7)}.lol .info .info-bg{position:absolute;top:2px;left:2px;z-index:1}.lol .info .info-bg:after,.lol .info .info-bg:before{width:0;height:0;border:13px solid transparent;position:absolute;content:"";left:0}.lol .info .info-bg:before{top:-13px;border-bottom-color:#0c1d28}.lol .info .info-bg:after{top:13px;border-top-color:#0c1d28}.lol .beatme{position:relative;margin-bottom:-5px}.lol .beatme .beatme-link{background-color:#ddc476;padding:4px 5px;display:inline-block;border-radius:5px;cursor:pointer;margin-bottom:5px;border:2px solid #ddc476;color:#0d1d28;word-break:break-all}.lol .beatme .beatme-link:hover{background-color:#0d1d28;color:#ddc476}.lol .beatme .beatme-confirm{position:absolute;left:0;right:0;background:#ddc476;color:#0d1d28;width:100px;margin:auto;border-radius:5px;padding:5px 0;text-align:center;transition:all .3s;opacity:0;bottom:-20px;pointer-events:none;border:2px solid #0c1d28}.lol .beatme .beatme-confirm.animate{opacity:1;bottom:-15px}.lol .guess-board{position:fixed;bottom:-200px;transition:all .3s;z-index:1;color:#fff;width:90%;max-width:450px;text-align:center;left:0;right:0;margin:auto;padding:15px 10px;box-sizing:border-box}.lol .guess-board.show{bottom:20px}.lol .guess-board .input-wrapper{display:inline-block}.lol .guess-board input{margin:4px;border:1px solid #ddc476;outline:none;text-transform:capitalize;color:#ddc476;text-align:center;box-sizing:border-box;box-shadow:inset 0 0 5px #000;height:39px;background:#172129;background:linear-gradient(0deg,#172129,#06121d 20%,#000);background-size:100% 100px;transition:all .2s;width:225px}.lol .guess-board input:focus{background-position:0 -60px;border-color:#ffe8a0}.lol .guess-board input::placeholder{color:#4e4529}.lol .guess-board.correct .guess-bg-front,.lol .guess-board.correct button,.lol .guess-board.correct input{border-color:#23a54b;transition:border .1s;color:#23a54b}.lol .guess-board.correct .guess-left{border-color:#23a54b}.lol .guess-board.correct .guess-bg-back-bottom:before,.lol .guess-board.correct .guess-bg-back-top:before{border-top-color:#23a54b;border-bottom-color:#23a54b}.lol .guess-board.not-correct .guess-bg-front,.lol .guess-board.not-correct button,.lol .guess-board.not-correct button:focus,.lol .guess-board.not-correct input,.lol .guess-board.not-correct input:focus{border-color:red;transition:border .1s;color:red}.lol .guess-board.not-correct .guess-left{border-color:red}.lol .guess-board.not-correct .guess-bg-back-bottom:before,.lol .guess-board.not-correct .guess-bg-back-top:before{border-top-color:red;border-bottom-color:red}.lol .style-button{border:2px solid #ddc476;outline:none;text-transform:capitalize;color:#ddc476;text-align:center;box-sizing:border-box;box-shadow:inset 0 0 5px #000;background:#1e2328;background:linear-gradient(0deg,#3b3628,#1e2329 30%);background-size:100% 150px;min-height:39px;height:auto;text-transform:uppercase;padding-right:13px;padding-left:13px;vertical-align:top;margin:4px 6px;cursor:pointer;transition:all .2s}.lol .style-button:focus,.lol .style-button:hover{border-color:#ffe8a0;background-position:0 -110px;box-shadow:0 0 4px #dacca1}.lol .pop-messages,.lol .reminder,.lol .time-reminder{position:absolute;border:2px solid #ddc476;background-color:#0c1d28;top:0;padding:8px 4px;z-index:-3;font-size:1.1em;letter-spacing:.5px;width:160px;left:0;right:0;margin:auto;transition:all .2s;opacity:0;box-shadow:0 0 5px rgba(0,0,0,.7);pointer-events:none}.lol .pop-messages.animate,.lol .reminder.animate,.lol .time-reminder.animate{top:-50px;opacity:1}.lol .time-reminder{width:80%}.lol .time-reminder.animate{top:-60px}@media(max-width:500px){.lol .guess-board{padding:7px 7px 5px 3px}.lol .guess-board .input-wrapper{width:48%;vertical-align:bottom}.lol .guess-board input{display:block;margin:0 0 5px;width:100%}.lol .info .tool{left:-260px;top:-75px}}.storm .guess-board input,.storm .top .score,.storm button.style-button,.storm h1,.storm h2{font-family:Metronic,Verdana,sans-serif;font-size:1.3rem;font-weight:500}.storm .welcome h1{font-family:Verdana,Arial,sans-serif}.storm p{font-size:1.1rem}.storm .the-game{margin-top:30px;margin-bottom:30px}.storm .portrait{background-size:cover;position:relative;cursor:pointer;display:inline-block;transition:all .3s;margin:0;vertical-align:top;background-image:url(/images/storm-portrait-bg.png);background-position:50%;background-size:85%;background-repeat:no-repeat;opacity:.4;z-index:0}.storm .portrait .statistics{opacity:0;transition:opacity .5s;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;left:0;right:0;width:100px;margin:auto;text-align:center;font-weight:700;font-size:.9rem;bottom:45px;padding-top:5px;text-shadow:1px 1px 1px #000;color:red;background:linear-gradient(0deg,hsla(0,0%,100%,0),rgba(0,0,0,.7) 50%,rgba(0,0,0,.7) 75%,hsla(0,0%,100%,0))}.storm .portrait .statistics.above95{color:#25cb25}.storm .portrait .statistics.above90{color:#9ae399}.storm .portrait .statistics.above85{color:#fcb1b2}.storm .portrait .statistics.above80{color:red}.storm .portrait svg{display:block;height:95%;width:95%;position:absolute;top:2%;left:2%;z-index:1}.storm .portrait img{width:85%!important;height:85%!important;margin:auto}.storm .portrait .name{color:#fff;position:absolute;padding:3px 10px;z-index:2;transform:skew(0deg,-30deg);bottom:0;left:45%;transform-origin:left;background:#341a2e;background:linear-gradient(0deg,#341a2e,#47314c);border:2px solid #615064;border-radius:7px 2px 5px 5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;max-width:40%;font-size:14px;transition:opacity .3s;opacity:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.storm .portrait.solved,.storm .portrait.solved .name{opacity:1}.storm .portrait.solved .cover{display:none}.storm .portrait.solved svg path{animation:stormGlow .5s ease-in-out}.storm .reveal-stats .portrait .statistics{opacity:1}@keyframes stormGlow{0%{fill:#5a5d75}50%{fill:#36cd4a}to{fill:#5a5d75}}.storm .portrait.hardmode .cover{position:absolute;top:0;bottom:0;right:0;left:0;background-image:url(/images/storm-unknown.png);background-size:cover;background-size:85%;background-position:50%;background-repeat:no-repeat;z-index:1}.storm .reveal-champs .portrait:not(.solved){opacity:1}.storm .reveal-champs .portrait:not(.solved):before{box-shadow:inset 0 0 40px red;transition:all .3s}.storm .reveal-champs .portrait:not(.solved) .name{opacity:1;color:red}.storm .reveal-champs .portrait:not(.solved) .cover{background:unset}.storm .reveal-champs .portrait:not(.solved) svg path{fill:#d22165;stroke:#d22165;transition:all .3s}.storm .portrait{width:calc(100%/var(--stormRow));padding-bottom:calc(1.1777777778/var(--stormRow)*100%);margin-top:calc(1.1777777778/var(--stormRow)*-14% + 5px);margin-bottom:calc(1.1777777778/var(--stormRow)*-14%)}.storm .top{position:fixed;z-index:3;top:0;right:0;left:0;width:125px;padding:5px 12px 10px;color:#fff;margin:0 auto;text-align:center;cursor:pointer;text-shadow:-1px 0 1px #000;-webkit-clip-path:polygon(0 0,100% 0,90% 100%,10% 100%);clip-path:polygon(0 0,100% 0,90% 100%,10% 100%);background:hsla(0,0%,100%,.2);border-radius:0 0 19% 19%}.storm .top.with-friend{display:flex;justify-content:space-evenly;width:200px}.storm .top:not(.with-friend) .top-inner{-webkit-clip-path:polygon(5% 0,96% 0,86% 92%,14% 92%);clip-path:polygon(5% 0,96% 0,86% 92%,14% 92%);background:rgba(84,155,247,.2)}.storm .top .top-inner{width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;border-radius:0 0 38% 38%;-webkit-clip-path:polygon(3% 0,97% 0,88% 92%,12% 92%);clip-path:polygon(3% 0,97% 0,88% 92%,12% 92%);background:#549bf7;background:linear-gradient(90deg,rgba(84,155,247,.3),rgba(209,17,84,.3))}.storm .top .friend,.storm .top .your{display:flex;flex-direction:column-reverse}.storm .top .friend .score,.storm .top .your .score{font-size:1.2rem}.storm .top .friend .time,.storm .top .your .time{font-size:.9rem;margin-bottom:2px}.storm .top .friend{color:#ff709d}.storm .modal{position:fixed;z-index:3;color:#fff;width:90%;max-width:590px;text-align:center;left:0;right:0;margin:auto;padding:15px;box-sizing:border-box;border-radius:2px;border:2px solid #5d89bf;box-shadow:0 0 10px #75a6d8,inset 0 0 10px #75a6d8;background-color:#211252;background:#3e2b75;background:radial-gradient(circle,#3e2b75 0,#110634 100%);transition:opacity .5s}.storm .modal.fade-in{opacity:1;display:block}.modal .storm .modal.fade-in{opacity:0}.storm .modal.fade-out{opacity:0;display:block;pointer-events:none}.modal .storm .modal.fade-out{opacity:1}.storm .welcome h1{font-size:1.9rem;margin-top:0;margin-bottom:10px;font-weight:500}.storm .welcome h2{margin:0 0 14px;font-size:1.9rem;text-transform:uppercase;line-height:normal}.storm .welcome .friend{color:#ff709d;margin:14px 0}.storm .welcome .explain{margin-top:8px;font-size:.9rem}.storm .welcome .outside{position:absolute;top:105%;left:0;right:0;letter-spacing:.5px;font-size:.9rem}.storm .pause h1{font-size:3rem;margin:0 0 14px;text-transform:uppercase}.storm .pause .end{all:unset;border-bottom:1px dashed #fff;transition:all .3s;cursor:pointer;margin:15px}.storm .pause .end:hover{color:#d22165;border-bottom-color:#d22165}.storm .win h1{font-size:2.3rem;margin:0 0 8px;text-transform:uppercase}.storm .win .friend{color:#ff709d}.storm .win .style-button{display:block;margin:10px auto -30px}.storm .info{position:relative;display:inline-block}.storm .info .mark{cursor:pointer;background-color:#110840;color:#b3ade2;height:19px;width:19px;border:2px solid #42447e;display:flex;justify-content:center;align-items:center;transition:all .3s;font-size:.9rem;padding:10px}.storm .info .mark:hover{border-color:#b3ade2;color:#eee}.storm .info .mark:focus~.tool,.storm .info .mark:hover~.tool{opacity:1;z-index:3}.storm .info .tool{position:absolute;background-color:#110840;color:#b3ade2;top:-60px;left:-200px;padding:3px 10px 5px;z-index:-1;font-size:.9rem;letter-spacing:.5px;width:300px;transition:all .2s;opacity:0;box-shadow:0 0 5px 1px rgba(0,0,0,.9);border:2px solid #42447e}.storm .info .info-bg{display:none}.storm .beatme{position:relative;margin-top:12px;margin-bottom:-5px}.storm .beatme .beatme-link{background-color:#ff709d;padding:3px 9px 6px;display:inline-block;border-radius:5px;cursor:pointer;margin-bottom:5px;border:2px solid #ff709d;color:#fff;word-break:break-all}.storm .beatme .beatme-link:hover{background-color:transparent;color:#ff709d}.storm .beatme .beatme-confirm{position:absolute;left:0;right:0;background:#ff709d;color:#fff;width:100px;margin:auto;border-radius:5px;padding:5px 0;text-align:center;transition:all .3s;opacity:0;bottom:-30px;text-transform:uppercase;font-size:.8rem;pointer-events:none;z-index:1}.storm .beatme .beatme-confirm.animate{opacity:1;bottom:-20px}.storm .guess-board{position:fixed;z-index:2;color:#fff;width:90%;max-width:450px;text-align:center;left:0;right:0;margin:auto;padding:10px 15px;bottom:-200px;transition:all .3s}.storm .guess-board .input-wrapper{width:calc(100% - 160px);display:inline-block;vertical-align:top;position:relative;background:none;border:none;color:#e9e3ff;font-size:1.2rem;letter-spacing:1px;cursor:pointer;padding:0;margin:5px}.storm .guess-board .input-wrapper:after{content:"";position:absolute;box-shadow:1px 1px 15px 1px #a996e0;height:53%;width:75%;border-radius:100%;left:14%;z-index:-2;top:21%;transition:all .2s}.storm .guess-board .content{height:35px;padding:0;display:block;position:relative;vertical-align:middle;transition:all .2s;-webkit-clip-path:polygon(0 25%,3% 0,100% 0,100% 100%,6% 100%);clip-path:polygon(0 25%,3% 0,100% 0,100% 100%,6% 100%);background-color:#5443af}.storm .guess-board .content:focus-within{background-color:#dcdbff}.storm .guess-board.show{bottom:20px}.storm .guess-board input{background-color:#5443af;border:none;margin:0 auto;outline:none;text-transform:capitalize;text-align:center;box-sizing:border-box;vertical-align:middle;font-size:1.2rem;border-radius:3px;color:#fff;width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;background:#471c86;background:linear-gradient(0deg,#471c86,#0f073f);-webkit-clip-path:polygon(1.5% 25%,3.5% 8%,99% 8%,99% 93%,7% 93%);clip-path:polygon(1.5% 25%,3.5% 8%,99% 8%,99% 93%,7% 93%)}.storm .guess-board input::placeholder{color:#e9e3ff}.storm .guess-board.correct .content,.storm .guess-board.correct .content input,.storm .guess-board.correct button .content,.storm .guess-board.correct button .content:focus{transition:all .1s;background-color:#36cd4a;color:#36cd4a}.storm .guess-board.correct ::placeholder{transition:all .1s;color:#36cd4a}.storm .guess-board.not-correct .content,.storm .guess-board.not-correct .content input,.storm .guess-board.not-correct button .content,.storm .guess-board.not-correct button .content:focus{transition:all .1s;background-color:#d22165;color:#d22165}.storm .guess-board.not-correct ::placeholder{transition:all .1s;color:#d22165}.storm .style-button{position:relative;background:none;border:none;color:#e9e3ff;font-size:1.2rem;letter-spacing:1px;cursor:pointer;padding:0;margin:5px}.storm .style-button:after{content:"";position:absolute;box-shadow:1px 1px 15px 1px #a996e0;height:53%;width:75%;border-radius:100%;left:14%;z-index:-2;top:21%;transition:all .2s}.storm .style-button:hover:after{box-shadow:1px 1px 20px 7px #4822f1}.storm .style-button:focus .content,.storm .style-button:hover .content{background-color:#dcdbff;color:#fff}.storm .style-button:focus .inner,.storm .style-button:hover .inner{background:#461988;background:linear-gradient(0deg,#461988,#1d1166)}.storm .style-button .content{pointer-events:none;display:block;padding:4px 21px 7px;position:relative;vertical-align:middle;transition:all .2s;border:none;background-color:#5443af;-webkit-clip-path:polygon(0 30%,2% 0,98% 2%,100% 30%,93% 100%,7% 100%);clip-path:polygon(0 30%,2% 0,98% 2%,100% 30%,93% 100%,7% 100%)}.storm .style-button .content:focus-within{background-color:#dcdbff}.storm .style-button .inner{width:100%;height:100%;position:absolute;left:0;top:0;z-index:-1;background:#471c86;background:linear-gradient(0deg,#471c86,#0f073f)}.storm .style-button[mode=hardmode] .content{-webkit-clip-path:polygon(0 25%,3% 0,100% 0,100% 100%,10% 100%);clip-path:polygon(0 25%,3% 0,100% 0,100% 100%,10% 100%);padding-right:13px}.storm .style-button[mode=hardmode] .inner{-webkit-clip-path:polygon(2% 25%,4% 7%,98% 7%,98% 94%,11% 94%);clip-path:polygon(2% 25%,4% 7%,98% 7%,98% 94%,11% 94%)}.storm .style-button[mode=regular] .content{-webkit-clip-path:polygon(0 0,97% 0,100% 25%,90% 100%,0 100%);clip-path:polygon(0 0,97% 0,100% 25%,90% 100%,0 100%);padding-left:13px}.storm .style-button[mode=regular] .inner{-webkit-clip-path:polygon(1.5% 7%,96% 7%,98% 25%,89% 95%,1.5% 95%);clip-path:polygon(1.5% 7%,96% 7%,98% 25%,89% 95%,1.5% 95%)}.storm .guess-board .style-button{font-size:1.2rem}.storm .guess-board .style-button .content{-webkit-clip-path:polygon(0 0,97% 0,100% 25%,90% 100%,0 100%);clip-path:polygon(0 0,97% 0,100% 25%,90% 100%,0 100%);padding:5px 21px 6px 13px}.storm .guess-board .style-button .inner{-webkit-clip-path:polygon(3% 7%,95% 7%,97% 25%,88% 93%,3% 93%);clip-path:polygon(3% 7%,95% 7%,97% 25%,88% 93%,3% 93%)}.storm .pause .style-button .content{-webkit-clip-path:polygon(0 0,97% 0,100% 25%,90% 100%,0 100%);clip-path:polygon(0 0,97% 0,100% 25%,90% 100%,0 100%);padding-left:13px}.storm .pause .style-button .inner{-webkit-clip-path:polygon(1.5% 7%,96% 7%,98% 25%,89% 95%,1.5% 95%);clip-path:polygon(1.5% 7%,96% 7%,98% 25%,89% 95%,1.5% 95%)}.storm .win .style-button{font-size:1.2rem}.storm .win .style-button .inner{-webkit-clip-path:polygon(2.5% 8%,97.5% 8%,99% 30%,92.5% 92%,7.5% 92%,1% 30%);clip-path:polygon(2.5% 8%,97.5% 8%,99% 30%,92.5% 92%,7.5% 92%,1% 30%)}.storm .reminder,.storm .time-reminder{position:absolute;background-color:#110840;color:#b3ade2;top:18px;padding:3px 5px 5px 4px;z-index:-1;font-size:.9rem;letter-spacing:.5px;box-shadow:0 0 5px 1px rgba(0,0,0,.9);border:2px solid #42447e;width:140px;left:0;right:0;margin:auto;transition:all .2s;opacity:0;pointer-events:none}.storm .reminder.animate,.storm .time-reminder.animate{top:-30px;opacity:1}.storm .time-reminder{width:80%}.storm .time-reminder.animate{top:-48px}@media(max-width:500px){.storm .guess-board{width:100%;padding:0}.storm .info .tool{left:-250px}}@media(min-width:1900px){:root{--stormRow:8}.storm .portrait:nth-child(15n+9){margin-left:6.25%}}@media(min-width:1300px)and (max-width:1899px){:root{--stormRow:7}.storm .portrait:nth-child(13n+8){margin-left:calc(100%/var(--stormRow)/2)}}@media(min-width:1000px)and (max-width:1299px){:root{--stormRow:6}.storm .portrait:nth-child(11n+7){margin-left:calc(100%/var(--stormRow)/2)}}@media(min-width:750px)and (max-width:999px){:root{--stormRow:5}.storm .portrait:nth-child(9n+6){margin-left:calc(100%/var(--stormRow)/2)}}@media(min-width:500px)and (max-width:749px){:root{--stormRow:4}.storm .portrait:nth-child(7n+5){margin-left:calc(100%/var(--stormRow)/2)}}@media(min-width:10px)and (max-width:499px){:root{--stormRow:3}.storm .portrait:nth-child(5n+4){margin-left:calc(100%/var(--stormRow)/2)}}.dota2 button,.dota2 input{font-family:Reaver-SemiBold,sans-serif}.dota2 p{font-size:1.2rem;line-height:1.8rem}.dota2 .headline span,.dota2 .headline-two span{font-family:Radiance,Arial,sans-serif}.dota2 .the-game{position:relative;z-index:0;display:grid;grid-template:auto/repeat(auto-fit,minmax(180px,1fr))}@media(max-width:500px){.dota2 .the-game{grid-template:auto/repeat(auto-fit,minmax(170px,1fr))}}@media(min-width:1060px){.dota2 .the-game{grid-template:auto/repeat(auto-fit,minmax(200px,1fr))}}@media(min-width:1500px){.dota2 .the-game{grid-template:auto/repeat(auto-fit,minmax(220px,1fr))}}.dota2 .portrait{background-size:cover;position:relative;cursor:pointer;transition:all .3s;margin:0;vertical-align:top;overflow:hidden;aspect-ratio:235/272}.dota2 .portrait .statistics{opacity:0;transition:opacity .5s;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;left:0;right:0;width:100px;margin:auto;text-align:center;font-weight:700;bottom:45px;padding-top:5px;text-shadow:1px 1px 1px #000;color:red;background:linear-gradient(0deg,hsla(0,0%,100%,0),rgba(0,0,0,.7) 50%,rgba(0,0,0,.7) 75%,hsla(0,0%,100%,0))}.dota2 .portrait .statistics.above95{color:#25cb25}.dota2 .portrait .statistics.above90{color:#9ae399}.dota2 .portrait .statistics.above85{color:#fcb1b2}.dota2 .portrait .statistics.above80{color:red}.dota2 .portrait:after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(88,88,88,.65);transition:all .2s;pointer-events:none;clear:both}.dota2 .portrait:before{content:"";z-index:1;width:100%;height:100%;pointer-events:none}@supports not (aspect-ratio:235/272){.dota2 .portrait:before{padding-top:115.7446808511%;float:left}}.dota2 .portrait .frame:before{content:"";position:absolute;z-index:1;width:100%;height:100%;pointer-events:none;display:block}.dota2 .portrait.solved:after{background-color:transparent}.dota2 .portrait .name{color:#fff;text-align:center;position:absolute;bottom:0;width:100%;padding:50px 15px 10px;box-sizing:border-box;background:#0d1d28;background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(13,29,40,0));transition:opacity .5s;opacity:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dota2 .portrait.solved .name{opacity:1}.dota2 .portrait .new-champ{position:absolute;z-index:1;top:6px;left:-28px;background:#4e7d63;color:#fff;transform:rotate(-45deg);padding:0 30px 2px;box-shadow:0 0 0 2px #0d1d28}.dota2 .portrait.solved .cover{display:none}.dota2 .portrait.solved .frame:before{animation:glow .5s ease-in-out}.dota2 .portrait.hardmode .cover{position:absolute;top:0;bottom:0;right:0;left:0;background-image:url(/images/dota2-unknown.jpg);background-size:cover;z-index:1}.dota2 .reveal-champs .portrait:not(.solved):after{background-color:transparent}.dota2 .reveal-champs .portrait:not(.solved) .frame:before{box-shadow:inset 0 0 40px red;transition:all .3s}.dota2 .reveal-champs .portrait:not(.solved) .name{opacity:1;color:red}.dota2 .reveal-champs .portrait:not(.solved) .cover{background:unset}.dota2 .reveal-stats .portrait .statistics{opacity:1}.dota2 .top{position:fixed;z-index:3;top:0;right:0;left:0;width:155px;padding:5px 12px;color:#fff;margin:0 auto;text-align:center;cursor:pointer;-webkit-clip-path:polygon(0 0,100% 0,96% 100%,4% 100%);clip-path:polygon(0 0,100% 0,96% 100%,4% 100%);background:#2f3334;background:radial-gradient(circle,#2f3334 0,#101415 100%);display:flex;flex-direction:column-reverse}.dota2 .top .score,.dota2 .top .time{display:inline-block}.dota2 .top .score{margin-right:10px}.dota2 .top .time{width:45px}.dota2 .top .friend{color:#ff6d2d}.dota2 .modal{position:fixed;z-index:3;color:#fff;width:90%;max-width:550px;text-align:center;left:0;right:0;margin:auto;padding:15px;box-sizing:border-box;background-color:#555;background-image:url(/images/dota2-dialog-bg.jpg);background-size:cover;box-shadow:0 0 10px 5px rgba(55,191,114,.5),0 0 60px 5px rgba(55,191,114,.5)}.dota2 .modal .headline:not(.none){background-color:rgba(0,0,0,.35);margin:-15px -15px 0;padding:10px;font-size:1.5rem;letter-spacing:1px;text-transform:uppercase}.dota2 .modal.fade-in{opacity:1;display:block}.modal .dota2 .modal.fade-in{opacity:0}.dota2 .modal.fade-out{opacity:0;display:block;pointer-events:none}.modal .dota2 .modal.fade-out{opacity:1}.dota2 .welcome .none{font-size:1.5rem;letter-spacing:1px;text-transform:uppercase;margin-top:10px}.dota2 .welcome .challenged{font-size:1.9rem!important}.dota2 .welcome .friend{color:#ff6d2d;line-height:1.8rem}.dota2 .welcome .explain{margin:9px 0 -2px;font-size:.9rem}.dota2 .welcome .outside{position:absolute;top:104%;left:0;right:0;letter-spacing:.5px;font-size:.9rem}.dota2 .pause .headline{font-size:2rem!important;margin-bottom:10px!important}.dota2 .pause .end{all:unset;border-bottom:1px dashed #fff;transition:all .3s;cursor:pointer;margin:15px}.dota2 .pause .end:hover{color:#ff6d2d;border-bottom-color:#ff6d2d}.dota2 .win .headline{font-size:2rem!important}.dota2 .win .friend{color:#ff6d2d}.dota2 .win .style-button{margin-top:10px;margin-bottom:-35px}.dota2 .info{position:relative;display:inline-block;vertical-align:middle}.dota2 .info .mark{cursor:pointer;background-color:#ccc;color:#666;border-radius:100%;height:25px;width:25px;display:flex;justify-content:center;align-items:center;transition:all .3s}.dota2 .info .mark:hover{background-color:#6c6c6c;color:#fff}.dota2 .info .mark:focus~.tool,.dota2 .info .mark:hover~.tool{opacity:1;z-index:3}.dota2 .info .tool{position:absolute;background-color:#6c6c6c;top:-70px;left:-210px;padding:3px 10px 5px;z-index:-1;font-size:1rem;letter-spacing:.5px;width:300px;transition:all .2s;opacity:0;box-shadow:0 0 5px 1px rgba(0,0,0,.9)}.dota2 .beatme{position:relative;margin-bottom:-5px}.dota2 .beatme .beatme-link{background-color:#ff6d2d;padding:4px 5px;display:inline-block;border-radius:5px;cursor:pointer;margin-bottom:5px;border:2px solid #ff6d2d;color:#fff;word-break:break-all}.dota2 .beatme .beatme-link:hover{background-color:#0d1d28;color:#ff6d2d}.dota2 .beatme .beatme-confirm{position:absolute;left:0;right:0;background:#ff6d2d;color:#fff;width:110px;margin:auto;border-radius:5px;padding:5px 0;text-align:center;transition:all .3s;opacity:0;bottom:-40px;text-transform:uppercase;pointer-events:none;letter-spacing:1px;font-size:.8rem;z-index:1}.dota2 .beatme .beatme-confirm.animate{opacity:1;bottom:-20px}.dota2 .guess-board{position:fixed;z-index:1;color:#fff;width:90%;max-width:450px;text-align:center;left:0;right:0;bottom:-200px;transition:all .3s;margin:auto;padding:10px 15px;background-color:#555;background:linear-gradient(80deg,#252728,#101415);border-radius:10px;box-shadow:0 0 20px #000}.dota2 .guess-board.show{bottom:20px}.dota2 .guess-board .input-wrapper{display:inline}.dota2 .guess-board input{margin:0 auto;outline:none;border:2px solid #4d7c62;color:#63c38e;text-transform:capitalize;text-align:center;height:37px;vertical-align:middle;font-size:1.2rem;background-color:rgba(0,0,0,.3);border-radius:2px;width:calc(100% - 180px)}.dota2 .guess-board input:focus{background-color:rgba(0,0,0,.8)}.dota2 .guess-board input::placeholder{color:#376d4f}.dota2 .guess-board.correct input,.dota2 .guess-board.correct input:focus{transition:all .1s;border-color:#10ab54;color:#10ab54}.dota2 .guess-board.correct button,.dota2 .guess-board.correct button:focus{transition:all .1s;background:#10ab54;box-shadow:inset 2px 2px 2px #10ab54,inset -2px -2px 2px #0a3c20}.dota2 .guess-board.correct .guess-left{border-color:#23a54b}.dota2 .guess-board.correct .guess-bg-back-bottom:before,.dota2 .guess-board.correct .guess-bg-back-top:before{border-top-color:#23a54b;border-bottom-color:#23a54b}.dota2 .guess-board.not-correct button,.dota2 .guess-board.not-correct button:focus{transition:all .1s;background:#ff6d2d;box-shadow:inset 2px 2px 2px #ff6d2d,inset -2px -2px 2px #772d0c}.dota2 .guess-board.not-correct button:after,.dota2 .guess-board.not-correct button:focus:after{border-color:#ff6d2d}.dota2 .guess-board.not-correct input,.dota2 .guess-board.not-correct input:focus{transition:all .1s;border-color:#ff6d2d;color:#ff6d2d}.dota2 .guess-board.not-correct .guess-left{border-color:red}.dota2 .guess-board.not-correct .guess-bg-back-bottom:before,.dota2 .guess-board.not-correct .guess-bg-back-top:before{border-top-color:red;border-bottom-color:red}.dota2 .style-button{text-transform:uppercase;position:relative;padding:7px 20px;background:#4e7d63;border:none;font-size:1rem;color:#fff;letter-spacing:1px;box-shadow:inset 2px 2px 2px #548066,inset -2px -2px 2px #26382c;cursor:pointer;border-radius:2px;margin:5px;vertical-align:middle;transition:all .3s}.dota2 .style-button .shadow{position:absolute;top:2px;right:2px;left:2px;bottom:2px;overflow:hidden}.dota2 .style-button .tshadow:before{transform:rotate(-12deg);top:-25px;left:-30px}.dota2 .style-button .tshadow:after{top:-25px;right:-30px}.dota2 .style-button .bshadow:before{bottom:-25px;left:-30px}.dota2 .style-button .bshadow:after{transform:rotate(-12deg);bottom:-25px;right:-30px}.dota2 .style-button:after{content:"";position:absolute;left:0;right:0;bottom:0;top:0;border:2px solid transparent;transition:all .3s}.dota2 .style-button:focus,.dota2 .style-button:hover{background:#62ba7f;text-shadow:0 0 10px #fff;box-shadow:inset 2px 2px 0 #80e09f,inset -2px -2px 0 #80e09f,inset -1px -1px 7px #102d19,0 0 8px #10f775}.dota2 .style-button:focus:after,.dota2 .style-button:hover:after{border-color:#75c398}.dota2 .reminder,.dota2 .time-reminder{position:absolute;background-color:#6c6c6c;padding:3px 5px 5px;z-index:-3;font-size:1rem;letter-spacing:.5px;transition:all .2s;opacity:0;box-shadow:0 0 5px 1px rgba(0,0,0,.9);top:0;margin:auto;pointer-events:none;width:140px;left:0;right:0}.dota2 .reminder.animate,.dota2 .time-reminder.animate{top:-40px;opacity:1}.dota2 .time-reminder{width:80%}.dota2 .time-reminder.animate{top:-48px}@media(max-width:500px){.dota2 .guess-board{padding:5px 5px 6px}.dota2 .guess-board .input-wrapper{display:inline-block;width:48%;vertical-align:bottom}.dota2 .guess-board input{display:block;margin:0 0 5px;width:100%}.dota2 .info .tool{left:-245px;top:-85px}}.overwatch .guess-board input,.overwatch button.style-button,.overwatch2 .guess-board input,.overwatch2 button.style-button{font-family:FuturaNo2D,century gothic,arial,sans-serif;font-size:1.3rem;font-weight:500}.overwatch h1,.overwatch h2,.overwatch2 h1,.overwatch2 h2{font-family:Big Noodle,century gothic,arial,sans-serif;font-weight:400}.overwatch .welcome h1,.overwatch2 .welcome h1{font-family:FuturaNo2D,century gothic,arial,sans-serif}.overwatch .the-game,.overwatch2 .the-game{position:relative;z-index:0;display:grid;grid-template:auto/repeat(auto-fit,minmax(150px,1fr))}@media(max-width:500px){.overwatch .the-game,.overwatch2 .the-game{grid-template:auto/repeat(auto-fit,minmax(120px,1fr))}}@media(min-width:1060px){.overwatch .the-game,.overwatch2 .the-game{grid-template:auto/repeat(auto-fit,minmax(180px,1fr))}}@media(min-width:1500px){.overwatch .the-game,.overwatch2 .the-game{grid-template:auto/repeat(auto-fit,minmax(220px,1fr))}}.overwatch .portrait,.overwatch2 .portrait{background-size:cover;background-image:url(/images/overwatch-hero-bg.jpg);position:relative;cursor:pointer;transition:all .3s;margin:0;vertical-align:top;aspect-ratio:18/31;overflow:hidden}.overwatch .portrait .statistics,.overwatch2 .portrait .statistics{opacity:0;transition:opacity .5s;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;left:0;right:0;width:100px;margin:auto;text-align:center;font-weight:700;bottom:45px;padding-top:5px;text-shadow:1px 1px 1px #000;color:red;background:linear-gradient(0deg,hsla(0,0%,100%,0),rgba(0,0,0,.7) 50%,rgba(0,0,0,.7) 75%,hsla(0,0%,100%,0))}.overwatch .portrait .statistics.above95,.overwatch2 .portrait .statistics.above95{color:#25cb25}.overwatch .portrait .statistics.above90,.overwatch2 .portrait .statistics.above90{color:#9ae399}.overwatch .portrait .statistics.above85,.overwatch2 .portrait .statistics.above85{color:#fcb1b2}.overwatch .portrait .statistics.above80,.overwatch2 .portrait .statistics.above80{color:red}.overwatch .portrait:after,.overwatch2 .portrait:after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(88,88,88,.65);transition:all .2s;pointer-events:none;clear:both}.overwatch .portrait:before,.overwatch2 .portrait:before{content:"";z-index:1;width:100%;height:100%;pointer-events:none}@supports not (aspect-ratio:18/31){.overwatch .portrait:before,.overwatch2 .portrait:before{padding-top:172.2222222222%;float:left}}.overwatch .portrait .frame:before,.overwatch2 .portrait .frame:before{content:"";position:absolute;z-index:1;width:100%;height:100%;pointer-events:none;display:block}.overwatch .portrait.solved:after,.overwatch2 .portrait.solved:after{background-color:transparent}.overwatch .portrait .name,.overwatch2 .portrait .name{color:#fff;text-align:center;position:absolute;bottom:0;width:100%;padding:50px 15px 10px;box-sizing:border-box;background:#0d1d28;background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(13,29,40,0));transition:opacity .5s;opacity:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.overwatch .portrait.solved .name,.overwatch2 .portrait.solved .name{opacity:1}.overwatch .portrait .new-champ,.overwatch2 .portrait .new-champ{position:absolute;z-index:1;top:6px;left:-28px;background:#fff;transform:rotate(-45deg);padding:3px 30px;box-shadow:0 0 0 2px #e5a43b}.overwatch .portrait.solved .cover,.overwatch2 .portrait.solved .cover{display:none}.overwatch .portrait.solved .frame:before,.overwatch2 .portrait.solved .frame:before{animation:glow .5s ease-in-out}.overwatch .portrait.hardmode .cover,.overwatch2 .portrait.hardmode .cover{position:absolute;top:0;bottom:0;right:0;left:0;background-image:url(/images/overwatch-unknown.jpg);background-size:cover;z-index:1}.overwatch .reveal-champs .portrait:not(.solved):after,.overwatch2 .reveal-champs .portrait:not(.solved):after{background-color:transparent}.overwatch .reveal-champs .portrait:not(.solved) .frame:before,.overwatch2 .reveal-champs .portrait:not(.solved) .frame:before{box-shadow:inset 0 0 40px red;transition:all .3s}.overwatch .reveal-champs .portrait:not(.solved) .name,.overwatch2 .reveal-champs .portrait:not(.solved) .name{opacity:1;color:red}.overwatch .reveal-champs .portrait:not(.solved) .cover,.overwatch2 .reveal-champs .portrait:not(.solved) .cover{background:unset}.overwatch .reveal-stats .portrait .statistics,.overwatch2 .reveal-stats .portrait .statistics{opacity:1}.overwatch .top,.overwatch2 .top{position:fixed;z-index:3;top:0;right:0;left:0;width:290px;padding:0;color:#fff;margin:0 auto;text-align:center;cursor:pointer;display:flex;justify-content:center}.overwatch .top .score,.overwatch .top .time,.overwatch2 .top .score,.overwatch2 .top .time{display:inline-block;padding:5px 7px 3px;border-bottom:2px solid transparent;width:70px;background:rgba(0,0,0,.6)}.overwatch .top .your .score,.overwatch2 .top .your .score{background-color:#37b4ea;border-color:#3ccef8}.overwatch .top .friend,.overwatch2 .top .friend{display:flex;flex-direction:row-reverse}.overwatch .top .friend .score,.overwatch2 .top .friend .score{background-color:#ba00fc;border-color:#da73ff}.overwatch .modal,.overwatch2 .modal{position:fixed;z-index:3;width:90%;max-width:500px;text-align:center;left:0;right:0;margin:auto;padding:15px;box-sizing:border-box;transition:all .3s;background-color:hsla(0,0%,100%,.9);color:#1a325e;border-radius:2px}.overwatch .modal.fade-in,.overwatch2 .modal.fade-in{opacity:1;display:block}.modal .overwatch .modal.fade-in,.modal .overwatch2 .modal.fade-in{opacity:0}.overwatch .modal.fade-out,.overwatch2 .modal.fade-out{opacity:0;display:block;pointer-events:none}.modal .overwatch .modal.fade-out,.modal .overwatch2 .modal.fade-out{opacity:1}.overwatch .welcome h1,.overwatch2 .welcome h1{margin:0 0 10px;font-size:1.9rem;color:#ba00fc}.overwatch .welcome h2,.overwatch2 .welcome h2{margin:0 0 14px;font-size:2.5rem;text-transform:uppercase;line-height:2.8rem}.overwatch .welcome .friend,.overwatch2 .welcome .friend{color:#ba00fc;margin:14px 0}.overwatch .welcome .explain,.overwatch2 .welcome .explain{margin-top:8px}.overwatch .welcome .outside,.overwatch2 .welcome .outside{position:absolute;top:104%;left:0;right:0;letter-spacing:.5px;font-size:1rem;color:#fff}.overwatch .pause h1,.overwatch2 .pause h1{font-size:3rem;margin:0 0 14px}.overwatch .pause .end,.overwatch2 .pause .end{all:unset;border-bottom:1px dashed #1a325e;transition:all .3s;cursor:pointer;margin:15px}.overwatch .pause .end:hover,.overwatch2 .pause .end:hover{color:#ba00fc;border-bottom-color:#ba00fc}.overwatch .win h1,.overwatch2 .win h1{font-size:3rem;margin:0}.overwatch .win .friend,.overwatch2 .win .friend{color:#ba00fc}.overwatch .win .style-button,.overwatch2 .win .style-button{margin-top:10px;margin-bottom:-35px}.overwatch .info,.overwatch2 .info{position:relative;display:inline-block;vertical-align:middle;margin-left:5px}.overwatch .info .mark,.overwatch2 .info .mark{cursor:pointer;background-color:#566784;color:#566784;border-radius:2px;height:23px;width:30px;display:flex;justify-content:center;align-items:center;transition:all .3s}.overwatch .info .mark:after,.overwatch2 .info .mark:after{content:"?";background-color:#fff;border-radius:100%;height:17px;width:17px;line-height:1.2rem;position:absolute}.overwatch .info .mark:focus~.tool,.overwatch .info .mark:hover~.tool,.overwatch2 .info .mark:focus~.tool,.overwatch2 .info .mark:hover~.tool{opacity:1;z-index:3}.overwatch .info .tool,.overwatch2 .info .tool{position:absolute;background-color:#eee;color:#566784;border-radius:2px;top:-70px;left:-200px;padding:3px 10px 5px;z-index:-1;font-size:1rem;letter-spacing:.5px;width:275px;transition:all .2s;opacity:0;box-shadow:0 0 5px 1px rgba(0,0,0,.9)}.overwatch .beatme,.overwatch2 .beatme{position:relative;margin-top:13px;margin-bottom:-5px}.overwatch .beatme .beatme-link,.overwatch2 .beatme .beatme-link{background-color:#e5a43b;padding:3px 9px 6px;display:inline-block;border-radius:5px;cursor:pointer;margin-bottom:5px;border:2px solid #e5a43b;color:#fff;word-break:break-all}.overwatch .beatme .beatme-link:hover,.overwatch2 .beatme .beatme-link:hover{background-color:transparent;color:#e5a43b}.overwatch .beatme .beatme-confirm,.overwatch2 .beatme .beatme-confirm{position:absolute;z-index:2;left:0;right:0;background:#e5a43b;color:#fff;width:100px;margin:auto;border-radius:5px;padding:5px 0;text-align:center;transition:all .3s;opacity:0;bottom:-30px;text-transform:uppercase;letter-spacing:1px;font-size:.8rem;pointer-events:none}.overwatch .beatme .beatme-confirm.animate,.overwatch2 .beatme .beatme-confirm.animate{opacity:1;bottom:-15px}.overwatch .guess-board,.overwatch2 .guess-board{bottom:-200px;z-index:5;transition:all .3s;position:fixed;z-index:1;color:#fff;width:90%;max-width:450px;text-align:center;left:0;right:0;margin:auto;padding:10px 15px;background-color:hsla(0,0%,100%,.9);border-radius:3px}.overwatch .guess-board.show,.overwatch2 .guess-board.show{bottom:20px}.overwatch .guess-board .input-wrapper,.overwatch2 .guess-board .input-wrapper{display:inline}.overwatch .guess-board input,.overwatch2 .guess-board input{margin:0 auto;outline:none;border:2px solid #e5a43b;color:#e5a43b;text-transform:capitalize;text-align:center;box-sizing:border-box;height:39px;vertical-align:middle;font-size:1.2rem;background-color:rgba(0,0,0,.03);border-radius:3px;width:calc(100% - 185px);transition:all .1s}.overwatch .guess-board input:focus,.overwatch2 .guess-board input:focus{background-color:rgba(0,0,0,.08)}.overwatch .guess-board input::placeholder,.overwatch2 .guess-board input::placeholder{color:#dcb16b}.overwatch .guess-board.correct input,.overwatch .guess-board.correct input:focus,.overwatch2 .guess-board.correct input,.overwatch2 .guess-board.correct input:focus{border-color:#11d31d;color:#11d31d}.overwatch .guess-board.correct ::placeholder,.overwatch2 .guess-board.correct ::placeholder{color:#11d31d}.overwatch .guess-board.correct button,.overwatch .guess-board.correct button:focus,.overwatch2 .guess-board.correct button,.overwatch2 .guess-board.correct button:focus{background:#11d31d}.overwatch .guess-board.not-correct input,.overwatch2 .guess-board.not-correct input{border-color:#ba00fc;color:#ba00fc}.overwatch .guess-board.not-correct ::placeholder,.overwatch2 .guess-board.not-correct ::placeholder{color:#ba00fc}.overwatch .guess-board.not-correct button,.overwatch2 .guess-board.not-correct button{background:#ba00fc}.overwatch .style-button,.overwatch2 .style-button{text-transform:uppercase;position:relative;padding:5px 17px;background:#e5a43b;font-size:1rem;color:#fff;cursor:pointer;border-radius:3px;letter-spacing:1px;margin:5px;vertical-align:middle;transition:all .1s;border:2px solid transparent}.overwatch .style-button:focus,.overwatch .style-button:hover,.overwatch2 .style-button:focus,.overwatch2 .style-button:hover{border-color:#fff;background-color:#9e7032}.overwatch .style-button:active,.overwatch2 .style-button:active{transform:scale(1.1)}.overwatch .reminder,.overwatch .time-reminder,.overwatch2 .reminder,.overwatch2 .time-reminder{position:absolute;background-color:#eee;color:#566784;border-radius:2px;padding:3px 5px 5px;z-index:-3;font-size:1rem;letter-spacing:.5px;box-shadow:0 0 5px 1px rgba(0,0,0,.9);top:0;width:135px;left:0;right:0;margin:auto;transition:all .2s;opacity:0;pointer-events:none}.overwatch .reminder.animate,.overwatch .time-reminder.animate,.overwatch2 .reminder.animate,.overwatch2 .time-reminder.animate{top:-38px;opacity:1}.overwatch .time-reminder,.overwatch2 .time-reminder{width:80%}.overwatch .time-reminder.animate,.overwatch2 .time-reminder.animate{top:-48px}@media(max-width:500px){.overwatch .guess-board,.overwatch2 .guess-board{padding:5px 7px 6px 4px}.overwatch .guess-board .input-wrapper,.overwatch2 .guess-board .input-wrapper{display:inline-block;width:48%;vertical-align:bottom}.overwatch .guess-board input,.overwatch2 .guess-board input{display:block;margin:0 0 5px;width:100%}.overwatch .info .tool,.overwatch2 .info .tool{left:-240px;top:-75px}}.overwatch2 .portrait{aspect-ratio:1/1}.overwatch2 .portrait.hardmode .cover{background-image:url(/images/overwatch2-unknown.jpg)}.pokemon .style-button,.pokemon input,.pokemon2 .style-button,.pokemon2 input,.pokemon3 .style-button,.pokemon3 input,.pokemon4 .style-button,.pokemon4 input,.pokemon5 .style-button,.pokemon5 input{font-family:Raleway,Arial,sans-serif}.pokemon .the-game,.pokemon2 .the-game,.pokemon3 .the-game,.pokemon4 .the-game,.pokemon5 .the-game{position:relative;z-index:0;display:grid;grid-template:auto/repeat(auto-fit,minmax(150px,1fr))}@media(max-width:500px){.pokemon .the-game,.pokemon2 .the-game,.pokemon3 .the-game,.pokemon4 .the-game,.pokemon5 .the-game{grid-template:auto/repeat(auto-fit,minmax(120px,1fr))}}@media(min-width:1060px){.pokemon .the-game,.pokemon2 .the-game,.pokemon3 .the-game,.pokemon4 .the-game,.pokemon5 .the-game{grid-template:auto/repeat(auto-fit,minmax(180px,1fr))}}@media(min-width:1500px){.pokemon .the-game,.pokemon2 .the-game,.pokemon3 .the-game,.pokemon4 .the-game,.pokemon5 .the-game{grid-template:auto/repeat(auto-fit,minmax(220px,1fr))}}.pokemon .portrait,.pokemon2 .portrait,.pokemon3 .portrait,.pokemon4 .portrait,.pokemon5 .portrait{background-size:cover;background-image:url(/images/pokemon-portrait-bg.jpg);position:relative;cursor:pointer;transition:all .3s;margin:0;vertical-align:top;aspect-ratio:1/1}.pokemon .portrait .statistics,.pokemon2 .portrait .statistics,.pokemon3 .portrait .statistics,.pokemon4 .portrait .statistics,.pokemon5 .portrait .statistics{opacity:0;transition:opacity .5s;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;left:0;right:0;width:100px;margin:auto;text-align:center;font-weight:700;bottom:45px;padding-top:5px;text-shadow:1px 1px 1px #000;color:red;background:linear-gradient(0deg,hsla(0,0%,100%,0),rgba(0,0,0,.7) 50%,rgba(0,0,0,.7) 75%,hsla(0,0%,100%,0))}.pokemon .portrait .statistics.above95,.pokemon2 .portrait .statistics.above95,.pokemon3 .portrait .statistics.above95,.pokemon4 .portrait .statistics.above95,.pokemon5 .portrait .statistics.above95{color:#25cb25}.pokemon .portrait .statistics.above90,.pokemon2 .portrait .statistics.above90,.pokemon3 .portrait .statistics.above90,.pokemon4 .portrait .statistics.above90,.pokemon5 .portrait .statistics.above90{color:#9ae399}.pokemon .portrait .statistics.above85,.pokemon2 .portrait .statistics.above85,.pokemon3 .portrait .statistics.above85,.pokemon4 .portrait .statistics.above85,.pokemon5 .portrait .statistics.above85{color:#fcb1b2}.pokemon .portrait .statistics.above80,.pokemon2 .portrait .statistics.above80,.pokemon3 .portrait .statistics.above80,.pokemon4 .portrait .statistics.above80,.pokemon5 .portrait .statistics.above80{color:red}.pokemon .portrait .statistics .win-percent,.pokemon2 .portrait .statistics .win-percent,.pokemon3 .portrait .statistics .win-percent,.pokemon4 .portrait .statistics .win-percent,.pokemon5 .portrait .statistics .win-percent{font-size:1.5rem;margin-top:-2px}.pokemon .portrait .statistics .win-rate,.pokemon2 .portrait .statistics .win-rate,.pokemon3 .portrait .statistics .win-rate,.pokemon4 .portrait .statistics .win-rate,.pokemon5 .portrait .statistics .win-rate{font-size:.9rem}.pokemon .portrait img,.pokemon2 .portrait img,.pokemon3 .portrait img,.pokemon4 .portrait img,.pokemon5 .portrait img{transform:scale(.8)}.pokemon .portrait:after,.pokemon2 .portrait:after,.pokemon3 .portrait:after,.pokemon4 .portrait:after,.pokemon5 .portrait:after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(88,88,88,.65);transition:all .2s;pointer-events:none;clear:both}.pokemon .portrait:before,.pokemon2 .portrait:before,.pokemon3 .portrait:before,.pokemon4 .portrait:before,.pokemon5 .portrait:before{content:"";display:block;z-index:1;width:100%;height:100%;pointer-events:none}@supports not (aspect-ratio:1/1){.pokemon .portrait:before,.pokemon2 .portrait:before,.pokemon3 .portrait:before,.pokemon4 .portrait:before,.pokemon5 .portrait:before{padding-top:100%;float:left}}.pokemon .portrait.solved:after,.pokemon2 .portrait.solved:after,.pokemon3 .portrait.solved:after,.pokemon4 .portrait.solved:after,.pokemon5 .portrait.solved:after{background-color:transparent}.pokemon .portrait .name,.pokemon2 .portrait .name,.pokemon3 .portrait .name,.pokemon4 .portrait .name,.pokemon5 .portrait .name{color:#fff;font-weight:700;text-align:center;position:absolute;bottom:0;width:100%;padding:50px 15px 10px;box-sizing:border-box;background:#0d1d28;background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(13,29,40,0));transition:opacity .5s;opacity:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.pokemon .portrait.solved .name,.pokemon2 .portrait.solved .name,.pokemon3 .portrait.solved .name,.pokemon4 .portrait.solved .name,.pokemon5 .portrait.solved .name{opacity:1}.pokemon .portrait.solved .cover,.pokemon2 .portrait.solved .cover,.pokemon3 .portrait.solved .cover,.pokemon4 .portrait.solved .cover,.pokemon5 .portrait.solved .cover{display:none}.pokemon .portrait.solved:before,.pokemon2 .portrait.solved:before,.pokemon3 .portrait.solved:before,.pokemon4 .portrait.solved:before,.pokemon5 .portrait.solved:before{animation:glow .5s ease-in-out}.pokemon :not(.reveal-champs) .portrait.hardmode:not(.solved) img,.pokemon2 :not(.reveal-champs) .portrait.hardmode:not(.solved) img,.pokemon3 :not(.reveal-champs) .portrait.hardmode:not(.solved) img,.pokemon4 :not(.reveal-champs) .portrait.hardmode:not(.solved) img,.pokemon5 :not(.reveal-champs) .portrait.hardmode:not(.solved) img{filter:contrast(0) brightness(0) blur(5px)}.pokemon .portrait.hardmode .cover,.pokemon2 .portrait.hardmode .cover,.pokemon3 .portrait.hardmode .cover,.pokemon4 .portrait.hardmode .cover,.pokemon5 .portrait.hardmode .cover{position:absolute;top:0;bottom:0;right:0;left:0;background-image:url(/images/pokemon-unknown.png);background-repeat:no-repeat;background-position:50%;background-size:auto 40%;z-index:1}.pokemon .portrait.hardmode .cover:hover,.pokemon2 .portrait.hardmode .cover:hover,.pokemon3 .portrait.hardmode .cover:hover,.pokemon4 .portrait.hardmode .cover:hover,.pokemon5 .portrait.hardmode .cover:hover{opacity:.1}.pokemon .reveal-champs .portrait:not(.solved):after,.pokemon2 .reveal-champs .portrait:not(.solved):after,.pokemon3 .reveal-champs .portrait:not(.solved):after,.pokemon4 .reveal-champs .portrait:not(.solved):after,.pokemon5 .reveal-champs .portrait:not(.solved):after{background-color:transparent}.pokemon .reveal-champs .portrait:not(.solved):before,.pokemon2 .reveal-champs .portrait:not(.solved):before,.pokemon3 .reveal-champs .portrait:not(.solved):before,.pokemon4 .reveal-champs .portrait:not(.solved):before,.pokemon5 .reveal-champs .portrait:not(.solved):before{box-shadow:inset 0 0 40px red;transition:all .3s}.pokemon .reveal-champs .portrait:not(.solved) .name,.pokemon2 .reveal-champs .portrait:not(.solved) .name,.pokemon3 .reveal-champs .portrait:not(.solved) .name,.pokemon4 .reveal-champs .portrait:not(.solved) .name,.pokemon5 .reveal-champs .portrait:not(.solved) .name{opacity:1;color:red}.pokemon .reveal-champs .portrait:not(.solved) .cover,.pokemon2 .reveal-champs .portrait:not(.solved) .cover,.pokemon3 .reveal-champs .portrait:not(.solved) .cover,.pokemon4 .reveal-champs .portrait:not(.solved) .cover,.pokemon5 .reveal-champs .portrait:not(.solved) .cover{background:unset}.pokemon .reveal-stats .portrait .statistics,.pokemon2 .reveal-stats .portrait .statistics,.pokemon3 .reveal-stats .portrait .statistics,.pokemon4 .reveal-stats .portrait .statistics,.pokemon5 .reveal-stats .portrait .statistics{opacity:1}.pokemon .top,.pokemon2 .top,.pokemon3 .top,.pokemon4 .top,.pokemon5 .top{position:fixed;z-index:3;top:2px;right:0;left:0;width:290px;padding:0;color:#fff;margin:0 auto;cursor:pointer;display:flex;justify-content:center}.pokemon .top .score,.pokemon2 .top .score,.pokemon3 .top .score,.pokemon4 .top .score,.pokemon5 .top .score{padding:5px 9px 7px;width:90px}.pokemon .top .time,.pokemon2 .top .time,.pokemon3 .top .time,.pokemon4 .top .time,.pokemon5 .top .time{padding:5px 1px 7px;width:70px}.pokemon .top.with-friend .your,.pokemon2 .top.with-friend .your,.pokemon3 .top.with-friend .your,.pokemon4 .top.with-friend .your,.pokemon5 .top.with-friend .your{position:relative;background-color:#df4545;background-color:#fff;border-radius:3px;display:flex;-webkit-clip-path:polygon(0 0,0 100%,90% 100%,100% 50%,90% 0);clip-path:polygon(0 0,0 100%,90% 100%,100% 50%,90% 0)}.pokemon .top.with-friend .your:after,.pokemon2 .top.with-friend .your:after,.pokemon3 .top.with-friend .your:after,.pokemon4 .top.with-friend .your:after,.pokemon5 .top.with-friend .your:after{content:"";position:absolute;background-color:#fff;background-color:#df4545;width:calc(100% - 4px);height:calc(100% - 4px);top:2px;left:2px;z-index:-2;-webkit-clip-path:polygon(0 0,0 100%,90% 100%,99% 50%,90% 0);clip-path:polygon(0 0,0 100%,90% 100%,99% 50%,90% 0)}.pokemon .top:not(.with-friend) .your,.pokemon2 .top:not(.with-friend) .your,.pokemon3 .top:not(.with-friend) .your,.pokemon4 .top:not(.with-friend) .your,.pokemon5 .top:not(.with-friend) .your{position:relative;background-color:#df4545;border:2px solid #fff;border-radius:3px;display:flex}.pokemon .top:not(.with-friend) .your .time,.pokemon2 .top:not(.with-friend) .your .time,.pokemon3 .top:not(.with-friend) .your .time,.pokemon4 .top:not(.with-friend) .your .time,.pokemon5 .top:not(.with-friend) .your .time{width:55px}.pokemon .top .friend,.pokemon2 .top .friend,.pokemon3 .top .friend,.pokemon4 .top .friend,.pokemon5 .top .friend{position:relative;text-align:right;margin-left:-10px;background-color:#2d9ed0;background-color:#fff;display:flex;border-radius:3px;flex-direction:row-reverse;-webkit-clip-path:polygon(20% 0,0 0,10% 50%,0 100%,100% 100%,100% 0);clip-path:polygon(20% 0,0 0,10% 50%,0 100%,100% 100%,100% 0)}.pokemon .top .friend:after,.pokemon2 .top .friend:after,.pokemon3 .top .friend:after,.pokemon4 .top .friend:after,.pokemon5 .top .friend:after{content:"";position:absolute;background-color:#fff;background-color:#df4545;background-color:#2d9ed0;width:calc(100% - 8px);height:calc(100% - 4px);top:2px;right:3px;z-index:-2;-webkit-clip-path:polygon(20% 0,0 0,9% 50%,0 100%,100% 100%,100% 0);clip-path:polygon(20% 0,0 0,9% 50%,0 100%,100% 100%,100% 0)}.pokemon .modal,.pokemon2 .modal,.pokemon3 .modal,.pokemon4 .modal,.pokemon5 .modal{position:fixed;z-index:3;width:90%;max-width:545px;text-align:center;left:0;right:0;margin:auto;padding:15px;box-sizing:border-box;transition:all .3s;border:15px solid #fff;background-color:hsla(0,0%,100%,.95);border-radius:5px;box-shadow:0 0 0 2px #000}.pokemon .modal.fade-in,.pokemon2 .modal.fade-in,.pokemon3 .modal.fade-in,.pokemon4 .modal.fade-in,.pokemon5 .modal.fade-in{opacity:1;display:block}.modal .pokemon .modal.fade-in,.modal .pokemon2 .modal.fade-in,.modal .pokemon3 .modal.fade-in,.modal .pokemon4 .modal.fade-in,.modal .pokemon5 .modal.fade-in{opacity:0}.pokemon .modal.fade-out,.pokemon2 .modal.fade-out,.pokemon3 .modal.fade-out,.pokemon4 .modal.fade-out,.pokemon5 .modal.fade-out{opacity:0;display:block;pointer-events:none}.modal .pokemon .modal.fade-out,.modal .pokemon2 .modal.fade-out,.modal .pokemon3 .modal.fade-out,.modal .pokemon4 .modal.fade-out,.modal .pokemon5 .modal.fade-out{opacity:1}.pokemon .welcome h1,.pokemon2 .welcome h1,.pokemon3 .welcome h1,.pokemon4 .welcome h1,.pokemon5 .welcome h1{margin:0 0 10px;font-size:2.1rem;color:#2d9ed0}.pokemon .welcome h2,.pokemon2 .welcome h2,.pokemon3 .welcome h2,.pokemon4 .welcome h2,.pokemon5 .welcome h2{margin:0 0 14px;font-size:1.6rem;text-transform:uppercase;line-height:1.9rem}.pokemon .welcome p,.pokemon2 .welcome p,.pokemon3 .welcome p,.pokemon4 .welcome p,.pokemon5 .welcome p{margin:14px 0}.pokemon .welcome .friend,.pokemon2 .welcome .friend,.pokemon3 .welcome .friend,.pokemon4 .welcome .friend,.pokemon5 .welcome .friend{color:#2d9ed0}.pokemon .welcome .explain,.pokemon2 .welcome .explain,.pokemon3 .welcome .explain,.pokemon4 .welcome .explain,.pokemon5 .welcome .explain{margin-top:8px;font-size:.9rem}.pokemon .welcome .outside,.pokemon2 .welcome .outside,.pokemon3 .welcome .outside,.pokemon4 .welcome .outside,.pokemon5 .welcome .outside{position:absolute;top:110%;left:0;right:0;letter-spacing:.5px;font-size:.9rem;color:#fff}.pokemon .pause h1,.pokemon2 .pause h1,.pokemon3 .pause h1,.pokemon4 .pause h1,.pokemon5 .pause h1{font-size:3rem;margin:0 0 18px}.pokemon .pause .end,.pokemon2 .pause .end,.pokemon3 .pause .end,.pokemon4 .pause .end,.pokemon5 .pause .end{all:unset;border-bottom:1px dashed #000;transition:all .3s;cursor:pointer;margin:15px}.pokemon .pause .end:hover,.pokemon2 .pause .end:hover,.pokemon3 .pause .end:hover,.pokemon4 .pause .end:hover,.pokemon5 .pause .end:hover{color:#2d9ed0;border-bottom-color:#2d9ed0}.pokemon .win h1,.pokemon2 .win h1,.pokemon3 .win h1,.pokemon4 .win h1,.pokemon5 .win h1{font-size:2.7rem;margin:-10px 0 12px}.pokemon .win .friend,.pokemon2 .win .friend,.pokemon3 .win .friend,.pokemon4 .win .friend,.pokemon5 .win .friend{color:#2d9ed0}.pokemon .win .style-button,.pokemon2 .win .style-button,.pokemon3 .win .style-button,.pokemon4 .win .style-button,.pokemon5 .win .style-button{margin-top:10px;margin-bottom:-65px}.pokemon .info,.pokemon2 .info,.pokemon3 .info,.pokemon4 .info,.pokemon5 .info{position:relative;display:inline-block;vertical-align:middle;margin-left:5px}.pokemon .info .mark,.pokemon2 .info .mark,.pokemon3 .info .mark,.pokemon4 .info .mark,.pokemon5 .info .mark{cursor:pointer;color:#000;border-radius:2px;height:30px;width:30px;display:flex;justify-content:center;align-items:center;transition:all .3s;opacity:.5}.pokemon .info .mark:hover,.pokemon2 .info .mark:hover,.pokemon3 .info .mark:hover,.pokemon4 .info .mark:hover,.pokemon5 .info .mark:hover{opacity:1}.pokemon .info .mark:after,.pokemon2 .info .mark:after,.pokemon3 .info .mark:after,.pokemon4 .info .mark:after,.pokemon5 .info .mark:after{content:"?";font-weight:700;background-color:#fff;border-radius:100%;border:2px solid #000;height:22px;width:22px;position:absolute;display:flex;justify-content:center;align-items:center}.pokemon .info .mark:focus~.tool,.pokemon .info .mark:hover~.tool,.pokemon2 .info .mark:focus~.tool,.pokemon2 .info .mark:hover~.tool,.pokemon3 .info .mark:focus~.tool,.pokemon3 .info .mark:hover~.tool,.pokemon4 .info .mark:focus~.tool,.pokemon4 .info .mark:hover~.tool,.pokemon5 .info .mark:focus~.tool,.pokemon5 .info .mark:hover~.tool{opacity:1;z-index:3}.pokemon .info .tool,.pokemon2 .info .tool,.pokemon3 .info .tool,.pokemon4 .info .tool,.pokemon5 .info .tool{position:absolute;background-color:#fff;color:#000;border-radius:5px;border:2px solid #000;top:-82px;left:-240px;padding:6px 10px 7px;z-index:-1;font-size:1rem;letter-spacing:.5px;width:300px;transition:all .2s;opacity:0}.pokemon .beatme,.pokemon2 .beatme,.pokemon3 .beatme,.pokemon4 .beatme,.pokemon5 .beatme{position:relative;margin-top:13px;margin-bottom:-5px}.pokemon .beatme .beatme-link,.pokemon2 .beatme .beatme-link,.pokemon3 .beatme .beatme-link,.pokemon4 .beatme .beatme-link,.pokemon5 .beatme .beatme-link{background-color:#df4545;padding:3px 9px 6px;display:inline-block;border-radius:5px;cursor:pointer;margin-bottom:5px;border:2px solid #df4545;color:#fff;word-break:break-all}.pokemon .beatme .beatme-link:hover,.pokemon2 .beatme .beatme-link:hover,.pokemon3 .beatme .beatme-link:hover,.pokemon4 .beatme .beatme-link:hover,.pokemon5 .beatme .beatme-link:hover{background-color:transparent;color:#df4545}.pokemon .beatme .beatme-confirm,.pokemon2 .beatme .beatme-confirm,.pokemon3 .beatme .beatme-confirm,.pokemon4 .beatme .beatme-confirm,.pokemon5 .beatme .beatme-confirm{position:absolute;z-index:2;left:0;right:0;background:#df4545;color:#fff;width:110px;margin:auto;border-radius:5px;padding:5px 0;text-align:center;transition:all .3s;opacity:0;bottom:-30px;text-transform:uppercase;letter-spacing:1px;font-size:.8rem;pointer-events:none}.pokemon .beatme .beatme-confirm.animate,.pokemon2 .beatme .beatme-confirm.animate,.pokemon3 .beatme .beatme-confirm.animate,.pokemon4 .beatme .beatme-confirm.animate,.pokemon5 .beatme .beatme-confirm.animate{opacity:1;bottom:-15px}.pokemon .guess-board,.pokemon2 .guess-board,.pokemon3 .guess-board,.pokemon4 .guess-board,.pokemon5 .guess-board{bottom:-200px;z-index:5;transition:all .3s;position:fixed;z-index:1;color:#fff;width:90%;max-width:450px;text-align:center;left:0;right:0;margin:auto;padding:5px 8px;background-color:#fff;border-radius:5px;box-shadow:0 0 0 2px #000}.pokemon .guess-board.show,.pokemon2 .guess-board.show,.pokemon3 .guess-board.show,.pokemon4 .guess-board.show,.pokemon5 .guess-board.show{bottom:20px}.pokemon .guess-board .input-wrapper,.pokemon2 .guess-board .input-wrapper,.pokemon3 .guess-board .input-wrapper,.pokemon4 .guess-board .input-wrapper,.pokemon5 .guess-board .input-wrapper{display:inline}.pokemon .guess-board input,.pokemon2 .guess-board input,.pokemon3 .guess-board input,.pokemon4 .guess-board input,.pokemon5 .guess-board input{margin:0 auto;outline:none;border:2px solid #000;color:#ff4b4b;text-transform:capitalize;text-align:center;box-sizing:border-box;height:53px;vertical-align:middle;font-size:1.4rem;font-weight:700;background-color:rgba(0,0,0,.03);border-radius:3px;width:calc(100% - 187px);transition:all .1s}.pokemon .guess-board input:focus,.pokemon2 .guess-board input:focus,.pokemon3 .guess-board input:focus,.pokemon4 .guess-board input:focus,.pokemon5 .guess-board input:focus{background-color:rgba(0,0,0,.08);border-color:#df4545}.pokemon .guess-board input::placeholder,.pokemon2 .guess-board input::placeholder,.pokemon3 .guess-board input::placeholder,.pokemon4 .guess-board input::placeholder,.pokemon5 .guess-board input::placeholder{color:#df4545}.pokemon .guess-board.correct input,.pokemon .guess-board.correct input:focus,.pokemon2 .guess-board.correct input,.pokemon2 .guess-board.correct input:focus,.pokemon3 .guess-board.correct input,.pokemon3 .guess-board.correct input:focus,.pokemon4 .guess-board.correct input,.pokemon4 .guess-board.correct input:focus,.pokemon5 .guess-board.correct input,.pokemon5 .guess-board.correct input:focus{border-color:#64bc2d;color:#64bc2d}.pokemon .guess-board.correct ::placeholder,.pokemon2 .guess-board.correct ::placeholder,.pokemon3 .guess-board.correct ::placeholder,.pokemon4 .guess-board.correct ::placeholder,.pokemon5 .guess-board.correct ::placeholder{color:#64bc2d}.pokemon .guess-board.correct button,.pokemon .guess-board.correct button:focus,.pokemon2 .guess-board.correct button,.pokemon2 .guess-board.correct button:focus,.pokemon3 .guess-board.correct button,.pokemon3 .guess-board.correct button:focus,.pokemon4 .guess-board.correct button,.pokemon4 .guess-board.correct button:focus,.pokemon5 .guess-board.correct button,.pokemon5 .guess-board.correct button:focus{background:#64bc2d}.pokemon .guess-board.not-correct input,.pokemon2 .guess-board.not-correct input,.pokemon3 .guess-board.not-correct input,.pokemon4 .guess-board.not-correct input,.pokemon5 .guess-board.not-correct input{border-color:#2d9ed0;color:#2d9ed0}.pokemon .guess-board.not-correct ::placeholder,.pokemon2 .guess-board.not-correct ::placeholder,.pokemon3 .guess-board.not-correct ::placeholder,.pokemon4 .guess-board.not-correct ::placeholder,.pokemon5 .guess-board.not-correct ::placeholder{color:#2d9ed0}.pokemon .guess-board.not-correct button,.pokemon2 .guess-board.not-correct button,.pokemon3 .guess-board.not-correct button,.pokemon4 .guess-board.not-correct button,.pokemon5 .guess-board.not-correct button{background:#2d9ed0}.pokemon .style-button,.pokemon2 .style-button,.pokemon3 .style-button,.pokemon4 .style-button,.pokemon5 .style-button{text-transform:uppercase;cursor:pointer;vertical-align:middle;background-color:#df4545;box-shadow:inset 0 4px 1px -1px hsla(0,0%,100%,.5),inset -12px 0 2px -2px rgba(0,0,0,.4),inset 12px 0 2px -2px rgba(0,0,0,.4);padding:15px 25px 13px;position:relative;font-size:1.1rem;color:#fff;border:none;font-weight:700;border-radius:2px;margin:5px 7px;transform-style:preserve-3d}.pokemon .style-button:after,.pokemon2 .style-button:after,.pokemon3 .style-button:after,.pokemon4 .style-button:after,.pokemon5 .style-button:after{content:"";background-color:#fff;position:absolute;width:95%;height:25px;top:13px;left:0;right:0;margin:0 auto;z-index:-1;transform:perspective(170px) rotateX(30deg) translateY(-22px);box-shadow:0 0 0 3px #000}.pokemon .style-button:before,.pokemon2 .style-button:before,.pokemon3 .style-button:before,.pokemon4 .style-button:before,.pokemon5 .style-button:before{content:"";background-color:#000;position:absolute;width:calc(100% + 4px);height:calc(100% + 4px);top:-2px;left:-2px;z-index:-1;border-radius:3px;transform:translateZ(-1em)}.pokemon .style-button:focus,.pokemon .style-button:hover,.pokemon2 .style-button:focus,.pokemon2 .style-button:hover,.pokemon3 .style-button:focus,.pokemon3 .style-button:hover,.pokemon4 .style-button:focus,.pokemon4 .style-button:hover,.pokemon5 .style-button:focus,.pokemon5 .style-button:hover{translate:0 -1px;background-color:#ff4b4b}.pokemon .style-button:active,.pokemon2 .style-button:active,.pokemon3 .style-button:active,.pokemon4 .style-button:active,.pokemon5 .style-button:active{translate:0 -3px;box-shadow:inset 0 3px 1px -1px hsla(0,0%,100%,.7),inset -10px 0 2px -2px rgba(0,0,0,.4),inset 10px 0 2px -2px rgba(0,0,0,.4);border-radius:0}.pokemon .style-button:active:after,.pokemon2 .style-button:active:after,.pokemon3 .style-button:active:after,.pokemon4 .style-button:active:after,.pokemon5 .style-button:active:after{top:18px}.pokemon .style-button:pressed,.pokemon2 .style-button:pressed,.pokemon3 .style-button:pressed,.pokemon4 .style-button:pressed,.pokemon5 .style-button:pressed{background-color:lime}.pokemon .reminder,.pokemon .time-reminder,.pokemon2 .reminder,.pokemon2 .time-reminder,.pokemon3 .reminder,.pokemon3 .time-reminder,.pokemon4 .reminder,.pokemon4 .time-reminder,.pokemon5 .reminder,.pokemon5 .time-reminder{position:absolute;background-color:#fff;color:#000;border-radius:5px;border:2px solid #000;top:0;padding:6px 5px 7px;z-index:-1;font-size:1rem;letter-spacing:.5px;width:140px;left:0;right:0;margin:auto;transition:all .2s;opacity:0;pointer-events:none}.pokemon .reminder.animate,.pokemon .time-reminder.animate,.pokemon2 .reminder.animate,.pokemon2 .time-reminder.animate,.pokemon3 .reminder.animate,.pokemon3 .time-reminder.animate,.pokemon4 .reminder.animate,.pokemon4 .time-reminder.animate,.pokemon5 .reminder.animate,.pokemon5 .time-reminder.animate{top:-45px;opacity:1}.pokemon .time-reminder,.pokemon2 .time-reminder,.pokemon3 .time-reminder,.pokemon4 .time-reminder,.pokemon5 .time-reminder{width:80%}.pokemon .time-reminder.animate,.pokemon2 .time-reminder.animate,.pokemon3 .time-reminder.animate,.pokemon4 .time-reminder.animate,.pokemon5 .time-reminder.animate{top:-48px}@media(max-width:500px){.pokemon .guess-board,.pokemon2 .guess-board,.pokemon3 .guess-board,.pokemon4 .guess-board,.pokemon5 .guess-board{padding:5px 7px 6px 4px}.pokemon .guess-board .input-wrapper,.pokemon2 .guess-board .input-wrapper,.pokemon3 .guess-board .input-wrapper,.pokemon4 .guess-board .input-wrapper,.pokemon5 .guess-board .input-wrapper{display:inline-block;width:48%;vertical-align:bottom}.pokemon .guess-board input,.pokemon2 .guess-board input,.pokemon3 .guess-board input,.pokemon4 .guess-board input,.pokemon5 .guess-board input{display:block;margin:0 0 5px;width:100%}.pokemon .info .tool,.pokemon2 .info .tool,.pokemon3 .info .tool,.pokemon4 .info .tool,.pokemon5 .info .tool{left:-240px;top:-75px}}.ultimate{font-weight:400}.ultimate #overlay{background-color:#fff}.ultimate .guess-board input,.ultimate button.style-button{font-family:Roboto,Arial,sans-serif}.ultimate .the-game{position:relative;z-index:0;display:grid;grid-template:auto/repeat(auto-fit,minmax(170px,1fr));overflow:hidden}.ultimate .the-game:after{content:"";position:absolute;background:#d8dd87;background:linear-gradient(336deg,#d8dd87,#e8c53e 20%,#c1e1d1 35%,#49c0dd 45%,#6f55e6 60%,#49c0dd 80%,#d8dd87 95%);width:400%;height:100%;z-index:-1;top:0;bottom:0;left:0;right:0;animation:bgFlow 13s 6s infinite}@keyframes bgFlow{0%,to{left:0}50%{left:-300%}}@media(max-width:500px){.ultimate .the-game{grid-template:auto/repeat(auto-fit,minmax(150px,1fr))}}@media(min-width:1060px){.ultimate .the-game{grid-template:auto/repeat(auto-fit,minmax(200px,1fr))}}@media(min-width:1500px){.ultimate .the-game{grid-template:auto/repeat(auto-fit,minmax(240px,1fr))}}.ultimate .portrait{background-size:cover;position:relative;transition:all .3s;margin:0;vertical-align:top;aspect-ratio:227/150;border:2px solid #000}.ultimate .portrait .statistics{opacity:0;transition:opacity .5s;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;left:0;right:0;width:100px;margin:auto;text-align:center;font-weight:700;bottom:45px;padding-top:5px;text-shadow:1px 1px 1px #000;color:red;background:linear-gradient(0deg,hsla(0,0%,100%,0),rgba(0,0,0,.7) 50%,rgba(0,0,0,.7) 75%,hsla(0,0%,100%,0))}.ultimate .portrait .statistics.above95{color:#25cb25}.ultimate .portrait .statistics.above90{color:#9ae399}.ultimate .portrait .statistics.above85{color:#fcb1b2}.ultimate .portrait .statistics.above80{color:red}.ultimate .portrait:after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(88,88,88,.65);transition:all .2s;pointer-events:none;clear:both}.ultimate .portrait:before{content:"";z-index:1;width:100%;height:100%;pointer-events:none}@supports not (aspect-ratio:227/150){.ultimate .portrait:before{padding-top:66.0792951542%;float:left}}.ultimate .portrait .frame:before{content:"";position:absolute;z-index:1;width:100%;height:100%;pointer-events:none;display:block}.ultimate .portrait.solved:after{background-color:transparent}.ultimate .portrait .name{color:#fff;text-align:center;position:absolute;text-transform:uppercase;bottom:0;width:100%;padding:15px 10px 2px;box-sizing:border-box;transition:opacity .5s;opacity:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;letter-spacing:.5px;text-shadow:2px 0 #000,-2px 0 #000,0 2px #000,0 -2px #000,1px 1px #000,-1px -1px #000,1px -1px #000,-1px 1px #000}.ultimate .portrait.solved .name{opacity:1}.ultimate .portrait.solved .cover{display:none}.ultimate .portrait.solved .frame:before{animation:glow .5s ease-in-out}.ultimate .portrait.hardmode img{display:none!important}.ultimate .portrait.hardmode .cover{position:absolute;top:0;bottom:0;right:0;left:0;background-image:url(/images/ultimate-unknown.png);background-size:cover;z-index:1}.ultimate .portrait.hardmode.solved img{display:block!important}.ultimate .reveal-champs .portrait:not(.solved):after{background-color:transparent}.ultimate .reveal-champs .portrait:not(.solved) .frame:before{box-shadow:inset 0 0 40px red;transition:all .3s}.ultimate .reveal-champs .portrait:not(.solved) .name{opacity:1;color:red}.ultimate .reveal-champs .portrait:not(.solved) .cover{background:unset}.ultimate .reveal-champs .portrait:not(.solved) img{display:block!important}.ultimate .reveal-stats .portrait .statistics{opacity:1}.ultimate .top{position:fixed;z-index:3;top:0;right:0;left:0;width:310px;padding:0;color:#fff;margin:0 auto;text-align:center;cursor:pointer;display:flex;justify-content:center;justify-content:space-around}.ultimate .top .score,.ultimate .top .time{display:inline-block;padding:5px 7px;border-top:3px solid transparent;width:70px;background:rgba(0,0,0,.6)}.ultimate .top .your .score,.ultimate .top .your .time{border-color:#fe3933}.ultimate .top .friend{display:flex;flex-direction:row-reverse}.ultimate .top .friend .score,.ultimate .top .friend .time{border-color:#2f94fd}.ultimate .modal{position:fixed;z-index:3;max-width:550px;left:0;right:0;margin:auto;transition:all .3s;display:none;color:#000;text-align:center}.ultimate .modal .modal-content{padding:7px 3px 3px;-webkit-clip-path:polygon(34px 0,100% 0,100% 100%,0 100%,0 30px);clip-path:polygon(34px 0,100% 0,100% 100%,0 100%,0 30px);background-color:#000}.ultimate .modal .modal-content-inner{-webkit-clip-path:polygon(36px 0,100% 0,100% 100%,0 100%,0 30px);clip-path:polygon(36px 0,100% 0,100% 100%,0 100%,0 30px);background-color:#de3341;padding:10px;background:#f2f2ef;background:radial-gradient(circle,#f2f2ef 69%,#f4f5f0 0,#f4f5f0 77%,#f1f1ed 0,#f1f1ed 87%,#eae9e1 0)}.ultimate .modal:after{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.5);z-index:-1;transform:skew(4deg,357deg);border-radius:100px 0 0 0}.ultimate .modal.fade-in{opacity:1;display:block}.modal .ultimate .modal.fade-in{opacity:0}.ultimate .modal.fade-out{opacity:0;display:block;pointer-events:none}.modal .ultimate .modal.fade-out{opacity:1}.ultimate .welcome h1{margin:-2px 0 10px;color:#2f94fd}.ultimate .welcome h2{margin:0 0 14px;line-height:1.7rem}.ultimate .welcome .modal-content-inner{padding-top:15px}.ultimate .welcome .friend{color:#2f94fd;margin:14px 0}.ultimate .welcome .explain{margin-top:8px}.ultimate .welcome .outside{position:absolute;top:105%;left:0;right:0;letter-spacing:.5px}.ultimate .pause h1{font-size:3rem;margin:0 0 14px}.ultimate .pause .end{all:unset;border-bottom:1px dashed #fff;transition:all .3s;cursor:pointer;margin:15px}.ultimate .pause .end:hover{color:#e08000;border-bottom-color:#e08000}.ultimate .win h1{font-size:3rem;margin:-6px 0 9px}.ultimate .win p{line-height:1.6rem}.ultimate .win .friend{color:#2f94fd}.ultimate .win .modal-content-inner{padding-bottom:30px}.ultimate .win .style-button{margin-top:-18px;margin-bottom:-14px;position:relative;bottom:9px;z-index:0}.ultimate .win:after{height:93%}.ultimate .info{position:relative;display:inline-block;vertical-align:top;height:40px;width:37px;margin-left:4px;margin-top:9px}.ultimate .info .mark{position:absolute;top:0;left:0;padding:3px 9px;z-index:2;cursor:pointer;font-size:1.7rem;line-height:1.6rem;background-color:#eee;color:#000;border-radius:3px;border:3px solid #000;box-shadow:2px 2px 0 0 #eee;transition:all .2s}.ultimate .info .mark:hover{background-color:#fff}.ultimate .info .mark:focus~.tool,.ultimate .info .mark:hover~.tool{opacity:1;z-index:3}.ultimate .info .tool{position:absolute;border:3px solid #000;background-color:#eee;color:#000;top:-77px;left:-260px;padding:4px 5px 6px;z-index:-1;font-size:1.1rem;line-height:1.4rem;width:300px;transition:all .2s;opacity:0;border-radius:3px;box-shadow:2px 2px 0 0 #eee}.ultimate .beatme{position:relative;margin-bottom:-5px}.ultimate .beatme .beatme-link{background-color:#fe3933;padding:4px 5px;display:inline-block;border-radius:5px;cursor:pointer;margin-bottom:5px;border:2px solid #fe3933;color:#fff;word-break:break-all}.ultimate .beatme .beatme-link:hover{background-color:transparent;color:#fe3933}.ultimate .beatme .beatme-confirm{position:absolute;left:0;right:0;background:#fe3933;color:#fff;width:100px;margin:auto;border-radius:5px;padding:5px 0;text-align:center;transition:all .3s;opacity:0;bottom:-10px;pointer-events:none}.ultimate .beatme .beatme-confirm.animate{opacity:1;bottom:15px}.ultimate .guess-board{position:fixed;bottom:-200px;transition:all .3s;z-index:1;color:#fff;width:90%;max-width:480px;text-align:center;left:0;right:0;margin:auto;padding:15px 0}.ultimate .guess-board.show{bottom:20px}.ultimate .guess-board .input-wrapper{display:inline-block;vertical-align:top;width:calc(100% - 220px)}.ultimate .guess-board .input-wrapper .content{margin:0 4px;border:none;overflow:hidden;background:none;position:relative;display:block}.ultimate .guess-board .input-wrapper .content:after{content:"";position:absolute;background:none;top:0;right:0;height:100%;width:400%;z-index:-1}.ultimate .guess-board .input-wrapper .content:focus .content,.ultimate .guess-board .input-wrapper .content:focus-within .content{background:#e08000;text-shadow:3px 0 #000,-3px 0 #000,0 3px #000,0 -3px #000,3px 3px #000,-3px -3px #000,3px -3px #000,-3px 3px #000}.ultimate .guess-board .input-wrapper .content:focus-within:after,.ultimate .guess-board .input-wrapper .content:focus:after{background:#e08000;background:linear-gradient(275deg,#e08000 25%,#fdf201 50%,#e08000 75%);animation:buttonFlow 1s infinite}.ultimate .guess-board input{margin:4px;border:4px solid #000;padding:5px 0 7px 5px;outline:none;text-transform:capitalize;color:#fff;background-color:#888;text-align:center;font-size:1.5rem;height:44px;width:calc(100% - 8px)}.ultimate .guess-board input:focus{background-color:#e08000;text-shadow:3px 0 #000,-3px 0 #000,0 3px #000,0 -3px #000,3px 3px #000,-3px -3px #000,3px -3px #000,-3px 3px #000}.ultimate .guess-board input::placeholder{color:#fff}.ultimate .guess-board.correct button .content,.ultimate .guess-board.correct input{border-color:#23a54b;transition:border .1s;color:#23a54b}.ultimate .guess-board.not-correct button .content,.ultimate .guess-board.not-correct button:focus .content,.ultimate .guess-board.not-correct input,.ultimate .guess-board.not-correct input:focus{border-color:#fe3933;transition:border .1s;color:#fe3933}.ultimate .style-button{cursor:pointer;padding:0;margin:0 4px;border:none;overflow:hidden;background:none;position:relative}.ultimate .style-button .content{border:4px solid #000;outline:none;font-size:1.5rem;line-height:1.7rem;color:#fff;font-weight:700;text-align:center;background:#888;min-height:39px;height:auto;letter-spacing:1px;padding:4px 20px 5px;vertical-align:top;position:relative;margin:4px;pointer-events:none;display:block}.ultimate .style-button:after{content:"";position:absolute;background:none;top:0;right:0;height:100%;width:400%;z-index:-1}@keyframes buttonFlow{0%,to{right:0}99%{right:-300%}}.ultimate .style-button:focus .content,.ultimate .style-button:hover .content{background:#e08000;text-shadow:3px 0 #000,-3px 0 #000,0 3px #000,0 -3px #000,3px 3px #000,-3px -3px #000,3px -3px #000,-3px 3px #000}.ultimate .style-button:focus:after,.ultimate .style-button:hover:after{background:#e08000;background:linear-gradient(275deg,#e08000 25%,#fdf201 50%,#e08000 75%);animation:buttonFlow 1s infinite}.ultimate .reminder,.ultimate .time-reminder{z-index:-3;width:145px;left:0;right:0;margin:auto;opacity:0;pointer-events:none;position:absolute;top:0;padding:3px 9px 4px;cursor:pointer;font-size:1rem;background-color:#eee;color:#000;border-radius:3px;border:3px solid #000;box-shadow:2px 2px 0 0 #eee;transition:all .2s}.ultimate .reminder.animate,.ultimate .time-reminder.animate{top:-30px;opacity:1}.ultimate .time-reminder{width:80%}.ultimate .time-reminder.animate{top:-48px}@media(max-width:500px){.ultimate .guess-board{width:100%}.ultimate .guess-board .input-wrapper .content{margin:0}.ultimate .guess-board .style-button .content{padding-left:8px;padding-right:8px}}.smite .guess-board input,.smite button.style-button{font-family:Penumbra Flare,Roboto,Arial,sans-serif;font-size:1.2rem}.smite p{line-height:1.6rem}.smite h1,.smite h2{font-family:Penumbra Flare,Roboto,Arial,sans-serif;font-weight:400;letter-spacing:1px}.smite .the-game{position:relative;z-index:0;display:grid;grid-template:auto/repeat(auto-fit,minmax(150px,1fr))}@media(max-width:500px){.smite .the-game{grid-template:auto/repeat(auto-fit,minmax(120px,1fr))}}@media(min-width:1060px){.smite .the-game{grid-template:auto/repeat(auto-fit,minmax(180px,1fr))}}@media(min-width:1500px){.smite .the-game{grid-template:auto/repeat(auto-fit,minmax(220px,1fr))}}.smite .portrait{position:relative;cursor:pointer;transition:all .3s;margin:0;vertical-align:top;overflow:hidden;aspect-ratio:36/67}.smite .portrait .statistics{opacity:0;transition:opacity .5s;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;left:0;right:0;width:100px;margin:auto;text-align:center;font-weight:700;bottom:45px;padding-top:5px;text-shadow:1px 1px 1px #000;color:red;background:linear-gradient(0deg,hsla(0,0%,100%,0),rgba(0,0,0,.7) 50%,rgba(0,0,0,.7) 75%,hsla(0,0%,100%,0))}.smite .portrait .statistics.above95{color:#25cb25}.smite .portrait .statistics.above90{color:#9ae399}.smite .portrait .statistics.above85{color:#fcb1b2}.smite .portrait .statistics.above80{color:red}.smite .portrait:after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(88,88,88,.65);transition:all .2s;pointer-events:none;clear:both}.smite .portrait:before{content:"";z-index:1;width:100%;height:100%;pointer-events:none}@supports not (aspect-ratio:36/67){.smite .portrait:before{padding-top:186.1111111111%;float:left}}.smite .portrait .frame:before{content:"";position:absolute;z-index:1;width:100%;height:100%;pointer-events:none;display:block}.smite .portrait.solved:after{background-color:transparent}.smite .portrait .name{color:#fff;text-align:center;position:absolute;bottom:0;width:100%;padding:50px 15px 10px;box-sizing:border-box;background:#0d1d28;background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(13,29,40,0));transition:opacity .5s;opacity:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;letter-spacing:1px;font-weight:700}.smite .portrait.solved .name{opacity:1}.smite .portrait .new-champ{position:absolute;z-index:1;top:6px;left:-28px;background:#0e3257;color:#fff;transform:rotate(-45deg);padding:3px 30px;box-shadow:0 0 0 2px #92784f}.smite .portrait.solved .cover{display:none}.smite .portrait.solved .frame:before{animation:glow .5s ease-in-out}.smite .portrait.hardmode .cover{position:absolute;top:0;bottom:0;right:0;left:0;background-image:url(/images/smite-unknown.jpg);background-size:cover;z-index:1}.smite .reveal-champs .portrait:not(.solved):after{background-color:transparent}.smite .reveal-champs .portrait:not(.solved) .frame:before{box-shadow:inset 0 0 40px red;transition:all .3s}.smite .reveal-champs .portrait:not(.solved) .name{opacity:1;color:red}.smite .reveal-champs .portrait:not(.solved) .cover{background:unset}.smite .reveal-stats .portrait .statistics{opacity:1}.smite .top{position:fixed;z-index:3;top:0;right:0;left:0;padding:5px;color:#fff;margin:0 auto;text-align:center;cursor:pointer;display:flex;justify-content:center;background:rgba(24,36,58,.8);width:120px;-webkit-clip-path:polygon(10% 0,90% 0,100% 100%,0 100%);clip-path:polygon(10% 0,90% 0,100% 100%,0 100%);border-radius:10px/28px;border-bottom:2px solid #92784f}.smite .top.with-friend{width:215px}.smite .top.with-friend .your{text-align:right;margin-right:7px}.smite .top.with-friend .friend{text-align:left;margin-left:7px}.smite .top .score,.smite .top .time{display:inline-block;width:90px}.smite .top .score{font-size:1.2rem}.smite .top .friend,.smite .top .your{display:flex;flex-direction:column-reverse}.smite .top .friend{color:#cf4967}.smite .modal{position:fixed;z-index:3;width:90%;max-width:530px;text-align:center;left:0;right:0;margin:auto;padding:15px;box-sizing:border-box;transition:all .3s;box-shadow:0 0 10px 0 rgba(0,0,0,.75);background-color:#17243a;color:#fff;border:2px solid #92784f}.smite .modal.fade-in{opacity:1;display:block}.modal .smite .modal.fade-in{opacity:0}.smite .modal.fade-out{opacity:0;display:block;pointer-events:none}.modal .smite .modal.fade-out{opacity:1}.smite .welcome .challenged{margin:0 0 10px;font-size:1.9rem;color:#cf4967}.smite .welcome h1{margin:0;font-size:1.8rem;text-transform:uppercase;line-height:2.5rem}.smite .welcome .friend{color:#cf4967;margin:14px 0}.smite .welcome .explain{margin-top:8px}.smite .welcome .outside{position:absolute;top:104%;left:0;right:0;letter-spacing:.5px;font-size:1rem;color:#fff}.smite .pause h1{font-size:2.8rem;margin:0 0 8px}.smite .pause .end{all:unset;border-bottom:1px dashed #fff;transition:all .3s;cursor:pointer;margin:15px}.smite .pause .end:hover{color:#cf4967;border-bottom-color:#cf4967}.smite .win h1{font-size:2.5rem;margin:0}.smite .win .friend{color:#cf4967}.smite .win .style-button{margin-top:10px;margin-bottom:-35px}.smite .info{position:relative;display:inline-block;vertical-align:middle;margin-left:5px}.smite .info .mark{cursor:pointer;background:#2462a1;background:linear-gradient(0deg,#2462a1,#2462a1 85%,#3980bc);color:#566784;height:23px;width:23px;display:flex;justify-content:center;align-items:center;transition:all .3s;border:1px solid #151a4f}.smite .info .mark:after{content:"?";color:#fff;height:17px;width:17px;line-height:1.2rem;position:absolute}.smite .info .mark:focus~.tool,.smite .info .mark:hover~.tool{opacity:1;z-index:3}.smite .info .tool{position:absolute;background-color:#17243a;color:#fff;top:-70px;left:-200px;padding:3px 10px 5px;z-index:-1;font-size:1rem;letter-spacing:.5px;width:275px;transition:all .2s;opacity:0;border:2px solid #92784f;box-shadow:0 0 5px 1px rgba(0,0,0,.9)}.smite .beatme{position:relative;margin-top:13px;margin-bottom:-5px}.smite .beatme .beatme-link{background-color:#cf4967;padding:3px 9px 6px;display:inline-block;border-radius:5px;cursor:pointer;margin-bottom:5px;border:2px solid #cf4967;color:#fff;word-break:break-all}.smite .beatme .beatme-link:hover{background-color:transparent;color:#cf4967;border-color:#cf4967}.smite .beatme .beatme-confirm{position:absolute;z-index:2;left:0;right:0;background:#cf4967;color:#fff;width:100px;margin:auto;border-radius:5px;padding:5px 0;text-align:center;transition:all .3s;opacity:0;bottom:-30px;text-transform:uppercase;letter-spacing:1px;font-size:.8rem;pointer-events:none}.smite .beatme .beatme-confirm.animate{opacity:1;bottom:-15px}.smite .guess-board{bottom:-200px;z-index:5;transition:all .3s;position:fixed;z-index:1;color:#fff;width:90%;max-width:450px;text-align:center;left:0;right:0;margin:auto;padding:10px;background-color:#17243a;border:2px solid #92784f;box-shadow:0 0 10px 0 rgba(0,0,0,.75)}.smite .guess-board.show{bottom:20px}.smite .guess-board .input-wrapper{display:inline}.smite .guess-board input{margin:0 auto;outline:none;border:2px solid #5783af;color:#fff;text-align:center;box-sizing:border-box;height:39px;vertical-align:middle;font-size:1.2rem;background-color:rgba(0,0,0,.03);width:calc(100% - 180px);transition:all .1s;letter-spacing:1px}.smite .guess-board input::placeholder{color:#d7e0ea}.smite .guess-board.correct input,.smite .guess-board.correct input:focus{border-color:#11d31d;color:#11d31d}.smite .guess-board.correct ::placeholder{color:#11d31d}.smite .guess-board.correct button,.smite .guess-board.correct button:focus{background:#11d31d}.smite .guess-board.not-correct input{border-color:#cf4967;color:#cf4967}.smite .guess-board.not-correct ::placeholder{color:#cf4967}.smite .guess-board.not-correct button{background:#cf4967}.smite .style-button{text-transform:uppercase;position:relative;padding:5px 17px;background:#23476b;font-size:1rem;color:#fff;cursor:pointer;letter-spacing:1px;margin:5px;vertical-align:middle;transition:all .1s;text-shadow:1px 1px 1px #000;border:2px solid #9f8e59;box-shadow:inset -2px 2px 1px #5783af,inset -2px 0 2px #2f373f,inset 2px -2px 2px #0a1725,inset 2px -2px 2px #bbdcff}.smite .style-button:focus,.smite .style-button:hover{background-color:#0c2a4a;box-shadow:inset -2px 2px 1px #5783af,inset -2px 0 2px #2f373f,inset 2px -2px 2px #0a1725,inset 2px -2px 2px #bbdcff,0 0 4px 2px #fff}.smite .style-button:active{background-color:#092434}.smite .reminder,.smite .time-reminder{position:absolute;background-color:#eee;color:#566784;border-radius:2px;padding:3px 5px 5px;z-index:-3;font-size:1rem;letter-spacing:.5px;box-shadow:0 0 5px 1px rgba(0,0,0,.9);top:0;width:135px;left:0;right:0;margin:auto;transition:all .2s;opacity:0;pointer-events:none}.smite .reminder.animate,.smite .time-reminder.animate{top:-38px;opacity:1}.smite .time-reminder{width:80%}.smite .time-reminder.animate{top:-48px}@media(max-width:500px){.smite .guess-board{padding:5px 7px 6px 4px}.smite .info .tool{left:-250px;top:-80px}}.paladins h1,.paladins h2{font-weight:400}.paladins .the-game{position:relative;z-index:0;display:grid;grid-template:auto/repeat(auto-fit,minmax(220px,1fr))}@media(max-width:500px){.paladins .the-game{grid-template:auto/repeat(auto-fit,minmax(170px,1fr))}}@media(min-width:1300px){.paladins .the-game{grid-template:auto/repeat(auto-fit,minmax(250px,1fr))}}.paladins .portrait{background-size:cover;position:relative;cursor:pointer;transition:all .3s;margin:0;vertical-align:top;aspect-ratio:1/1}.paladins .portrait .statistics{opacity:0;transition:opacity .5s;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;left:0;right:0;width:100px;margin:auto;text-align:center;font-weight:700;bottom:45px;padding-top:5px;text-shadow:1px 1px 1px #000;color:red;background:linear-gradient(0deg,hsla(0,0%,100%,0),rgba(0,0,0,.7) 50%,rgba(0,0,0,.7) 75%,hsla(0,0%,100%,0))}.paladins .portrait .statistics.above95{color:#25cb25}.paladins .portrait .statistics.above90{color:#9ae399}.paladins .portrait .statistics.above85{color:#fcb1b2}.paladins .portrait .statistics.above80{color:red}.paladins .portrait:after{clear:both;content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(88,88,88,.65);transition:all .2s;pointer-events:none}.paladins .portrait:before{content:"";z-index:1;width:100%;height:100%;pointer-events:none}@supports not (aspect-ratio:1/1){.paladins .portrait:before{padding-top:100%;float:left}}.paladins .portrait .frame:before{content:"";position:absolute;z-index:1;width:100%;height:100%;pointer-events:none;display:block}.paladins .portrait.solved:after{background-color:transparent}.paladins .portrait .name{color:#fff;text-align:center;position:absolute;bottom:0;width:100%;padding:50px 15px 10px;box-sizing:border-box;background:#0d1d28;background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(13,29,40,0));transition:opacity .5s;opacity:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.paladins .portrait.solved .name{opacity:1}.paladins .portrait.solved .cover{display:none}.paladins .portrait.solved .frame:before{animation:glow .5s ease-in-out}.paladins .portrait.hardmode .cover{position:absolute;top:0;bottom:0;right:0;left:0;background-image:url(/images/paladins-unknown.jpg);background-size:cover;z-index:1}.paladins .reveal-champs .portrait:not(.solved):after{background-color:transparent}.paladins .reveal-champs .portrait:not(.solved) .frame:before{box-shadow:inset 0 0 40px red;transition:all .3s}.paladins .reveal-champs .portrait:not(.solved) .name{opacity:1;color:red}.paladins .reveal-champs .portrait:not(.solved) .cover{background:unset}.paladins .reveal-stats .portrait .statistics{opacity:1}.paladins .top{position:fixed;z-index:3;top:0;right:0;left:0;width:290px;padding:0;color:#fff;margin:0 auto;text-align:center;cursor:pointer;display:flex;flex-wrap:wrap;flex-direction:column-reverse;align-items:center}.paladins .top.with-friend .score,.paladins .top.with-friend .time{padding:5px}.paladins .top.with-friend .your .time:after{height:150%;top:-60%}.paladins .top.with-friend .your .time{margin-top:-3px}.paladins .top.with-friend .your .score{top:-14px}.paladins .top.with-friend .friend .score{top:15px}.paladins .top .score,.paladins .top .time{display:inline-block;padding:10px 4px 6px;width:83px}.paladins .top:not(.with-friend) .your{justify-content:center}.paladins .top .your{display:flex;width:250px}.paladins .top .your .score{position:relative}.paladins .top .your .score:after{content:"";height:100%;width:100%;background:#14396e;background:linear-gradient(0deg,#14396e,transparent);-webkit-clip-path:polygon(0 0,90% 0,100% 100%,10% 100%);clip-path:polygon(0 0,90% 0,100% 100%,10% 100%);position:absolute;top:0;left:0;right:0;z-index:-1}.paladins .top .your .time{position:relative}.paladins .top .your .time:after{background:#000;background:linear-gradient(0deg,#000,transparent);content:"";height:100%;width:100%;position:absolute;top:0;left:0;right:0;z-index:-1;-webkit-clip-path:polygon(0 0,100% 0,90% 100%,10% 100%);clip-path:polygon(0 0,100% 0,90% 100%,10% 100%)}.paladins .top .friend{display:flex;flex-direction:row-reverse;width:250px;color:#f44345}.paladins .top .friend .score{position:relative}.paladins .top .friend .score:after{content:"";height:100%;width:100%;background:#410412;background:linear-gradient(0deg,#410412,transparent);-webkit-clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);clip-path:polygon(10% 0,100% 0,90% 100%,0 100%);position:absolute;top:0;left:0;right:0;z-index:-1}.paladins .modal{position:fixed;z-index:3;width:90%;max-width:550px;text-align:center;left:0;right:0;margin:auto;padding:15px;box-sizing:border-box;transition:all .3s;background-color:#253048;color:#fff;border-radius:2px;box-shadow:inset 2px 2px 0 #253048,inset -2px -2px 0 #253048,inset 2px 2px 6px rgba(61,237,227,.4),inset -2px -2px 5px rgba(61,237,227,.4)}.paladins .modal.fade-in{opacity:1;display:block}.modal .paladins .modal.fade-in{opacity:0}.paladins .modal.fade-out{opacity:0;display:block;pointer-events:none}.modal .paladins .modal.fade-out{opacity:1}.paladins .welcome h1{margin:0 0 10px;font-size:1.9rem}.paladins .welcome .challenged{font-size:2rem;margin-bottom:7px}.paladins .welcome .friend{color:#f44345;margin:14px 0}.paladins .welcome .explain{margin-top:8px}.paladins .welcome .outside{position:absolute;top:104%;left:0;right:0;font-size:1rem;color:#fff}.paladins .pause h1{font-size:3rem;margin:0 0 14px}.paladins .pause .end{all:unset;border-bottom:1px dashed #1a325e;transition:all .3s;cursor:pointer;margin:15px}.paladins .pause .end:hover{color:#f44345;border-bottom-color:#f44345}.paladins .win h1{font-size:3rem;margin:0}.paladins .win .friend{color:#f44345}.paladins .win .style-button{margin-top:10px;margin-bottom:-35px}.paladins .info{position:relative;display:inline-block;vertical-align:middle;margin-left:5px}.paladins .info .mark{cursor:pointer;background-color:#f9eaa6;color:#000;font-family:Arial,sans-serif;font-weight:700;height:28px;width:23px;display:flex;justify-content:center;align-items:center;box-shadow:0 0 5px 1px #f9eaa6}.paladins .info .mark:focus~.tool,.paladins .info .mark:hover~.tool{opacity:1;z-index:3}.paladins .info .tool{position:absolute;background-color:#f9eaa6;color:#000;top:-70px;left:-200px;padding:5px 10px 6px;z-index:-1;font-size:1rem;width:275px;transition:all .2s;opacity:0;box-shadow:0 0 5px 1px #f9eaa6}.paladins .beatme{position:relative;margin-top:13px;margin-bottom:-5px}.paladins .beatme .beatme-link{background-color:#54d1ca;padding:3px 9px 6px;display:inline-block;border-radius:5px;cursor:pointer;margin-bottom:5px;border:2px solid #54d1ca;color:#fff;word-break:break-all}.paladins .beatme .beatme-link:hover{background-color:transparent;color:#54d1ca}.paladins .beatme .beatme-confirm{position:absolute;z-index:2;left:0;right:0;background:#54d1ca;color:#fff;width:110px;margin:auto;border-radius:5px;padding:5px 0;text-align:center;transition:all .3s;opacity:0;bottom:-30px;text-transform:uppercase;letter-spacing:.5px;font-size:.8rem;pointer-events:none}.paladins .beatme .beatme-confirm.animate{opacity:1;bottom:-15px}.paladins .guess-board{bottom:-200px;z-index:5;transition:all .3s;position:fixed;z-index:1;color:#fff;width:90%;max-width:450px;text-align:center;left:0;right:0;margin:auto;padding:10px 15px;background-color:#253048;border-radius:3px;box-shadow:inset 2px 2px 0 #253048,inset -2px -2px 0 #253048,inset 2px 2px 6px rgba(61,237,227,.4),inset -2px -2px 5px rgba(61,237,227,.4)}.paladins .guess-board.show{bottom:20px}.paladins .guess-board .input-wrapper{display:inline}.paladins .guess-board input{margin:0 auto;outline:none;border:2px solid #258384;color:#258384;text-transform:capitalize;text-align:center;box-sizing:border-box;height:39px;vertical-align:middle;font-size:1.2rem;background-color:rgba(0,0,0,.03);border-radius:3px;width:calc(100% - 150px);transition:all .1s}.paladins .guess-board input:focus{border-color:#3dede3;color:#3dede3}.paladins .guess-board input::placeholder{color:#258384}.paladins .guess-board .style-button{width:110px;padding-left:0;padding-right:0}.paladins .guess-board.correct input,.paladins .guess-board.correct input:focus{border-color:#23a54b;color:#23a54b}.paladins .guess-board.correct ::placeholder{color:#23a54b}.paladins .guess-board.correct button,.paladins .guess-board.correct button:focus{background:#23a54b}.paladins .guess-board.not-correct input{border-color:#f44345;color:#f44345}.paladins .guess-board.not-correct ::placeholder{color:#f44345}.paladins .guess-board.not-correct button{background:#f44345}.paladins .style-button{text-transform:uppercase;position:relative;padding:8px 17px 7px;background:#258384;border:none;font-size:1.1rem;color:#fff;cursor:pointer;border-radius:2px;letter-spacing:1px;margin:5px;vertical-align:middle;transition:all .2s;box-shadow:0 0 1px 0 #000,inset 0 -5px 11px 0 rgba(0,0,0,.2),inset 0 5px 11px 0 rgba(0,0,0,.2)}.paladins .style-button:focus,.paladins .style-button:hover{background:#54d1ca;box-shadow:0 0 10px 0 #3dede3}.paladins .reminder,.paladins .time-reminder{position:absolute;background-color:#f9eaa6;color:#000;padding:3px 5px 5px;z-index:-3;font-size:1rem;box-shadow:0 0 5px 1px #f9eaa6;top:0;width:135px;left:0;right:0;margin:auto;transition:all .2s;opacity:0;pointer-events:none}.paladins .reminder.animate,.paladins .time-reminder.animate{top:-38px;opacity:1}.paladins .time-reminder{width:80%}.paladins .time-reminder.animate{top:-48px}@media(max-width:500px){.paladins .guess-board{padding:5px 7px 6px 4px}.paladins .info .tool{left:-240px;top:-75px}}.valorant .guess-board input,.valorant button.style-button{font-family:Tungsten,sans-serif;font-weight:500}.valorant h1,.valorant h2{font-family:Tungsten,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:1px}.valorant .the-game{position:relative;z-index:0;display:grid;grid-template:auto/repeat(auto-fit,minmax(170px,1fr))}@media(max-width:500px){.valorant .the-game{grid-template:auto/repeat(auto-fit,minmax(130px,1fr))}}@media(min-width:1060px){.valorant .the-game{grid-template:auto/repeat(auto-fit,minmax(210px,1fr))}}@media(min-width:1500px){.valorant .the-game{grid-template:auto/repeat(auto-fit,minmax(250px,1fr))}}.valorant .portrait{background-size:cover;background:#1c252e;background:linear-gradient(330deg,#1c252e 5%,#0b0f12 95%);position:relative;transition:all .3s;margin:0;vertical-align:top;aspect-ratio:3/4}.valorant .portrait .statistics{opacity:0;transition:opacity .5s;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:absolute;left:0;right:0;width:100px;margin:auto;text-align:center;font-weight:700;bottom:45px;padding-top:5px;text-shadow:1px 1px 1px #000;color:red;background:linear-gradient(0deg,hsla(0,0%,100%,0),rgba(0,0,0,.7) 50%,rgba(0,0,0,.7) 75%,hsla(0,0%,100%,0))}.valorant .portrait .statistics.above95{color:#25cb25}.valorant .portrait .statistics.above90{color:#9ae399}.valorant .portrait .statistics.above85{color:#fcb1b2}.valorant .portrait .statistics.above80{color:red}.valorant .portrait:after{content:"";display:block;position:absolute;top:0;left:0;right:0;bottom:0;background-color:rgba(88,88,88,.65);transition:all .2s;pointer-events:none;clear:both}.valorant .portrait:before{content:"";z-index:1;width:100%;height:100%;pointer-events:none}@supports not (aspect-ratio:3/4){.valorant .portrait:before{padding-top:133.3333333333%;float:left}}.valorant .portrait .frame:before{content:"";position:absolute;z-index:1;width:100%;height:100%;pointer-events:none;display:block}.valorant .portrait.solved:after{background-color:transparent}.valorant .portrait .name{color:#fff;text-align:center;position:absolute;bottom:0;width:100%;padding:50px 15px 10px;box-sizing:border-box;background:#0d1d28;background:linear-gradient(0deg,rgba(0,0,0,.8),rgba(13,29,40,0));transition:opacity .5s;opacity:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:700}.valorant .portrait.solved .name{opacity:1}.valorant .portrait.solved .cover{display:none}.valorant .portrait.solved .frame:before{animation:glow .5s ease-in-out}.valorant .portrait.hardmode .cover{position:absolute;top:0;bottom:0;right:0;left:0;background-image:url(/images/valorant-unknown.jpg);background-size:cover;z-index:1}.valorant .reveal-champs .portrait:not(.solved):after{background-color:transparent}.valorant .reveal-champs .portrait:not(.solved) .frame:before{box-shadow:inset 0 0 40px red;transition:all .3s}.valorant .reveal-champs .portrait:not(.solved) .name{opacity:1;color:red}.valorant .reveal-champs .portrait:not(.solved) .cover{background:unset}.valorant .reveal-stats .portrait .statistics{opacity:1}@keyframes glow{0%{box-shadow:inset 0 0 0 #23a54b}50%{box-shadow:inset 0 0 40px #23a54b}to{box-shadow:inset 0 0 0 #23a54b}}.valorant .top{position:fixed;z-index:3;top:0;right:0;left:0;width:305px;padding:0;color:#fff;margin:5px auto 0;text-align:center;cursor:pointer;display:flex;justify-content:center;text-shadow:1px 1px 0 rgba(0,0,0,.5)}.valorant .top .score,.valorant .top .time{display:inline-block;padding:5px 7px;width:70px;background:hsla(0,0%,39%,.8);font-weight:700}.valorant .top .score{width:80px}.valorant .top .time{-webkit-clip-path:polygon(0 0,75% 0,100% 50%,75% 100%,0 100%);clip-path:polygon(0 0,75% 0,100% 50%,75% 100%,0 100%);border-radius:0 38% 38% 0}.valorant .top .your{margin-right:2px}.valorant .top .your .score{background-color:rgba(133,222,203,.8);color:#fff;-webkit-clip-path:polygon(25% 0,100% 0,100% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,100% 0,100% 100%,25% 100%,0 50%);border-radius:38% 0 0 38%;text-align:right}.valorant .top .your .time{text-align:left}.valorant .top .friend{display:flex;flex-direction:row-reverse;margin-left:2px}.valorant .top .friend .time{-webkit-clip-path:polygon(25% 0,100% 0,100% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,100% 0,100% 100%,25% 100%,0 50%);border-radius:38% 0 0 38%;text-align:right}.valorant .top .friend .score{background-color:rgba(236,93,100,.8);-webkit-clip-path:polygon(0 0,75% 0,100% 50%,75% 100%,0 100%);clip-path:polygon(0 0,75% 0,100% 50%,75% 100%,0 100%);border-radius:0 38% 38% 0;text-align:left}.valorant .modal{position:fixed;z-index:3;width:90%;max-width:510px;text-align:center;left:0;right:0;margin:auto;padding:15px;box-sizing:border-box;transition:all .3s;background-color:rgba(30,30,30,.8);color:#fff;border:1px solid rgba(133,222,203,.6);border-radius:2px}.valorant .modal.fade-in{opacity:1;display:block}.modal .valorant .modal.fade-in{opacity:0}.valorant .modal.fade-out{opacity:0;display:block;pointer-events:none}.modal .valorant .modal.fade-out{opacity:1}.valorant .welcome .head-challenged{margin:0 0 10px;font-size:1.9rem;color:#ec5d64;font-weight:700}.valorant .welcome h1{margin:0 0 14px;font-size:2.5rem;text-transform:uppercase;line-height:2.8rem}.valorant .welcome .friend{color:#ec5d64;margin:14px 0}.valorant .welcome .explain{margin-top:8px}.valorant .welcome .outside{position:absolute;top:104%;left:0;right:0;letter-spacing:.5px;font-size:1rem;color:#fff}.valorant .pause h1{font-size:3rem;margin:0 0 14px}.valorant .pause .end{all:unset;border-bottom:1px dashed #1a325e;transition:all .3s;cursor:pointer;margin:15px}.valorant .pause .end:hover{color:#ec5d64;border-bottom-color:#ec5d64}.valorant .win h1{font-size:3rem;margin:0}.valorant .win .friend{color:#ec5d64}.valorant .win .style-button{margin-top:10px;margin-bottom:-35px}.valorant .info{position:relative;display:inline-block;vertical-align:middle;margin-left:5px}.valorant .info .mark{cursor:pointer;color:#eee;border:2px solid #777;border-radius:1px;height:26px;width:30px;display:flex;justify-content:center;align-items:center;transition:all .3s}.valorant .info .mark:after{content:"?";height:17px;width:17px;line-height:1.2rem;position:absolute}.valorant .info .mark:focus~.tool,.valorant .info .mark:hover~.tool{opacity:1;z-index:3}.valorant .info .tool{position:absolute;background-color:rgba(30,30,30,.7);color:#fff;border-radius:1px;top:-70px;left:-200px;padding:3px 10px 5px;z-index:-1;font-size:1rem;letter-spacing:.5px;width:275px;transition:all .2s;opacity:0}.valorant .beatme{position:relative;margin-top:13px;margin-bottom:-5px}.valorant .beatme .beatme-link{background-color:#ec5d64;padding:3px 9px 6px;display:inline-block;border-radius:5px;cursor:pointer;margin-bottom:5px;border:2px solid #ec5d64;color:#fff;word-break:break-all}.valorant .beatme .beatme-link:hover{background-color:transparent;color:#ec5d64}.valorant .beatme .beatme-confirm{position:absolute;z-index:2;left:0;right:0;background:#ec5d64;color:#fff;width:110px;margin:auto;border-radius:5px;padding:5px 0;text-align:center;transition:all .3s;opacity:0;bottom:-30px;text-transform:uppercase;letter-spacing:1px;font-size:.8rem;pointer-events:none}.valorant .beatme .beatme-confirm.animate{opacity:1;bottom:-15px}.valorant .guess-board{bottom:-200px;z-index:5;transition:all .3s;position:fixed;z-index:1;color:#fff;width:90%;max-width:450px;text-align:center;left:0;right:0;margin:auto;padding:10px 15px;background-color:rgba(30,30,30,.7);border-radius:1px}.valorant .guess-board form{display:flex;justify-content:center;align-items:center}.valorant .guess-board.show{bottom:20px}.valorant .guess-board .input-wrapper{width:100%;margin-right:10px}.valorant .guess-board .content{position:relative;display:block}.valorant .guess-board .content:after,.valorant .guess-board .content:before{content:"";position:absolute;height:50%;z-index:-1;left:-2px;right:-2px;border:1px solid #445e74;border-radius:1px}.valorant .guess-board .content:before{top:-2px;border-bottom:none}.valorant .guess-board .content:after{bottom:-2px;border-top:none}.valorant .guess-board input{margin:0 auto;outline:none;border:none;color:#85decb;color:#eee;text-transform:capitalize;text-align:center;box-sizing:border-box;padding:5px;vertical-align:middle;font-size:1.7rem;letter-spacing:1px;background-color:rgba(0,0,0,.3);transition:all .1s;width:100%}.valorant .guess-board input::placeholder{color:#666}.valorant .guess-board.correct input,.valorant .guess-board.correct input:focus{border-color:#85decb;color:#85decb}.valorant .guess-board.correct ::placeholder{color:#85decb}.valorant .guess-board.correct button,.valorant .guess-board.correct button:focus{background:#85decb}.valorant .guess-board.not-correct input{border-color:#ec5d64;color:#ec5d64}.valorant .guess-board.not-correct ::placeholder{color:#ec5d64}.valorant .guess-board.not-correct button{background:#ec5d64}.valorant .style-button{cursor:pointer;text-transform:uppercase;position:relative;padding:5px 17px;background:#e95d63;background:linear-gradient(0deg,#fd5c63 5%,#d94850 95%);border:none;font-size:1.7rem;color:#fff;letter-spacing:1px;margin:5px;vertical-align:middle}.valorant .style-button:after,.valorant .style-button:before{content:"";position:absolute;height:50%;z-index:-1;left:-2px;right:-2px;border:1px solid #445e74;border-radius:1px}.valorant .style-button:before{top:-2px;border-bottom:none}.valorant .style-button:after{bottom:-2px;border-top:none}.valorant .style-button:focus,.valorant .style-button:hover{background:#fff;color:#000}.valorant .style-button:active{background:#000;color:#fff}.valorant .reminder,.valorant .time-reminder{position:absolute;background-color:rgba(30,30,30,.7);color:#fff;border-radius:1px;padding:4px 5px 5px;z-index:-3;font-size:1rem;letter-spacing:.5px;top:0;width:135px;left:0;right:0;margin:auto;transition:all .2s;opacity:0;pointer-events:none}.valorant .reminder.animate,.valorant .time-reminder.animate{top:-38px;opacity:1}.valorant .time-reminder{width:80%}.valorant .time-reminder.animate{top:-48px}@media(max-width:500px){.valorant .info .tool{left:-240px;top:-75px}}