<!DOCTYPE html>
<html>
<head>
<style>#GDPRConsentOverlay{width:100%;height:100%;display:block;position:fixed;top:0;left:0;background-color:rgba(0,0,0,.8);color:#000;text-align:left;font-size:12px;z-index:1073741823;display:none;text-shadow:none}#GDPRPage{background-color:#fff;border-radius:15px;box-sizing:border-box;padding:10px;max-width:600px;margin:15px auto;max-height:calc(100% - 30px);overflow-y:auto}#GDPRPage a,#GDPRPage a:link,#GDPRPage a:visited,#GDPRPage a:hover{color:#00008b}.GDPRTitle{font-size:15px;text-align:center}.GDPRButton{font-size:20px;border-radius:20px;border:solid #000 4.5px;background-color:#fff;background-image:none;padding:0 20px;width:auto;line-height:30px;color:#000}.GDPRButton:hover{background-color:#fff;background-image:none;color:#000}#GDPRPage input{position:absolute;opacity:0}#GDPRPage input[type="radio"]+label{display:inline-flex;margin-top:5px;box-sizing:border-box;width:140px;height:50px;border:5px solid;border-color:#000;border-radius:25px;padding:0 .5em 0 6px;flex-flow:row nowrap;align-items:center;justify-content:space-between;text-align:right;color:#000;font-size:18px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;box-shadow:none}#GDPRPage input[type="radio"]+label::before{content:" ";display:block;flex:0 0 34px;background: center / 100% 100% no-repeat;background-image:url(/_images/consent_0.png);height:26px}#GDPRPage input[type="radio"]:checked+label{border-color:#00b800}#GDPRPage input[type="radio"]:checked+label::before{background-image:url(/_images/consent_2.png)}.GDPROpen{max-height:500px;transition:max-height .25s ease-out}.GDPRClosed{max-height:0;overflow:hidden;transition:max-height .25s ease-out}#GDPRQuestion1Buttons,#GDPRQuestion2Buttons{margin-bottom:16px;text-align:center}#GDPRSend,#GDPRQuestion1Subtext{text-align:center}#GDPRError{text-align:center;color:red}#ccpaBanner{position:fixed;display:none;bottom:0;z-index:1000;width:100%;padding:.75rem;font-size:14px;text-align:left;box-sizing:border-box;background-color:#a33e7f}#ccpaBanner p,#ccpaBanner a,#ccpaClose{font-family:sans-serif;color:#f7f7f7}#ccpaBanner div{max-width:700px;margin:0 auto}#ccpaBanner p{max-width:650px}#ccpaClose{position:relative;float:right;height:30px;width:30px;margin:-7.5px 0 0 5px;padding:0;border:none;cursor:pointer;color:#f7f7f7;font-weight:bold;background:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}#privacySettings button,#CCPAprivacySettings button{margin-top:5px;padding:5px 7.5px;border-radius:5px;border:1px solid #c3c3c3;background-color:#e2e2e2}</style>
<script>"use strict";var GDPR=GDPR||{};GDPR.test=false;GDPR.formConsentAds="unknown";GDPR.formConsentAnalytics="unknown";GDPR.submittedAds=false;GDPR.submittedAnalytics=false;GDPR.unsentItems=[];GDPR.platform='web';GDPR.projectVersion='1.0';GDPR.cookieNames={"consentRecorded":"cookie_consent_recorded"};function ConsentString(input){if(input===undefined||typeof input==="object"){this.Version=1;this.Created=new Date();this.LastUpdated=new Date();this.CmpId=0;this.CmpVersion=0;this.ConsentScreen=0;this.ConsentLanguage="EN";this.VendorListVersion=0;this.PurposesAllowed=0;this.MaxVendorId=0;this.Consents=(new Array(65536)).fill(false);if(typeof input==="object"&&input!==null){var properties=["Version","Created","LastUpdated","CmpId","CmpVersion","ConsentScreen","ConsentLanguage","VendorListVersion","PurposesAllowed"];for(var index in properties){if(Object.prototype.hasOwnProperty.call(input,properties[index])){this[properties[index]]=input[properties[index]];}}}}else if(typeof input==="string"){var decodeIntX6=function(input,index,length){var output=0;if(length<=5){while(length>0){output<<=6;output|=ConsentString.base64Chars.indexOf(input[index]);index+=1;length-=1;}}else{while(length>0){output*=64;output+=ConsentString.base64Chars.indexOf(input[index]);index+=1;length-=1;}}return output;};var extractBoolean=function(bin,index){return bin[index]==="1";};var extractInteger=function(bin,start,length){return parseInt(bin.slice(start,start+length),2);};this.Version=decodeIntX6(input,0,1);this.Created=new Date(decodeIntX6(input,1,6)*100);this.CmpId=decodeIntX6(input,13,2);this.CmpVersion=decodeIntX6(input,15,2);this.ConsentScreen=decodeIntX6(input,17,1);this.ConsentLanguage=input.slice(18,18+2);this.VendorListVersion=decodeIntX6(input,20,2);this.PurposesAllowed=decodeIntX6(input,22,4);var bin=input.slice(26).split("").map(function(char){return ConsentString.base64Chars.indexOf(char).toString(2).padStart(6,"0");}).join("");this.MaxVendorId=extractInteger(bin,0,16);var EncodingType=extractInteger(bin,16,1);this.Consents=(new Array(65536)).fill(false);if(EncodingType===ConsentString.BITFIELD){var BitField=bin.slice(17,17+this.MaxVendorId);for(var i=1;i<=this.MaxVendorId;i++){this.setVendorConsent(i,BitField[i-1]==="1");}}else if(EncodingType===ConsentString.RANGE){var DefaultConsent=extractBoolean(bin,17);this.fillVendorConsents(DefaultConsent,this.MaxVendorId);var NumEntries=extractInteger(bin,18,12);var SingleOrRange=false;var StartVendorId;var EndVendorId;var bitIndex=30;for(var entryIndex=0;entryIndex<NumEntries;entryIndex++){SingleOrRange=extractBoolean(bin,bitIndex);bitIndex+=1;StartVendorId=extractInteger(bin,bitIndex,16);bitIndex+=16;if(SingleOrRange){EndVendorId=extractInteger(bin,bitIndex,16);bitIndex+=16;}else{EndVendorId=StartVendorId;}for(var SingleVendorId=StartVendorId;SingleVendorId<=EndVendorId;SingleVendorId++){this.setVendorConsent(SingleVendorId,!DefaultConsent);}}}this.LastUpdated=new Date(decodeIntX6(input,7,6)*100);}return this;}ConsentString.base64Chars="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789-_";ConsentString.BITFIELD=0;ConsentString.RANGE=1;ConsentString.prototype.getVendorConsent=function(index){if(typeof index!=="number"||index<1||index>this.MaxVendorId)return false;return this.Consents[index-1];};ConsentString.prototype.setVendorConsent=function(index,consent){if(typeof index!=="number"||index<1||index>this.MaxVendorId){throw new Error("index out of range");}this.Consents[index-1]=Boolean(consent);this.LastUpdated=new Date();};ConsentString.prototype.fillVendorConsents=function(consent,MaxVendorId){if(typeof MaxVendorId!=="number"||MaxVendorId<1||MaxVendorId>65536){throw new Error("MaxVendorId out of range");}this.MaxVendorId=MaxVendorId;this.Consents.fill(consent,0,MaxVendorId);this.LastUpdated=new Date();};ConsentString.prototype.getPurpose=function(index){if(typeof index!=="number"||index<1||index>24)return false;return(this.PurposesAllowed&1<<(24-index))>0;};ConsentString.prototype.allowPurpose=function(index){if(typeof index!=="number"||index<1||index>24){throw new Error("index out of range");}this.PurposesAllowed|=1<<(24-index);this.LastUpdated=new Date();};ConsentString.prototype.denyPurpose=function(index){if(typeof index!=="number"||index<1||index>24){throw new Error("index out of range");}this.PurposesAllowed&=0xffffff^(1<<(24-index));this.LastUpdated=new Date();};ConsentString.prototype.encode=function(){var encodeIntX6=function(input,length){var output="";while(length>0){output=ConsentString.base64Chars[input&0x3f]+output;input=Math.floor(input/64);length-=1;}return output;};var result="";result+=encodeIntX6(this.Version,1);result+=encodeIntX6(Math.round(this.Created.getTime()/100),6);result+=encodeIntX6(Math.round(this.LastUpdated.getTime()/100),6);result+=encodeIntX6(this.CmpId,2);result+=encodeIntX6(this.CmpVersion,2);result+=encodeIntX6(this.ConsentScreen,1);result+=this.ConsentLanguage.slice(0,2);result+=encodeIntX6(this.VendorListVersion,2);result+=encodeIntX6(this.PurposesAllowed,4);var prefixSize=result.length;var bin=this.MaxVendorId.toString(2).padStart(16,"0");var consents=this.Consents.slice(0,this.MaxVendorId);consents.unshift(null);var ones=consents.reduce(function(count,consent){return count+(consent===true);},0);var zeros=this.MaxVendorId-ones;var DefaultConsent=ones>zeros;var RangeEntries=[];var StartVendorId=consents.indexOf(!DefaultConsent);var EndVendorId;while(StartVendorId!==0&&StartVendorId<=this.MaxVendorId){EndVendorId=consents.indexOf(DefaultConsent,StartVendorId)-1;if(EndVendorId===-1)break;if(EndVendorId===StartVendorId){RangeEntries.push(StartVendorId);}else{RangeEntries.push([StartVendorId,EndVendorId]);}StartVendorId=consents.indexOf(!DefaultConsent,EndVendorId+1);if(StartVendorId===-1)break;if(RangeEntries.length>8)break;}var length=RangeEntries.reduce(function(length,RangeEntry){return length+(Array.isArray(RangeEntry)?33:17);},0);if(length<this.MaxVendorId){bin+=ConsentString.RANGE.toString();bin+=DefaultConsent?"1":"0";bin+=RangeEntries.length.toString(2).padStart(12,"0");RangeEntries.forEach(function(RangeEntry){if(Array.isArray(RangeEntry)){bin+="1";bin+=RangeEntry[0].toString(2).padStart(16,"0");bin+=RangeEntry[1].toString(2).padStart(16,"0");}else{bin+="0";bin+=RangeEntry.toString(2).padStart(16,"0");}});}else{bin+=ConsentString.BITFIELD.toString();bin+=consents.map(function(consent){return consent?"1":"0";}).join();}bin+="0".repeat(-(bin.length+prefixSize*6)&7);for(var i=0;i<bin.length;i+=6){result+=ConsentString.base64Chars[parseInt(bin.slice(i,i+6).padEnd(6,"0"),2)];}return result;};GDPR.consentRecorded=false;GDPR.consentGivenAds=false;GDPR.consentGivenAnalytics=false;GDPR.firecrackerswId='unset';GDPR.consentRequired=false;GDPR.ready=false;GDPR.countries=["AT","BE","BG","CH","CY","CZ","DE","DK","EE","ES","FI","FR","GB","GR","HR","HU","IE","IS","IT","LI","LT","LU","LV","MT","NL","NO","PL","PT","RO","SE","SI","SK","US"];GDPR.getCookie=function(cname){var name=cname+"=";var decodedCookie=decodeURIComponent(document.cookie);var ca=decodedCookie.split(';');for(var i=0;i<ca.length;i++){var c=ca[i];while(c.charAt(0)===' ')c=c.substring(1);if(c.indexOf(name)===0){return c.substring(name.length,c.length);}}return"";};GDPR.processCookies=function(){if(GDPR.getCookie(GDPR.cookieNames.consentRecorded)!==''){GDPR.consentRecorded=GDPR.getCookie(GDPR.cookieNames.consentRecorded);if(GDPR.consentRecorded==='0'||GDPR.consentRecorded==='')GDPR.consentRecorded=false;if(GDPR.consentRecorded==='1')GDPR.consentRecorded=true;if(GDPR.getCookie("cookie_consent_personalized_advertising")!==''){GDPR.consentGivenAds=GDPR.getCookie("cookie_consent_personalized_advertising")==="1";}if(GDPR.getCookie("cookie_consent_analytics")!==''){GDPR.consentGivenAnalytics=GDPR.getCookie("cookie_consent_analytics")==="1";}}else{}var acknowledgedCCPABanner=localStorage.getItem("acknowledgedCCPABanner");if(GDPR.userCountry==="US"&&acknowledgedCCPABanner!=='true'){document.getElementById("ccpaBanner").style.display="block";}if(GDPR.getCookie("cookie_firecrackersw_id")!==''){GDPR.firecrackerswId=GDPR.getCookie("cookie_firecrackersw_id");}else{}if(GDPR.test){GDPR.consentRequired=true;}else if(navigator.doNotTrack||window.doNotTrack){GDPR.consentRequired=false;GDPR.consentGivenAds=false;GDPR.consentGivenAnalytics=false;}else if(GDPR.userCountry==="US"&&GDPR.consentRecorded===false){document.getElementById("ccpaBanner").style.display="block";GDPR.consentGivenAds=true;GDPR.consentGivenAnalytics=true;GDPR.consentRequired=false;GDPR.ready=true;GDPR.applySettings({"ads":GDPR.consentGivenAds,"analytics":GDPR.consentGivenAnalytics});GDPR.submit();}else if(GDPR.userCountry==="US"&&GDPR.consentRecorded===true&&GDPR.getCookie("cookie_consent_personalized_advertising")===''&&GDPR.getCookie("cookie_consent_analytics")===''){GDPR.consentRequired=true;GDPR.consentRecorded=false;}else if(GDPR.userCountry==="US"&&GDPR.consentRecorded===true){GDPR.consentRecorded=true;}else if(GDPR.countries.includes(GDPR.userCountry)){GDPR.consentRequired=true;}else{GDPR.consentRequired=false;GDPR.consentGivenAds=true;GDPR.consentGivenAnalytics=true;}if(GDPR.consentRecorded||!GDPR.consentRequired){GDPR.ready=true;GDPR.applySettings({"ads":GDPR.consentGivenAds,"analytics":GDPR.consentGivenAnalytics});}else{if(document.readyState!=="loading"){GDPR.displayConsentDialog();}else{document.addEventListener("DOMContentLoaded",GDPR.displayConsentDialog);}}};GDPR.displayConsentDialog=function(){document.querySelector("#GDPRQuestion1 div:first-child").onclick=GDPR.openQuestion1;var label;label=document.querySelector("label[for=\"GDPRConsentAdsYes\"]");label.onclick=function(){GDPR.checkQuestions();GDPR.closeQuestion1Subtext();};label=document.querySelector("label[for=\"GDPRConsentAdsNo\"]");label.onclick=function(){GDPR.checkQuestions();GDPR.openQuestion1Subtext();};document.querySelector("#GDPRQuestion2 div:first-child").onclick=GDPR.openQuestion2;["GDPRConsentAnalyticsYes","GDPRConsentAnalyticsNo"].forEach(function(id){var label=document.querySelector("label[for=\""+id+"\"]");label.onclick=function(){GDPR.checkQuestions();};});document.querySelector("#GDPRSend button").onclick=GDPR.submit;document.getElementById('GDPRConsentOverlay').style.display='block';};GDPR.revokeConsent=function(){[GDPR.cookieNames.consentRecorded,"cookie_consent_personalized_advertising","cookie_consent_analytics","recent_searches","cookie_country"].forEach(function(cookieName){document.cookie=cookieName+'=0; expires=Thu, 01 Jan 1970 00:00:01 GMT; path=/;';});};GDPR.openQuestion1=function(){document.getElementById('GDPRQuestion1Explanation').className='GDPROpen';document.getElementById('GDPRQuestion1Buttons').className='GDPROpen';GDPR.closeQuestion2();};GDPR.closeQuestion1=function(){document.getElementById('GDPRQuestion1Explanation').className='GDPRClosed';};GDPR.openQuestion1Subtext=function(){document.getElementById('GDPRQuestion1Subtext').className='GDPROpen';};GDPR.closeQuestion1Subtext=function(){document.getElementById('GDPRQuestion1Subtext').className='GDPRClosed';};GDPR.openQuestion2=function(){document.getElementById('GDPRQuestion2Explanation').className='GDPROpen';document.getElementById('GDPRQuestion2Buttons').className='GDPROpen';GDPR.closeQuestion1();};GDPR.closeQuestion2=function(){document.getElementById('GDPRQuestion2Explanation').className='GDPRClosed';};GDPR.checkQuestions=function(){GDPR.closeQuestion1();GDPR.closeQuestion2();setTimeout(function(){var GDPRSend=document.getElementById('GDPRSend');var GDPRNotice=document.getElementById('GDPRNotice');var GDPRError=document.getElementById('GDPRError');if(document.querySelector('input[name="GDPRConsentAds"]:checked')!==null){document.getElementById('GDPRQuestion1').style.backgroundColor='#DFD';}if(document.querySelector('input[name="GDPRConsentAnalytics"]:checked')!==null){document.getElementById('GDPRQuestion2').style.backgroundColor='#DFD';document.getElementById('GDPRConfirm').className='GDPROpen';}if(document.querySelector('input[name="GDPRConsentAds"]:checked')!==null){GDPR.formConsentAds=document.querySelector('input[name="GDPRConsentAds"]:checked').value;}else{GDPR.openQuestion1();GDPRSend.style.display="none";GDPRNotice.style.display="none";GDPRError.style.display="block";return;}if(document.querySelector('input[name="GDPRConsentAnalytics"]:checked')!==null){GDPR.formConsentAnalytics=document.querySelector('input[name="GDPRConsentAnalytics"]:checked').value;}else{GDPR.openQuestion2();GDPRSend.style.display="none";GDPRNotice.style.display="none";GDPRError.style.display="block";return;}GDPRSend.style.display="block";GDPRNotice.style.display="none";GDPRError.style.display="none";},100);};GDPR.submit=function(){GDPR.submittedAds=false;GDPR.submittedAnalytics=false;GDPR.unsentItems=[];if(GDPR.userCountry==="US"&&GDPR.consentRecorded===false&&GDPR.formConsentAds==='unknown'&&GDPR.formConsentAnalytics==='unknown'){GDPR.formConsentAds="1";GDPR.formConsentAnalytics="1";}if(GDPR.formConsentAds==="0"){GDPR.submittedAds=true;}else{GDPR.unsentItems.push('personalized_ads');}if(GDPR.formConsentAnalytics==="0"){GDPR.submittedAnalytics=true;}else{GDPR.unsentItems.push('web_analytics');}if(GDPR.userCountry==="US"&&GDPR.consentRecorded===true){document.getElementById('GDPRPage').style.filter='grayscale(1) contrast(0.3)';document.getElementById('GDPRSend').style.display="none";document.getElementById('GDPRNotice').style.display="block";}else if(GDPR.userCountry!=="US"){document.getElementById('GDPRPage').style.filter='grayscale(1) contrast(0.3)';document.getElementById('GDPRSend').style.display="none";document.getElementById('GDPRNotice').style.display="block";}if(GDPR.checkEverythingSubmitted())return;if(GDPR.firecrackerswId!=='unset'){GDPR.submitAllItems(GDPR.firecrackerswId);}else{GDPR.submitOneItem();}};GDPR.submitOneItem=function(){if(GDPR.unsentItems.length===0){return;}var itemName=GDPR.unsentItems[0];var url="https://api.firecrackersw.com/consent/record?project="+GDPR.project+"&platform="+GDPR.platform+"&version="+GDPR.projectVersion+"&item="+itemName;fetch(url).then(function(response){return response.text();},function(error){document.getElementById('GDPRSend').style.display="block";document.getElementById('GDPRNotice').style.display="none";document.getElementById('GDPRError').innerHTML="Something went wrong. Please try again.";document.getElementById('GDPRError').style.display="block";document.getElementById('GDPRPage').style.filter='grayscale(0) contrast(1.0)';throw new Error(error);}).then(function(data){GDPR.firecrackerswId=data;if(itemName==="personalized_ads"){GDPR.submittedAds=true;}else if(itemName==="web_analytics"){GDPR.submittedAnalytics=true;}GDPR.unsentItems.shift();GDPR.submitAllItems(GDPR.firecrackerswId);});};GDPR.submitAllItems=function(fcswId){if(GDPR.unsentItems.length===0){GDPR.checkEverythingSubmitted();}var url="";var sentItems=0;GDPR.unsentItems.forEach(function(unsentItem){url="https://api.firecrackersw.com/consent/record?project="+GDPR.project+"&platform="+GDPR.platform+"&version="+GDPR.projectVersion+"&item="+unsentItem+"&id="+fcswId;fetch(url).then(function(response){return response.text();},function(error){document.getElementById('GDPRSend').style.display="block";document.getElementById('GDPRNotice').style.display="none";document.getElementById('GDPRError').innerHTML="Something went wrong. Please try again.";document.getElementById('GDPRError').style.display="block";document.getElementById('GDPRPage').style.filter='grayscale(0) contrast(1.0)';}).then(function(data){if(unsentItem==="personalized_ads"){GDPR.submittedAds=true;}else if(unsentItem==="web_analytics"){GDPR.submittedAnalytics=true;}sentItems++;if(sentItems===GDPR.unsentItems.length){GDPR.checkEverythingSubmitted();}else{}});});};GDPR.checkEverythingSubmitted=function(){if(GDPR.submittedAds&&GDPR.submittedAnalytics){document.cookie="cookie_firecrackersw_id="+GDPR.firecrackerswId+"; path=/; expires=Fri, 31 Dec 9999 23:59:59 GMT";document.cookie=GDPR.cookieNames.consentRecorded+"=1; path=/; expires=Fri, 31 Dec 9999 23:59:59 GMT";document.cookie="cookie_consent_personalized_advertising="+GDPR.formConsentAds+"; path=/; expires=Fri, 31 Dec 9999 23:59:59 GMT";document.cookie="cookie_consent_analytics="+GDPR.formConsentAnalytics+"; path=/; expires=Fri, 31 Dec 9999 23:59:59 GMT";GDPR.consentRecorded=true;GDPR.consentGivenAds=GDPR.formConsentAds==="1";GDPR.consentGivenAnalytics=GDPR.formConsentAnalytics==="1";GDPR.ready=true;GDPR.applySettings({"ads":GDPR.consentGivenAds,"analytics":GDPR.consentGivenAnalytics});document.getElementById('GDPRConsentOverlay').style.display='none';location.reload();return true;}else{return false;}};GDPR.run=function(){return new Promise(function(resolve){GDPR.applySettings=resolve;GDPR.userCountry=GDPR.getCookie('cookie_country');if(GDPR.userCountry!==""){GDPR.processCookies();}else{var xhr=new XMLHttpRequest();xhr.addEventListener("load",function(e){GDPR.userCountry=e.target.responseText;document.cookie='cookie_country='+GDPR.userCountry+'; expires=Fri, 31 Dec 9999 23:59:59 GMT; path=/;';GDPR.processCookies();});xhr.open("GET","/_includes/get-country.php");xhr.send();}});};</script>
<script>GDPR.project="www.tftscout.com";var gaID="G-WYC05EMFCD";var page_path=window.location.pathname;function loadAsyncScript(src){return new Promise(function(resolve,reject){var script=document.createElement("script");script.async=true;script.src=src;script.onload=resolve;script.onerror=reject;document.documentElement.lastElementChild.appendChild(script);});}function loadDeferredScript(src){return new Promise(function(resolve,reject){var script=document.createElement("script");script.defer=true;script.src=src;script.onload=resolve;script.onerror=reject;document.documentElement.lastElementChild.appendChild(script);});}</script>
<script>window.googletag=window.googletag||{cmd:[]};googletag.cmd.push(function(){if(GDPR.consentGivenAds==false){googletag.pubads().setRequestNonPersonalizedAds(1);}googletag.cmd.push(function(){googletag.defineSlot('/359983630/TFTScout/TFTScout_300x250',[300,250],'div-gpt-ad-1590078948757-0').addService(googletag.pubads());googletag.pubads().enableSingleRequest();googletag.enableServices();});googletag.cmd.push(function(){googletag.defineSlot('/359983630/TFTScout/TFTScout_728x90',[728,90],'div-gpt-ad-1590078913025-0').addService(googletag.pubads());googletag.pubads().enableSingleRequest();googletag.enableServices();});googletag.cmd.push(function(){googletag.defineSlot('/359983630/TFTScout/TFTScout_320x50',[320,50],'div-gpt-ad-1590078829700-0').addService(googletag.pubads());googletag.pubads().enableSingleRequest();googletag.enableServices();});});</script>
<script>var analyticsSent=false;function gaGDPRSendQueue(){if(GDPR.consentGivenAnalytics&&!analyticsSent){window.dataLayer=window.dataLayer||[];function gtag(){dataLayer.push(arguments);}gtag('js',new Date());gtag('config',gaID);analyticsSent=true;}else if(!analyticsSent){}}gaGDPRSendQueue();var googletag=googletag||{};googletag.cmd=googletag.cmd||[];var adQueue=[];function selectBestAdSize(adUnit){var sizes=adUnit.mediaTypes.banner.sizes;var index=0;if(sizes.length>1){sizes.reverse();index=sizes.findIndex(function(size){return size[0]<=document.documentElement.offsetWidth;});sizes.reverse();if(index===-1){index=0;}else{index=sizes.length-1-index;}}return sizes[index];}function closeStickyAd(event){var adContainer=event.target.parentElement;adContainer.hidden=true;try{var adDivID=adContainer.querySelector("div").id;var slot=googletag.pubads().getSlots().find(function(slot){return slot.getSlotElementId()===adDivID;});googletag.cmd.push(function(){googletag.pubads().clear([slot]);});}catch(error){}}function displayAd(id){var adDiv=document.getElementById(id);if(!adDiv)return;var adUnit=ads[id];var size=adUnit.mediaTypes.banner.sizes[0];adDiv.style.width=String(size[0])+"px";adDiv.style.height=String(size[1])+"px";if(adDiv.parentElement.classList.contains("sticky-ad-container")){adDiv.parentElement.hidden=false;var closeButton=adDiv.parentElement.querySelector("button.amp-sticky-ad-close-button");if(closeButton)closeButton.onclick=closeStickyAd;}googletag.display(id);}function showAds(adConsent){return new Promise(function(resolve,reject){googletag.cmd.push(function(){try{Object.entries(ads).forEach(function(pair){var id=pair[0];var adUnit=pair[1];var size=selectBestAdSize(adUnit);adUnit.mediaTypes.banner.sizes=[size];if(Object.prototype.hasOwnProperty.call(adUnit,"codesBySize")){if(Object.prototype.hasOwnProperty.call(adUnit.codesBySize,size.join("x"))){adUnit.code=adUnit.codesBySize[size.join("x")];}delete adUnit.codesBySize;}var code=adUnit.code;googletag.defineSlot(code,size,id).addService(googletag.pubads());});googletag.pubads().setRequestNonPersonalizedAds(adConsent?0:1);googletag.pubads().enableSingleRequest();googletag.enableServices();adQueue.forEach(displayAd);adQueue={"push":displayAd};resolve();}catch(error){reject(error);}});});}function hideAds(){document.querySelectorAll(".ad-container,.sticky-ad-container").forEach(function(adContainer){adContainer.hidden=true;});}</script>
<title></title>
<style>
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
font-display: swap;
src: local("Roboto"), local("Roboto-Regular"), local("sans-serif"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu72xKKTU1Kvnz.woff2) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
font-display: swap;
src: local("Roboto"), local("Roboto-Regular"), local("sans-serif"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu5mxKKTU1Kvnz.woff2) format("woff2");
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
font-display: swap;
src: local("Roboto"), local("Roboto-Regular"), local("sans-serif"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7mxKKTU1Kvnz.woff2) format("woff2");
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
font-display: swap;
src: local("Roboto"), local("Roboto-Regular"), local("sans-serif"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4WxKKTU1Kvnz.woff2) format("woff2");
unicode-range: U+0370-03FF
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
font-display: swap;
src: local("Roboto"), local("Roboto-Regular"), local("sans-serif"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7WxKKTU1Kvnz.woff2) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
font-display: swap;
src: local("Roboto"), local("Roboto-Regular"), local("sans-serif"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu7GxKKTU1Kvnz.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 400;
font-display: swap;
src: local("Roboto"), local("Roboto-Regular"), local("sans-serif"), url(https://fonts.gstatic.com/s/roboto/v20/KFOmCnqEu92Fr1Mu4mxKKTU1Kg.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 500;
font-display: swap;
src: local("Roboto Medium"), local("Roboto-Medium"), local("sans-serif-medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCRc4AMP6lbBP.woff2) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 500;
font-display: swap;
src: local("Roboto Medium"), local("Roboto-Medium"), local("sans-serif-medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fABc4AMP6lbBP.woff2) format("woff2");
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 500;
font-display: swap;
src: local("Roboto Medium"), local("Roboto-Medium"), local("sans-serif-medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCBc4AMP6lbBP.woff2) format("woff2");
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 500;
font-display: swap;
src: local("Roboto Medium"), local("Roboto-Medium"), local("sans-serif-medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBxc4AMP6lbBP.woff2) format("woff2");
unicode-range: U+0370-03FF
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 500;
font-display: swap;
src: local("Roboto Medium"), local("Roboto-Medium"), local("sans-serif-medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fCxc4AMP6lbBP.woff2) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 500;
font-display: swap;
src: local("Roboto Medium"), local("Roboto-Medium"), local("sans-serif-medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fChc4AMP6lbBP.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 500;
font-display: swap;
src: local("Roboto Medium"), local("Roboto-Medium"), local("sans-serif-medium"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmEU9fBBc4AMP6lQ.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 700;
font-display: swap;
src: local("Roboto Bold"), local("Roboto-Bold"), local("sans-serif"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCRc4AMP6lbBP.woff2) format("woff2");
unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 700;
font-display: swap;
src: local("Roboto Bold"), local("Roboto-Bold"), local("sans-serif"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfABc4AMP6lbBP.woff2) format("woff2");
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 700;
font-display: swap;
src: local("Roboto Bold"), local("Roboto-Bold"), local("sans-serif"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCBc4AMP6lbBP.woff2) format("woff2");
unicode-range: U+1F00-1FFF
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 700;
font-display: swap;
src: local("Roboto Bold"), local("Roboto-Bold"), local("sans-serif"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBxc4AMP6lbBP.woff2) format("woff2");
unicode-range: U+0370-03FF
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 700;
font-display: swap;
src: local("Roboto Bold"), local("Roboto-Bold"), local("sans-serif"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfCxc4AMP6lbBP.woff2) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 700;
font-display: swap;
src: local("Roboto Bold"), local("Roboto-Bold"), local("sans-serif"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfChc4AMP6lbBP.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: "Roboto";
font-style: normal;
font-weight: 700;
font-display: swap;
src: local("Roboto Bold"), local("Roboto-Bold"), local("sans-serif"), url(https://fonts.gstatic.com/s/roboto/v20/KFOlCnqEu92Fr1MmWUlfBBc4AMP6lQ.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: "Spectral SC";
font-style: normal;
font-weight: 400;
font-display: swap;
src: local("Spectral SC Regular"), local("SpectralSC-Regular"), url(https://fonts.gstatic.com/s/spectralsc/v5/KtkpALCRZonmalTgyPmRfsWh42H9FYudZY8.woff2) format("woff2");
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: "Spectral SC";
font-style: normal;
font-weight: 400;
font-display: swap;
src: local("Spectral SC Regular"), local("SpectralSC-Regular"), url(https://fonts.gstatic.com/s/spectralsc/v5/KtkpALCRZonmalTgyPmRfsWq42H9FYudZY8.woff2) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: "Spectral SC";
font-style: normal;
font-weight: 400;
font-display: swap;
src: local("Spectral SC Regular"), local("SpectralSC-Regular"), url(https://fonts.gstatic.com/s/spectralsc/v5/KtkpALCRZonmalTgyPmRfsWr42H9FYudZY8.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: "Spectral SC";
font-style: normal;
font-weight: 400;
font-display: swap;
src: local("Spectral SC Regular"), local("SpectralSC-Regular"), url(https://fonts.gstatic.com/s/spectralsc/v5/KtkpALCRZonmalTgyPmRfsWl42H9FYud.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: "Spectral SC";
font-style: normal;
font-weight: 500;
font-display: swap;
src: local("Spectral SC Medium"), local("SpectralSC-Medium"), url(https://fonts.gstatic.com/s/spectralsc/v5/Ktk0ALCRZonmalTgyPmRfs1WwHTUN4a3X4ZA3sU.woff2) format("woff2");
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: "Spectral SC";
font-style: normal;
font-weight: 500;
font-display: swap;
src: local("Spectral SC Medium"), local("SpectralSC-Medium"), url(https://fonts.gstatic.com/s/spectralsc/v5/Ktk0ALCRZonmalTgyPmRfs1WwHTfN4a3X4ZA3sU.woff2) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: "Spectral SC";
font-style: normal;
font-weight: 500;
font-display: swap;
src: local("Spectral SC Medium"), local("SpectralSC-Medium"), url(https://fonts.gstatic.com/s/spectralsc/v5/Ktk0ALCRZonmalTgyPmRfs1WwHTeN4a3X4ZA3sU.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: "Spectral SC";
font-style: normal;
font-weight: 500;
font-display: swap;
src: local("Spectral SC Medium"), local("SpectralSC-Medium"), url(https://fonts.gstatic.com/s/spectralsc/v5/Ktk0ALCRZonmalTgyPmRfs1WwHTQN4a3X4ZA.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: "Spectral SC";
font-style: normal;
font-weight: 600;
font-display: swap;
src: local("Spectral SC SemiBold"), local("SpectralSC-SemiBold"), url(https://fonts.gstatic.com/s/spectralsc/v5/Ktk0ALCRZonmalTgyPmRfs16x3TUN4a3X4ZA3sU.woff2) format("woff2");
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: "Spectral SC";
font-style: normal;
font-weight: 600;
font-display: swap;
src: local("Spectral SC SemiBold"), local("SpectralSC-SemiBold"), url(https://fonts.gstatic.com/s/spectralsc/v5/Ktk0ALCRZonmalTgyPmRfs16x3TfN4a3X4ZA3sU.woff2) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: "Spectral SC";
font-style: normal;
font-weight: 600;
font-display: swap;
src: local("Spectral SC SemiBold"), local("SpectralSC-SemiBold"), url(https://fonts.gstatic.com/s/spectralsc/v5/Ktk0ALCRZonmalTgyPmRfs16x3TeN4a3X4ZA3sU.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: "Spectral SC";
font-style: normal;
font-weight: 600;
font-display: swap;
src: local("Spectral SC SemiBold"), local("SpectralSC-SemiBold"), url(https://fonts.gstatic.com/s/spectralsc/v5/Ktk0ALCRZonmalTgyPmRfs16x3TQN4a3X4ZA.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
@font-face {
font-family: "Spectral SC";
font-style: normal;
font-weight: 700;
font-display: swap;
src: local("Spectral SC Bold"), local("SpectralSC-Bold"), url(https://fonts.gstatic.com/s/spectralsc/v5/Ktk0ALCRZonmalTgyPmRfs0exnTUN4a3X4ZA3sU.woff2) format("woff2");
unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116
}
@font-face {
font-family: "Spectral SC";
font-style: normal;
font-weight: 700;
font-display: swap;
src: local("Spectral SC Bold"), local("SpectralSC-Bold"), url(https://fonts.gstatic.com/s/spectralsc/v5/Ktk0ALCRZonmalTgyPmRfs0exnTfN4a3X4ZA3sU.woff2) format("woff2");
unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB
}
@font-face {
font-family: "Spectral SC";
font-style: normal;
font-weight: 700;
font-display: swap;
src: local("Spectral SC Bold"), local("SpectralSC-Bold"), url(https://fonts.gstatic.com/s/spectralsc/v5/Ktk0ALCRZonmalTgyPmRfs0exnTeN4a3X4ZA3sU.woff2) format("woff2");
unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF
}
@font-face {
font-family: "Spectral SC";
font-style: normal;
font-weight: 700;
font-display: swap;
src: local("Spectral SC Bold"), local("SpectralSC-Bold"), url(https://fonts.gstatic.com/s/spectralsc/v5/Ktk0ALCRZonmalTgyPmRfs0exnTQN4a3X4ZA.woff2) format("woff2");
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}
* {
margin: 0;
padding: 0
}
body {
display: flex;
margin: 0;
padding: 0;
min-height: 100vh;
flex-flow: column nowrap;
text-align: center;
color: #1b1e1f;
font-family: "Roboto", sans-serif
}
h1,
h2,
h3,
a,
button {
font-family: "Spectral SC", serif
}
h1,
#home h2 {
text-transform: uppercase
}
h2 {
font-size: 1.4rem
}
select,
input {
font-family: inherit
}
select {
-webkit-appearance: none
}
.ad-container {
margin: 1rem auto 1rem auto;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content;
height: -webkit-fit-content;
height: -moz-fit-content;
height: fit-content;
font-size: 8px
}
main {
position: relative;
margin: 0 0 auto 0;
flex: 1 0 100%;
z-index: 2;
background-color: #fff
}
main#leaderboards,
main#items,
section#leaderboards {
flex: 0 0 auto;
margin: 0 auto auto auto;
width: 93%;
max-width: 900px;
box-shadow: 0px 2px 15px #071e24
}
main#champions {
background: none
}
.bodyColor {
background-color: #15444c
}
.bodyColor .ad-container {
color: #b5b9bd
}
#bodyBGImage,
#champBGImage {
position: absolute;
top: 0;
z-index: -3;
width: 100%;
height: 100%;
background-image: linear-gradient(#15444c, #15444c), var(--splash, none);
background-size: cover;
background-blend-mode: color;
opacity: .25
}
.bodyBGGradient {
position: absolute;
top: 0;
z-index: -2;
width: 100%;
height: 100%;
background: linear-gradient(rgba(21, 68, 76, 0) 0%, #15444c 100%)
}
.noSummonerFound {
color: red;
font-weight: bold;
}
.tooltip {
position: relative;
display: inline-block
}
.tooltip .tooltiptext {
visibility: hidden;
width: 120px;
background-color: #0c2c33;
color: #f1f1f1;
text-align: center;
padding: 5px 0;
border-radius: 6px;
position: absolute;
z-index: 10;
bottom: 125%;
left: 50%;
margin-left: -60px;
opacity: 0;
transition: opacity .3s
}
.tooltip .tooltiptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #0c2c33 transparent transparent transparent
}
.tooltip:hover .tooltiptext {
visibility: visible;
opacity: 1
}
#navbar {
height: 48px;
z-index: 10;
display: flex;
position: relative;
justify-content: space-between;
align-items: center;
background-color: #0c2c33
}
#navSearchContainer {
display: flex
}
#navSearchContainer form {
display: none
}
#navbar img {
height: 32px;
margin: 0 15px
}
#imgLink {
height: 32px
}
#navIcon {
position: relative;
margin: 12px 15px;
width: 24px;
height: 24px;
background: linear-gradient(to bottom, transparent 12.5%, currentColor 12.5% calc(500% / 24), transparent calc(500% / 24) calc(1900% / 24), currentColor calc(1900% / 24) 87.5%, transparent 87.5%) center no-repeat;
background-size: 100% 100%;
color: #f1f1f1;
transition: .25s ease-in-out;
transition-property: background-size, color
}
#navIcon::before,
#navIcon::after {
content: " ";
display: block;
position: absolute;
height: 2px;
width: 100%;
top: 11px;
left: 0;
background-color: currentColor;
transform: rotate(0deg);
transition: .25s ease-in-out;
transition-property: background-color, transform
}
#navIcon.open {
background-size: 0 0;
color: #f4ad21
}
#navIcon.open::before {
transform: rotate(45deg)
}
#navIcon.open::after {
transform: rotate(-45deg)
}
nav {
display: none
}
nav a,
#sidebar a {
color: #f1f1f1;
font-size: 20px;
text-decoration: none
}
nav a:hover,
footer a:hover {
color: #f4ad21
}
#sidebar {
position: fixed;
top: 0;
right: 0;
background-color: #0c2c33;
width: 100%;
height: 100vh;
max-height: 100vh;
overflow-x: hidden;
overflow-y: auto;
z-index: 9;
-webkit-overflow-scrolling: touch;
will-change: transform;
transform: translateY(-100%);
-webkit-transition: all 0s linear;
transition: transform .25s ease-in-out
}
#sidebar.open {
padding-top: 48px;
transform: translateY(0)
}
#sidebar ul {
list-style-type: none
}
#sidebar li {
line-height: 3rem
}
header {
position: relative;
display: flex;
justify-content: center;
align-items: center
}
#headerBG {
position: absolute;
top: 0;
width: 100%;
background-color: #15444c
}
#headerBGImage {
position: absolute;
top: 0;
background-image: linear-gradient(#15444c, #15444c), var(--splash, none);
background-position: center center;
background-size: cover;
background-blend-mode: color;
opacity: .25;
width: 100%
}
#headerBG,
#headerBGImage {
height: 175%
}
header img {
width: 93%;
height: 15vh;
z-index: 1;
margin: 1.5rem 0
}
#headerH1 {
z-index: 1;
width: 100%;
font-size: initial;
margin: 0
}
#summonerSearchForm,
#navSummonerSearchForm {
display: flex;
justify-content: center;
align-items: center;
margin: 0 auto
}
#sidebar #navSummonerSearchForm {
margin: 1rem auto;
width: 93%
}
#mainSummonerSearch {
position: relative;
width: 100%;
overflow: hidden
}
#mainSummonerSearch form {
position: relative;
z-index: 1;
width: 93%;
max-width: 450px;
height: 51px
}
#sidebar form {
height: 32px;
margin: 1rem 0;
display: flex;
justify-content: center
}
#mainSummonerSearch::after {
content: " ";
display: block;
position: absolute;
bottom: -1px;
left: -1%;
width: 102%;
height: 108%;
background-color: #fff;
-webkit-clip-path: polygon(50% 0, 100% 100%, 0% 100%, 50% 0);
clip-path: polygon(50% 0, 100% 100%, 0% 100%, 50% 0)
}
.search-bar {
color: #f1f1f1;
padding: .25rem;
outline: none;
display: flex;
position: relative;
justify-content: space-between;
box-sizing: border-box;
border: solid 2px #e09819;
background-color: #0c2c33
}
.search-bar input[type=text] {
width: 93%;
border: none;
outline: none;
color: #f1f1f1;
background: none;
box-sizing: border-box
}
.search-bar input[type=text]::placeholder {
color: #96a6aa
}
.search-bar button[type=submit] {
width: 10%;
height: 20px;
border: none;
outline: none;
cursor: pointer;
background: url(../_images/search.svg) center;
background-color: transparent;
background-repeat: no-repeat;
background-size: contain
}
.select-container {
position: relative
}
.select-container::before {
content: "▾";
position: absolute;
top: 50%;
right: .25rem;
color: #f1f1f1;
pointer-events: none
}
.regionSelectContainer {
display: flex;
position: relative;
height: 100%;
width: fit-content;
box-sizing: border-box;
background-color: #e09819;
border-top: solid 2px #e09819;
border-bottom: solid 2px #e09819;
border-left: solid 2px #e09819
}
.regionSelectContainer::before {
content: "▾";
position: absolute;
top: 50%;
right: 0;
pointer-events: none;
transform: translateY(-50%)
}
.regionSelectContainer label {
position: absolute;
margin-left: 3px;
color: #0c2c33;
font-size: 12px;
font-weight: 700;
pointer-events: none
}
.regionSelectContainer select {
color: #0c2c33;
width: 3.25rem;
padding-left: .25rem;
border: none;
outline: none;
font-size: 16px;
font-weight: 500;
background-color: #e09819
}
#navSummonerSearchForm select {
font-size: 12px
}
#navSearchContainer .search-bar,
#sidebar .search-bar {
width: 200px
}
#mainSearchBar {
padding: .75rem;
font-size: 20px;
width: 100%;
height: 51px;
box-sizing: border-box
}
#mainSearchBar input[type=text] {
font-size: 20px
}
main h1,
#home h2 {
padding: 1rem 0 .25rem 0
}
.a-button {
display: inline-block;
color: #f1f1f1;
width: 93%;
margin: 1rem;
padding: .75rem;
font-weight: bold;
text-decoration: none;
letter-spacing: 1px;
box-sizing: border-box;
border: 2px solid #f4ad21;
text-transform: uppercase;
background-color: #15444c
}
.a-button:hover {
background-color: rgba(21, 68, 76, .875)
}
#dataContainer {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
width: 93%;
max-width: 900px;
overflow: hidden
}
#dataContainer div.data-containers {
display: block;
margin-bottom: 1rem;
padding-bottom: .5rem;
width: 100%;
max-height: 420px;
overflow: hidden;
border-radius: 4px;
box-sizing: border-box;
background-color: rgba(21, 68, 76, .175)
}
#dataContainer div.data {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
position: relative;
margin: .5rem .5rem 0 .5rem;
max-height: 170px;
overflow: hidden
}
#dataContainer div.data::after {
content: "";
display: block;
position: absolute;
bottom: 0;
width: 100%;
height: 50px;
background: #d6dedf;
background: -moz-linear-gradient(0deg, #d6dedf 10%, #d6dedf00 100%);
background: -webkit-linear-gradient(0deg, #d6dedf 10%, #d6dedf00 100%);
background: linear-gradient(0deg, #d6dedf 10%, #d6dedf00 100%)
}
#dataContainer .data-containers h3 {
padding: .25rem 1rem;
background: #95abae;
background: -moz-linear-gradient(90deg, #95abae 0%, #b8cbcd 100%);
background: -webkit-linear-gradient(90deg, #95abae 0%, #b8cbcd 100%);
background: linear-gradient(90deg, #95abae 0%, #b8cbcd 100%);
border-bottom: 1px solid #95abae
}
#dataContainer .data-containers img {
width: 100%;
box-sizing: border-box;
border-radius: 4px;
border-width: 1px;
border-style: solid;
background-color: #000
}
#dataContainer .data-containers div.items img,
#dataContainer .data-containers div.data a {
width: 50px;
height: 50px;
margin: .5rem
}
#dataContainer .data-containers div.items img {
border-color: #63696b
}
#dataContainer .data-containers div.data a:hover img {
filter: brightness(120%)
}
#aboutContainer::before {
content: " ";
display: block;
width: 100%;
height: 51px;
transform: translateY(-1px);
background-color: #fff;
-webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 0, 0 100%);
clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 0, 0 100%)
}
#aboutContainer {
width: 100%;
margin: 2rem 0 0 0;
box-sizing: border-box;
background-image: url("../_images/about_bg.jpg");
background-size: cover;
background-position: center top
}
#aboutContainer h2 {
margin-top: 0;
padding-top: 0
}
#aboutContainer p {
width: 93%;
max-width: 900px;
margin: 0 auto;
padding-bottom: 2rem;
text-align: left
}
#aboutContainer a {
font-family: inherit
}
#errorMessage {
position: absolute;
top: 48px;
right: 0;
z-index: 1;
padding: 1rem;
max-width: 375px;
color: #fff;
background-color: #df2525
}
button#closeError {
position: absolute;
top: 0;
right: 0;
border: none;
height: 24px;
width: 24px;
padding: 6px;
background: none
}
main#home {
display: flex;
flex-flow: column nowrap;
align-items: center
}
main#home table {
margin-bottom: auto
}
table {
width: 93%;
max-width: 900px;
margin: 0 auto;
border-spacing: 0
}
thead tr:first-child {
background-color: rgba(21, 68, 76, .45)
}
tr:nth-child(even) {
background-color: rgba(21, 68, 76, .1)
}
tr:nth-child(odd) {
background-color: rgba(21, 68, 76, .175)
}
col.sortedBy {
background-color: rgba(7, 30, 36, .075)
}
tr {
height: 2.5rem
}
td {
text-align: center;
}
td.player,
th.player {
text-align: left;
word-break: break-word
}
.player a {
color: inherit;
font-variant: normal;
text-decoration: none;
font-family: "Roboto", sans-serif
}
.player a:hover,
#champTable a:hover {
color: #803b62
}
.collapse,
.collapse-column {
display: none
}
.mobile-hide {
display: none
}
#home thead tr:first-child {
height: 2.5rem
}
#home tbody tr:nth-child(-n+3) {
height: 3.5rem
}
#home tbody tr:first-child td.rank,
#leaderboards tbody tr[data-rank="1"] td.rank {
background: url("../_images/mask_1.svg") center
}
#home tbody tr:nth-child(2) td.rank,
#leaderboards tbody tr[data-rank="2"] td.rank {
background: url("../_images/mask_2.svg") center
}
#home tbody tr:nth-child(3) td.rank,
#leaderboards tbody tr[data-rank="3"] td.rank {
background: url("../_images/mask_3.svg") center
}
#home tbody tr:nth-child(-n+3) td.rank {
font-size: 21px;
background-size: 2rem;
background-repeat: no-repeat
}
#home tbody tr:nth-child(-n+3) td {
font-size: 18px
}
#home td img {
display: none
}
#leaderboards h1,
#items h1 {
color: #ffa900;
padding: 1rem 0;
font-size: 1.5em;
background-color: rgba(21, 68, 76, .75)
}
#leaderboards table {
width: 100%;
font-size: 12px
}
#leaderboards table th {
position: sticky;
top: 0;
background-color: #95abae
}
#leaderboards tbody tr[data-rank] td.rank {
font-size: 14px;
background-size: 1.5rem;
background-repeat: no-repeat
}
#tableOptions {
display: flex;
flex-flow: row wrap;
justify-content: space-evenly;
padding: 0 1rem 1rem 1rem;
background-color: rgba(21, 68, 76, .75)
}
#leaderboards label {
display: block;
color: #071e24;
text-align: left;
font-size: 12px;
font-weight: 700;
margin-bottom: .25rem;
pointer-events: none
}
#leaderboards select {
color: #f1f1f1;
border: none;
outline: none;
font-size: 14px;
font-weight: 500;
width: auto;
min-width: 7rem;
padding: .15rem;
background-color: #15444c
}
#sortSelect th {
cursor: pointer
}
#sortSelect th.no-sort {
cursor: default;
pointer-events: none
}
main#champions h2 {
color: #ffa900;
margin-top: 2rem
}
section#leaderboards {
background-color: #fff
}
#tableFilters {
display: flex;
flex-flow: row wrap;
justify-content: space-between;
padding: 0 .5rem 1rem .5rem;
background-color: rgba(21, 68, 76, .75)
}
.filter {
width: 100%;
max-width: fit-content;
box-sizing: border-box;
margin: 0 0 .5rem 0
}
#classSelect,
#originSelect {
display: flex;
flex-flow: nowrap;
align-items: center;
width: 100%;
max-width: fit-content;
height: 37px;
overflow-x: auto;
padding: 0 .25rem;
border-radius: 4px;
box-sizing: border-box;
background-color: #15444c
}
#tableFilters input[type=checkbox] {
display: flex;
flex: 0 0 auto;
-webkit-appearance: none;
position: relative;
width: 26px;
height: 26px;
margin: .25rem;
cursor: pointer;
box-sizing: border-box;
outline: none;
background-size: contain;
-webkit-filter: grayscale(97%) brightness(3.75);
filter: grayscale(97%) brightness(3.75);
mix-blend-mode: screen
}
#tableFilters input[type=checkbox]:checked {
border-radius: 2px;
background-color: #f1f1f1;
-webkit-filter: none;
filter: none;
mix-blend-mode: unset
}
.dropdown {
position: relative;
display: inline-block;
width: 140px;
color: #f1f1f1;
font-size: 14px;
text-align: left;
border: none;
outline: none;
cursor: default;
user-select: none;
background-color: #15444c
}
.dropdown .select {
display: flex;
justify-content: space-between;
height: 23.78px;
padding: .2rem .2rem .2rem .4rem;
font-weight: 500;
box-sizing: border-box;
text-transform: capitalize
}
div.active .dropdown-menu {
display: block
}
.dropdown .select img,
.dropdown-menu li img {
width: 20px;
vertical-align: middle;
margin: 0 .25rem 0 -0.15rem;
-webkit-filter: grayscale(97%) brightness(3.75);
filter: grayscale(97%) brightness(3.75);
mix-blend-mode: screen
}
.dropdown .dropdown-menu {
position: absolute;
background-color: #15444c;
width: 100%;
left: 0;
margin-top: 1px;
padding: 0;
overflow: hidden;
display: none;
max-height: 200px;
overflow-y: auto;
list-style: none;
z-index: 9
}
.dropdown .dropdown-menu li {
font-size: 14px;
padding: .5rem 0 .5rem .45rem;
text-transform: capitalize
}
.dropdown .dropdown-menu li:hover,
.dropdown .dropdown-menu li.active {
background-color: #0c2c33
}
#champTable a {
color: inherit;
font-weight: 500;
font-family: "Roboto", sans-serif;
text-decoration-color: #63696b
}
#champTable a:hover img {
filter: brightness(120%)
}
#champTable td.border-2 a {
text-decoration-color: #1acc3c
}
#champTable td.border-3 a {
text-decoration-color: #00dcfc
}
#champTable td.border-4 a {
text-decoration-color: #e003df
}
#champTable td.border-5 a {
text-decoration-color: #fd9109
}
#champTable td.border-7 a {
text-decoration-color: #fff
}
#champTable .champ,
#champTable .traits,
#champTable .cost {
text-align: left;
padding-left: .5rem;
word-break: break-word
}
#champTable .td-padding {
padding: 0 .5rem
}
#champTable tr {
height: 3.5rem
}
#champTable td.champ img {
width: 30px;
margin-right: .5rem;
box-sizing: border-box;
border-radius: 4px;
border: 1px solid #63696b;
background-color: #000;
vertical-align: middle
}
#champTable td.traits img,
#champTable td.cost img {
width: 20px;
margin-right: .25rem;
vertical-align: middle
}
#champTable td.cost img {
width: 16px
}
#champImage.border-1,
.related-champs a.border-1 img {
border-color: #63696b;
border-style: solid;
margin: 2px;
}
#champTable td.border-2 img,
#champImage.border-2,
.related-champs a.border-2 img {
border-color: #1acc3c;
border-style: solid;
margin: 2px;
}
#champTable td.border-3 img,
#champImage.border-3,
.related-champs a.border-3 img {
border-color: #00dcfc;
border-style: solid;
margin: 2px;
}
#champTable td.border-4 img,
#champImage.border-4,
.related-champs a.border-4 img {
border-color: #e003df;
border-style: solid;
margin: 2px;
}
#champTable td.border-5 img,
#champImage.border-5,
.related-champs a.border-5 img {
border-color: #fd9109;
border-style: solid;
margin: 2px;
}
#champTable td.border-7 img,
.related-champs a.border-7 img {
border-image: linear-gradient(to bottom right, #1ACC3C 0, #00DCFC 33%, #E003DF 66%, #FD9109 87%);
border-image-slice: 1;
border-style: solid;
margin: 2px;
}
#champImage.border-7 {
border-color: #fff
}
section#champTraits {
margin: .5rem auto 2rem auto;
width: 93%;
max-width: 900px;
text-align: left;
box-sizing: border-box;
box-shadow: 0px 2px 15px #071e24;
background-color: #d6dedf
}
section#champTraits div {
margin: 0 1rem;
padding: 1rem 0;
border-bottom: solid 1px #95abae
}
section#champTraits div:first-of-type {
border-top: solid 1px #95abae
}
section#champTraits div:last-of-type {
border: none
}
section#champTraits h2 {
padding: 1rem;
text-align: center;
background-color: #507379
}
section#champTraits h3 {
color: #15444c
}
section#champTraits h3 img {
width: 24px;
height: 24px;
margin-right: .25rem;
vertical-align: sub
}
section#champTraits h4 {
margin: 0 0 .25rem 1rem
}
section#champTraits p {
margin: 1rem
}
section#champTraits ul {
margin-left: 2rem;
line-height: 1.5rem
}
#items details {
width: 100%;
text-align: left
}
#items details:nth-child(odd) summary {
background-color: rgba(21, 68, 76, .45)
}
#items details:nth-child(even) summary {
background-color: rgba(21, 68, 76, .35)
}
#items summary {
padding: 1rem .5rem;
outline: none;
cursor: pointer
}
#items details img {
width: 40px;
margin-right: .5rem;
box-sizing: border-box;
border: 1px solid #63696b;
background-color: #000;
vertical-align: middle
}
#items details div img:nth-child(2) {
margin-left: .5rem
}
#itemsContainer ul {
list-style-type: none
}
#itemsContainer li {
display: flex;
align-items: center;
flex-flow: row wrap;
padding: 1rem .5rem
}
#itemsContainer li:nth-child(odd) {
background-color: rgba(21, 68, 76, .175)
}
#itemsContainer li:nth-child(even) {
background-color: rgba(21, 68, 76, .1)
}
#itemsContainer li div {
width: 100%
}
#items .item-name {
color: #803b62;
font-weight: 500
}
#items summary .item-name {
color: inherit
}
#items .item-stats {
margin-top: .5rem
}
footer {
z-index: 4;
color: #f1f1f1;
width: 100%;
padding: 1rem 0;
position: relative;
display: flex;
justify-content: center;
align-items: center;
background-color: #0c2c33
}
main#leaderboards+footer,
main#items+footer {
margin-top: 2rem
}
footer div {
width: 93%;
max-width: 500px;
text-align: left;
line-height: 1.25rem
}
footer h4 {
font-weight: normal
}
footer p {
font-style: italic;
font-size: 13.333px
}
footer a {
color: inherit;
display: block;
margin-bottom: 1rem
}
#privacyDescription a {
margin: 1rem 0 0 0;
font-style: normal
}
@media screen and (min-width: 354px) {
#champTable td.champ img {
width: 40px
}
}
@media screen and (min-width: 501px) {
#home td img {
display: inline-block;
height: 2.5rem;
margin-right: 1rem;
border-radius: 50%;
border: 2px solid #f4ad21;
vertical-align: middle
}
header h1 {
font-size: 36px;
z-index: 1
}
main h1,
#home h2 {
font-size: 32px
}
.a-button {
width: auto;
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content
}
#leaderboards label {
font-size: 12px
}
#leaderboards select {
font-size: 16px;
padding: .5rem
}
.dropdown {
width: 160px
}
.dropdown .select {
font-size: 16px;
height: 37px;
padding: .55rem .25rem .55rem .75rem
}
.dropdown .select img,
.dropdown-menu li img {
width: 24px
}
.dropdown .dropdown-menu li {
font-size: 16px;
padding: .25rem 0 .25rem .75rem
}
#leaderboards table {
width: 100%;
font-size: 14px
}
#leaderboards tbody tr[data-rank] td.rank {
font-size: 18px;
background-size: 2rem
}
#dataContainer div.data-containers {
width: calc(50% - 0.5rem)
}
#aboutContainer::before {
height: 82.67px
}
#aboutContainer h2 {
margin-top: -2.5rem
}
td.align-left,
th.align-left {
padding-left: 1rem
}
td.align-right,
th.align-right {
padding-right: 1rem
}
#champTable td.traits img,
#champTable td.cost img {
width: 24px
}
#champTable td.cost img {
width: 20px
}
#items summary {
padding: 1rem
}
#itemsContainer li {
flex-flow: nowrap;
padding: 1rem
}
#itemsContainer li div {
width: auto
}
#itemsContainer li div:first-child {
display: flex;
flex-shrink: 0;
align-items: center;
margin-right: .5rem
}
#items .item-stats {
margin-top: 0
}
}
@media screen and (min-width: 801px) {
header img {
width: 100%
}
#headerBGImage {
background-position: center top
}
#mainSummonerSearch form {
padding-bottom: 1.98rem
}
#mainSummonerSearch::after {
height: 93%
}
.mobile-hide {
display: block
}
#home thead tr:first-child {
height: 3rem;
background-color: rgba(21, 68, 76, .4)
}
#home tbody tr:nth-child(-n+3) {
height: 5rem
}
tr {
height: 3rem
}
#home tbody tr:nth-child(-n+3) td.rank {
font-size: 24px;
background-size: 2.5rem
}
#home tbody tr:nth-child(-n+3) td {
font-size: 20px
}
#home td img {
height: 4rem;
margin-right: 1rem
}
#leaderboards select {
width: 160px
}
.collapse {
display: table-cell
}
.collapse-column {
display: table-column
}
.filter {
margin: 0 .5rem .5rem .5rem
}
#itemsContainer li {
padding-left: 3rem
}
}
@media screen and (min-width: 1306px) {
nav {
display: block
}
#navIcon {
display: none
}
#navbar img {
margin: 0 2rem
}
#navSearchContainer form {
display: flex
}
nav ul {
text-align: right;
padding: .75rem 0
}
nav li {
margin-right: 2rem;
display: inline-block
}
#sidebar {
display: none
}
}
#tierList {
background-color: rgba(0, 0, 0, 0);
}
.fullItemsContainer {
background-color: rgba(21, 68, 76, .1);
display: grid;
grid-template-columns: repeat(auto-fit, minmax(100px, 1fr));
box-sizing: border-box;
padding: .75rem;
text-align: center;
max-width: 900px;
}
.fullItemsContainer a {
transition-duration: 0.1s;
text-decoration: none;
}
.fullItemsContainer a:hover {
transform: scale(1.2, 1.2);
}
.fullItemsName {
color: black;
font-size: 12px;
padding-top: 2px;
margin-bottom: 10px;
margin-left: 2px;
margin-right: 2px;
}
.fullItemsBlock {
position: relative;
display: inline-block;
margin-left: auto;
margin-right: auto;
cursor: pointer;
border: 2px solid rbg(60, 60, 60);
}
.pageDesc {
background-color: #517379;
color: white;
text-align: left;
padding: 0 10px 10px;
}
multi-nav {
width: 100%;
height: 64px;
background-color: rgb(12, 44, 51);
position: relative;
font-size: 12px;
z-index: 100;
bottom: 0;
}
multi-nav img {
height: 24px;
padding-right: 5px;
vertical-align: middle;
}
multi-nav a {
color: white;
text-decoration: none;
}
multi-nav ul {
padding-left: 10px;
text-align: center;
}
multi-nav ul li {
display: inline-block;
margin-right: 5px;
opacity: .3;
}
multi-nav .selected {
opacity: 1;
}
@media screen and (min-width: 801px) {
multi-nav {
height: 24px;
}
}
</style>
</head>
<body>
<div id="GDPRConsentOverlay">
<div id="GDPRPage">
<div class="GDPRTitle">
<b style="color: black;">Improve & Personalize TFT Scout</b>
</div>
<p>Firecracker Software LLC takes your privacy seriously. You can change the settings below to ensure you're comfortable with the ways we collect and use your information. For more information, please review <a href="/privacy#partners">our list of partners</a>. You can opt out at any time by visiting the <a href="/privacy">Privacy Policy</a>.<br>
<br>
By consenting to the following, you are confirming that you are over the age of 16.</p>
<hr>
<div id="GDPRQuestion1">
<div>
<b style="color: black;"><i>Personalized Advertising</i></b>
</div>
<div id="GDPRQuestion1Explanation" class="GDPROpen">
We personalize your advertising experience. By consenting to this enhanced ad experience, you'll see ads that are more relevant to you. Depending on your privacy settings, Firecracker Software and its partners may collect and process personal data such as device identifiers, location data, and other demographic and interest data about you to provide a personalized advertising experience.
</div>
<div id="GDPRQuestion1Buttons" class="GDPROpen">
<input id="GDPRConsentAdsYes" type="radio" name="GDPRConsentAds" value="1"> <label for="GDPRConsentAdsYes" class="GDPRRadioLabel">Accept</label> <input id="GDPRConsentAdsNo" type="radio" name="GDPRConsentAds" value="0"> <label for="GDPRConsentAdsNo" class="GDPRRadioLabel">Decline</label>
</div>
<div id="GDPRQuestion1Subtext" class="GDPRClosed">
I understand that I will still see ads, but they may not be as relevant to my interests.
</div>
</div>
<hr>
<div id="GDPRQuestion2">
<div>
<b style="color: black;"><i>Google Analytics</i></b><br>
</div>
<div id="GDPRQuestion2Explanation" class="GDPRClosed">
We use Google Analytics to analyze usage of this website. This helps us understand how people use the site and where we can make improvements. Depending on your privacy settings, Firecracker Software and its partners may collect and process personal data such as device identifiers, internet protocol identifiers, and online identifiers, including cookie identifiers. User-level and event-level data will be deleted after 26 months.<br>
</div>
<div id="GDPRQuestion2Buttons" class="GDPRClosed">
<input id="GDPRConsentAnalyticsYes" type="radio" name="GDPRConsentAnalytics" value="1"> <label for="GDPRConsentAnalyticsYes" class="GDPRRadioLabel">Accept</label> <input id="GDPRConsentAnalyticsNo" type="radio" name="GDPRConsentAnalytics" value="0"> <label for="GDPRConsentAnalyticsNo" class="GDPRRadioLabel">Decline</label>
</div>
</div>
<hr>
<div id="GDPRConfirm" class="GDPRClosed">
<div id="GDPRSend">
<button class="GDPRButton">SUBMIT</button>
</div>
<div id="GDPRNotice" style="display:none">
Saving...
</div>
<div id="GDPRError" style="display:none">
Please answer all questions
</div>
</div>
</div>
</div>
<div id="ccpaBanner">
<div>
<button id="ccpaClose">╳</button>
<p>TFT Scout uses cookies and collects your device’s advertising identifier and Internet protocol address. These enable personalized ads and analytics to improve our website. Learn more or opt out: <a href="/privacy">Privacy Policy</a></p>
</div>
</div>
<script>document.getElementById('ccpaClose').onclick=function(){document.getElementById('ccpaBanner').style.display='none';localStorage.setItem('acknowledgedCCPABanner','true');}</script>
<script>GDPR.run().then(function(consent){if(consent.analytics)gaGDPRSendQueue();var consentString=new ConsentString({"Version":1,"ConsentLanguage":"EN","VendorListVersion":132});if(consent.ads)consentString.allowPurpose(3);if(consent.analytics)consentString.allowPurpose(5);consentString.fillVendorConsents(true,65536);var setupAdVisibility=function(){showAds(consent.ads,consentString);};if(document.readystate==="loading"){document.addEventListener("DOMContentLoaded",setupAdVisibility);}else{setupAdVisibility();}});</script>
<script>function getCookie(cname){var name=cname+"=";var decodedCookie=decodeURIComponent(document.cookie);var ca=decodedCookie.split(';');for(var i=0;i<ca.length;i++){var c=ca[i];while(c.charAt(0)===' '){c=c.substring(1);}if(c.indexOf(name)===0){return c.substring(name.length,c.length);}}return"";};function DisplayPrivacyPageInfo(){GDPRfirecrackerswId=getCookie("cookie_firecrackersw_id");GDPRconsentRecorded=getCookie(GDPR.cookieNames.consentRecorded);if(GDPRconsentRecorded==='')GDPRconsentRecorded='No record.';GDPRconsentGivenAds=getCookie("cookie_consent_personalized_advertising");if(GDPRconsentGivenAds==='')GDPRconsentGivenAds='No record.';else if(GDPRconsentGivenAds==="0")GDPRconsentGivenAds='Declined';else if(GDPRconsentGivenAds==="1")GDPRconsentGivenAds='Accepted';GDPRconsentGivenAnalytics=getCookie("cookie_consent_analytics");if(GDPRconsentGivenAnalytics==='')GDPRconsentGivenAnalytics='No record.';else if(GDPRconsentGivenAnalytics==="0")GDPRconsentGivenAnalytics='Declined';else if(GDPRconsentGivenAnalytics==="1")GDPRconsentGivenAnalytics='Accepted';CCPAcookieCountry=getCookie("cookie_country");if(GDPRconsentRecorded!=='No record.'){var html="<h3>Your Privacy Settings</h3>";html+="<p>Firecracker Software ID: ";if(GDPRfirecrackerswId==="unset"){html+="None. Records are kept only for consenting users.";}else if(GDPRfirecrackerswId===""){html+="None. You might have deleted your cookies.";}else{html+=GDPRfirecrackerswId;}html+="<br />";html+="Personalized Advertisements: "+GDPRconsentGivenAds+"<br />";html+="Website Analytics: "+GDPRconsentGivenAnalytics+"<br />";html+="<button id='resetbutton'>Reset Privacy Preferences</button>"
html+="</p>";if(CCPAcookieCountry==="US"){var CCPAprivacySettingsForm=document.getElementById("CCPAprivacySettings");CCPAprivacySettingsForm.removeAttribute("hidden");CCPAprivacySettingsForm.innerHTML=html;document.getElementById("resetbutton").onclick=CCPAresetConsent;}else{var privacySettingsForm=document.getElementById("privacySettings");privacySettingsForm.removeAttribute("hidden");privacySettingsForm.innerHTML=html;document.getElementById("resetbutton").onclick=resetConsent;}}function resetConsent(){document.cookie='cookie_firecrackersw_id=0; expires=Thu, 01 Jan 1970 00:00:01 GMT; path=/;';document.cookie='cookie_consent_recorded=0; expires=Thu, 01 Jan 1970 00:00:01 GMT; path=/;';document.cookie='cookie_consent_personalized_advertising=0; expires=Thu, 01 Jan 1970 00:00:01 GMT; path=/;';document.cookie='cookie_consent_analytics=0; expires=Thu, 01 Jan 1970 00:00:01 GMT; path=/;';localStorage.clear();var request=new XMLHttpRequest();request.open("POST","/privacy");request.onload=function(){location.reload();};request.send();}function CCPAresetConsent(){document.cookie='cookie_firecrackersw_id=0; expires=Thu, 01 Jan 1970 00:00:01 GMT; path=/;';document.cookie='cookie_consent_personalized_advertising=0; expires=Thu, 01 Jan 1970 00:00:01 GMT; path=/;';document.cookie='cookie_consent_analytics=0; expires=Thu, 01 Jan 1970 00:00:01 GMT; path=/;';document.cookie='__gads=; domain=.lorscout.com; expires=Thu, 01 Jan 1970 00:00:01 GMT; path=/;';document.cookie='_ga=; domain=.lorscout.com; expires=Thu, 01 Jan 1970 00:00:01 GMT; path=/;';document.cookie='_gat=; domain=.lorscout.com; expires=Thu, 01 Jan 1970 00:00:01 GMT; path=/;';document.cookie='_gid=; domain=.lorscout.com; expires=Thu, 01 Jan 1970 00:00:01 GMT; path=/;';location.reload();}}</script>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="theme-color" content="#0C2C33">
<meta name="description" content="TFT Scout provides a cheat sheet where you can build items and a team of champions. You can also check your stats and the leaderboards to track your progress.">
<link rel="apple-touch-icon" sizes="180x180" href="/_images/apple-icon.png">
<link rel="icon" type="image/png" href="/_images/favicon.png">
<title>TFT Scout - Cheat Sheet and Stats Tracker for Teamfight Tactics</title>
<link rel="canonical" href="/">
<meta name="robots" content="index, follow"/>
</head>
<div id="bodyBGImage"></div>
<div class="bodyBGGradient"></div>
<div id="navbar">
<div id="navSearchContainer">
<a href="/" id="imgLink"><img src="/_images/tft_scout_logo_white.svg" alt="Teamfight Tactics Scout"></a>
<form id="navSummonerSearchForm" name="navSummonerSearchForm">
<div class="regionSelectContainer">
<select name="region" id="navRegionSelect">
<option value="br1">
BR
</option>
<option value="eun1">
EUNE
</option>
<option value="euw1">
EUW
</option>
<option value="jp1">
JP
</option>
<option value="kr">
KR
</option>
<option value="la1">
LAN
</option>
<option value="la2">
LAS
</option>
<option value="na1" selected="selected">
NA
</option>
<option value="oc1">
OCE
</option>
<option value="ru">
RU
</option>
<option value="tr1">
TR
</option>
</select>
</div>
<div id="navSearch" class="search-bar">
<input type="text" name="name" id="navSearchSummoner" placeholder="Search Summoner"> <button type="submit"></button>
</div>
</form>
</div>
<div id="navIcon"></div>
<nav>
<ul>
<li>
<a href="/">Home</a>
</li>
<li>
<a href="/cheat-sheet">Cheat Sheets</a>
</li>
<li>
<a href="/champions">Champions</a>
</li>
<li>
<a href="/items">Items</a>
</li>
<li>
<a href="/leaderboards">Leaderboards</a>
</li>
<li>
<a href="/traits">Traits</a>
</li>
</ul>
</nav>
</div>
<div id="sidebar">
<form id="sideSummonerSearchForm" name="sideSummonerSearchForm">
<div class="regionSelectContainer">
<select name="region" id="sideRegionSelect">
<option value="br1">
BR
</option>
<option value="eun1">
EUNE
</option>
<option value="euw1">
EUW
</option>
<option value="jp1">
JP
</option>
<option value="kr">
KR
</option>
<option value="la1">
LAN
</option>
<option value="la2">
LAS
</option>
<option value="na1" selected="selected">
NA
</option>
<option value="oc1">
OCE
</option>
<option value="ru">
RU
</option>
<option value="tr1">
TR
</option>
</select>
</div>
<div id="sideSearch" class="search-bar">
<input type="text" name="name" id="sideSearchSummoner" placeholder="Search Summoner"> <button type="submit"></button>
</div>
</form>
<ul>
<li>
<a href="/">Home</a>
</li>
<li>
<a href="/cheat-sheet">Cheat Sheets</a>
</li>
<li>
<a href="/champions">Champions</a>
</li>
<li>
<a href="/items">Items</a>
</li>
<li>
<a href="/leaderboards">Leaderboards</a>
</li>
<li>
<a href="/traits">Traits</a>
</li>
</ul>
</div>
<header>
<div id="headerBG"></div>
<div id="headerBGImage"></div>
<h1 id="headerH1"><img src="/_images/tft_scout_logo.svg" alt="TFT Scout - Cheat Sheet and Stats Tracker for Teamfight Tactics"></h1>
</header>
<div id="mainSummonerSearch">
<form id="summonerSearchForm" name="summonerSearchForm">
<div class="regionSelectContainer">
<select name="region" id="regionSelect">
<option value="br1">
BR
</option>
<option value="eun1">
EUNE
</option>
<option value="euw1">
EUW
</option>
<option value="jp1">
JP
</option>
<option value="kr">
KR
</option>
<option value="la1">
LAN
</option>
<option value="la2">
LAS
</option>
<option value="na1" selected>
NA
</option>
<option value="oc1">
OCE
</option>
<option value="ru">
RU
</option>
<option value="tr1">
TR
</option>
</select>
</div>
<div id="mainSearchBar" class="search-bar">
<input type="text" name="name" id="searchSummoner" placeholder="Search Summoner"> <button type="submit" name="Search Summoner"></button>
</div>
</form>
</div>
<main id="home">
<h2>Current Leaders</h2>
<table>
<thead>
<tr>
<th>Rank</th>
<th class="player">Player</th>
<th class="collapse">Region</th>
<th class="collapse">Tier</th>
<th><abbr title="League Points">LPs</abbr></th>
<th>Wins</th>
<th class="collapse">Losses</th>
</tr>
</thead>
<tbody>
<tr>
<td class="rank">1</td>
<td class="player">
<a href="/tr1/Ginggg">Ginggg</a>
</td>
<td class="collapse">TR</td>
<td class="collapse">Challenger</td>
<td>1633</td>
<td>49</td>
<td class="collapse">83</td>
</tr>
<tr>
<td class="rank">2</td>
<td class="player">
<a href="/kr/777%EA%BC%B4%ED%94%BD%EB%9E%9C%EB%93%9C">777꼴픽랜드</a>
</td>
<td class="collapse">KR</td>
<td class="collapse">Challenger</td>
<td>1481</td>
<td>38</td>
<td class="collapse">135</td>
</tr>
<tr>
<td class="rank">3</td>
<td class="player">
<a href="/tr1/Rubic">Rubic</a>
</td>
<td class="collapse">TR</td>
<td class="collapse">Challenger</td>
<td>1441</td>
<td>47</td>
<td class="collapse">116</td>
</tr>
<tr>
<td class="rank">4</td>
<td class="player">
<a href="/eun1/QWEUAHSDI">QWEUAHSDI</a>
</td>
<td class="collapse">EUNE</td>
<td class="collapse">Challenger</td>
<td>1413</td>
<td>33</td>
<td class="collapse">59</td>
</tr>
<tr>
<td class="rank">5</td>
<td class="player">
<a href="/eun1/SeekN7eak">SeekN7eak</a>
</td>
<td class="collapse">EUNE</td>
<td class="collapse">Challenger</td>
<td>1364</td>
<td>65</td>
<td class="collapse">192</td>
</tr>
<tr>
<td class="rank">6</td>
<td class="player">
<a href="/oc1/Omn%C3%AE">Omnî</a>
</td>
<td class="collapse">OCE</td>
<td class="collapse">Challenger</td>
<td>1352</td>
<td>57</td>
<td class="collapse">172</td>
</tr>
<tr>
<td class="rank">7</td>
<td class="player">
<a href="/tr1/KR%20HyunTer">KR HyunTer</a>
</td>
<td class="collapse">TR</td>
<td class="collapse">Challenger</td>
<td>1341</td>
<td>39</td>
<td class="collapse">93</td>
</tr>
<tr>
<td class="rank">8</td>
<td class="player">
<a href="/kr/%EC%AA%BC%ED%95%B4%ED%94%BC%EB%A1%B1">쪼해피롱</a>
</td>
<td class="collapse">KR</td>
<td class="collapse">Challenger</td>
<td>1339</td>
<td>49</td>
<td class="collapse">203</td>
</tr>
<tr>
<td class="rank">9</td>
<td class="player">
<a href="/kr/%EB%9D%B5%20%EB%95%A1">띵 땡</a>
</td>
<td class="collapse">KR</td>
<td class="collapse">Challenger</td>
<td>1336</td>
<td>61</td>
<td class="collapse">265</td>
</tr>
<tr>
<td class="rank">10</td>
<td class="player">
<a href="/na1/Yucong">Yucong</a>
</td>
<td class="collapse">NA</td>
<td class="collapse">Challenger</td>
<td>1329</td>
<td>41</td>
<td class="collapse">163</td>
</tr>
<tr>
<td class="rank">11</td>
<td class="player">
<a href="/euw1/twtv%20Rykomastery">twtv Rykomastery</a>
</td>
<td class="collapse">EUW</td>
<td class="collapse">Challenger</td>
<td>1317</td>
<td>51</td>
<td class="collapse">191</td>
</tr>
</tbody>
</table><a href="/leaderboards" class="a-button">View Full Leaderboards</a>
<h2>TFT Data</h2>
<section id="dataContainer">
<div class="data-containers">
<h3>Items</h3>
<div class="data items">
<a href='/item/01/B.%20F.%20Sword'><img alt="B. F. Sword" class="lazyload" data-src="/_images/items/01.png"></a><a href='/item/89/Berserker' s=""><img alt="Berserker's Axe" class="lazyload" data-src="/_images/items/89.png"></a><a href='/item/28/Blade%20of%20the%20Ruined%20King'><img alt="Blade of the Ruined King" class="lazyload" data-src="/_images/items/28.png"></a><a href='/item/18/Blade%20of%20the%20Ruined%20King'><img alt="Blade of the Ruined King" class="lazyload" data-src="/_images/items/18.png"></a><a href='/item/16/Bloodthirster'><img alt="Bloodthirster" class="lazyload" data-src="/_images/items/16.png"></a><a href='/item/55/Bramble%20Vest'><img alt="Bramble Vest" class="lazyload" data-src="/_images/items/55.png"></a><a href='/item/68/Celestial%20Orb'><img alt="Celestial Orb" class="lazyload" data-src="/_images/items/68.png"></a><a href='/item/05/Chain%20Vest'><img alt="Chain Vest" class="lazyload" data-src="/_images/items/05.png"></a><a href='/item/46/Chalice%20of%20Favor'><img alt="Chalice of Favor" class="lazyload" data-src="/_images/items/46.png"></a><a href='/item/89/Dark%20Star' s=""><img alt="Dark Star's Heart" class="lazyload" data-src="/_images/items/89.png"></a><a href='/item/11/Deathblade'><img alt="Deathblade" class="lazyload" data-src="/_images/items/11.png"></a><a href='/item/38/Demolitionist' s=""><img alt="Demolitionist's Charge" class="lazyload" data-src="/_images/items/38.png"></a><a href='/item/66/Dragon' s=""><img alt="Dragon's Claw" class="lazyload" data-src="/_images/items/66.png"></a><a href='/item/88/Force%20of%20Nature'><img alt="Force of Nature" class="lazyload" data-src="/_images/items/88.png"></a><a href='/item/45/Frozen%20Heart'><img alt="Frozen Heart" class="lazyload" data-src="/_images/items/45.png"></a><a href='/item/78/Frozen%20Mallet'><img alt="Frozen Mallet" class="lazyload" data-src="/_images/items/78.png"></a><a href='/item/12/Giant%20Slayer'><img alt="Giant Slayer" class="lazyload" data-src="/_images/items/12.png"></a><a href='/item/07/Giant' s=""><img alt="Giant's Belt" class="lazyload" data-src="/_images/items/07.png"></a>
</div><a href="/items">See More</a>
</div>
<div class="data-containers">
<h3>Champions</h3>
<div class="data related-champs">
<a href="/champion/Ahri" class="border-2"><img alt="Ahri" class="lazyload" data-src="/_images/champions/ahri.png"></a><a href="/champion/Annie" class="border-2"><img alt="Annie" class="lazyload" data-src="/_images/champions/annie.png"></a><a href="/champion/Ashe" class="border-3"><img alt="Ashe" class="lazyload" data-src="/_images/champions/ashe.png"></a><a href="/champion/Aurelion%20Sol" class="border-5"><img alt="Aurelion Sol" class="lazyload" data-src="/_images/champions/aurelionsol.png"></a><a href="/champion/Blitzcrank" class="border-2"><img alt="Blitzcrank" class="lazyload" data-src="/_images/champions/blitzcrank.png"></a><a href="/champion/Caitlyn" class="border-1"><img alt="Caitlyn" class="lazyload" data-src="/_images/champions/caitlyn.png"></a><a href="/champion/Cho'Gath" class="border-4"><img alt="Cho'Gath" class="lazyload" data-src="/_images/champions/chogath.png"></a><a href="/champion/Darius" class="border-2"><img alt="Darius" class="lazyload" data-src="/_images/champions/darius.png"></a><a href="/champion/Ekko" class="border-5"><img alt="Ekko" class="lazyload" data-src="/_images/champions/ekko.png"></a><a href="/champion/Ezreal" class="border-3"><img alt="Ezreal" class="lazyload" data-src="/_images/champions/ezreal.png"></a><a href="/champion/Fiora" class="border-1"><img alt="Fiora" class="lazyload" data-src="/_images/champions/fiora.png"></a><a href="/champion/Fizz" class="border-4"><img alt="Fizz" class="lazyload" data-src="/_images/champions/fizz.png"></a><a href="/champion/Gangplank" class="border-5"><img alt="Gangplank" class="lazyload" data-src="/_images/champions/gangplank.png"></a><a href="/champion/Graves" class="border-1"><img alt="Graves" class="lazyload" data-src="/_images/champions/graves.png"></a><a href="/champion/Irelia" class="border-4"><img alt="Irelia" class="lazyload" data-src="/_images/champions/irelia.png"></a><a href="/champion/Jarvan%20IV" class="border-1"><img alt="Jarvan IV" class="lazyload" data-src="/_images/champions/jarvaniv.png"></a><a href="/champion/Jayce" class="border-3"><img alt="Jayce" class="lazyload" data-src="/_images/champions/jayce.png"></a><a href="/champion/Jhin" class="border-4"><img alt="Jhin" class="lazyload" data-src="/_images/champions/jhin.png"></a>
</div><a href="champions">See More</a>
</div>
</section>
<section id="aboutContainer">
<h2>About TFT Scout</h2>
<p>TFT Scout is a tool to help you learn and overcome the competition of Teamfight Tactics. It provides the list of TFT items and recipes to use as a resource before and during game time. The champions cheat sheet also helps you create the best possible team builds in regards to their classes and origins. These cheat sheets are easy to use so you can quickly learn which champions work well together. TFT Scout also tracks the current global leaderboards for all tiers so you can keep tabs on your placement as well as the top players in the world. Search for your stats or your opponent's and see their current League Points, Wins, Losses, and more. You can also try out our other sites at Fortnite Scout and LOL Ready UP.</p>
</section>
</main>
<footer>
<div>
<a href="/privacy">Privacy Policy</a>
<h4>© Firecracker Software 2020</h4>
<p>This app is in no way associated with Teamfight Tactics nor its developers. Portions of the materials used are trademarks and/or copyrighted works of Riot Games, Inc. All rights reserved by Riot. This material is not official and is not endorsed by Riot.<br>
<br>
<a href="/privacy#CCPAprivacySettings" style="font-style: normal;">Do Not Sell My Personal Information</a></p>
</div>
<script src="/_js/lazysizes.min.js"></script>
</footer>
<ul>
<li><img src="https://www.fortnitescout.com/_images/favicon.png" alt="Fortnite Scout Icon" class='lazyload'>Fortnite Scount</li>
<li><img src="https://www.lolreadyup.com/_images/app_icon.png" alt="LoL Ready Up Icon" class='lazyload'>LOL Ready Up</li>
<li><img src="/_images/favicon.png" alt="LoR Scout Icon" class='lazyload'>LOR Scout</li>
<li class="selected">
<img src="/_images/favicon.png" alt="TFT Scout Icon" class='lazyload'><a href="/">TFT Scout</a>
</li>
</ul>
<script type="module">
import {
assignRandomBackgroundImage,
enableSidebar,
enableSummonerSearchForms
} from "/_js/app.js";
assignRandomBackgroundImage();
enableSidebar();
enableSummonerSearchForms();
</script>
</body>
</html>