:root{--background: #242424;--main-text: #fffffc;--debut: #62b76b;--fearless: #d2a119;--sn: #804c86;--red: #ca2e35;--eightynine: #44a0e8;--rep: #3f3c3c;--lover: #db3889;--folklore: #716e66;--evermore: #a65530;--midnights: #333d66;--ttpd: #d3cdc5;--showgirl: #BF5521;--s-tier: #253d47;--a-tier: #287e74;--b-tier: #b09c58;--c-tier: #c08251;--d-tier: #b65c45;--f-tier: #ae3f2e;--accent: #00bbf9;--accent-light: #c8edfa;--debut-img: url(/assets/debut-album-3r5nRc-a.webp);--fearless-img: url(/assets/fearless-76Hq9ph2.webp);--sn-img: url(/assets/speak-now-iyr-mHZh.webp);--red-img: url(/assets/red-FRvIeEJV.webp);--eightynine-img: url(/assets/1989-waSkmUr7.webp);--rep-img: url(/assets/reputation-EWx9Yxae.webp);--lover-img: url(/assets/lover-4xlQ8CT4.webp);--folklore-img: url(/assets/folklore-pZs3ulJA.webp);--evermore-img: url(/assets/evermore-JtXJz9_I.webp);--midnights-img: url(/assets/midnights-ZhK5iSLO.webp);--ttpd-img: url(/assets/ttpd-U-N6uhjT.webp);--showgirl-img: url(/assets/showgirl-30tbltMI.webp) }@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:100;src:local("../fonts/roboto-v30-latin-100.woff2") format("woff2"),local("../fonts/roboto-v30-latin-100.ttf") format("truetype")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:300;src:local("../fonts/roboto-v30-latin-300.woff2") format("woff2"),local("../fonts/roboto-v30-latin-300.ttf") format("truetype")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:local("../fonts/roboto-v30-latin-regular.woff2") format("woff2"),local("../fonts/roboto-v30-latin-regular.ttf") format("truetype")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:500;src:local("../fonts/roboto-v30-latin-500.woff2") format("woff2"),local("../fonts/roboto-v30-latin-500.ttf") format("truetype")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:700;src:local("../fonts/roboto-v30-latin-700.woff2") format("woff2"),local("../fonts/roboto-v30-latin-700.ttf") format("truetype")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:400;src:local("../fonts/montserrat-v26-latin-regular.woff2") format("woff2"),local("../fonts/montserrat-v26-latin-regular.ttf") format("truetype")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:700;src:local("../fonts/montserrat-v26-latin-800.woff2") format("woff2"),local("../fonts/montserrat-v26-latin-800.ttf") format("truetype")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:800;src:local("../fonts/montserrat-v26-latin-800.woff2") format("woff2"),local("../fonts/montserrat-v26-latin-800.ttf") format("truetype")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:900;src:local("../fonts/montserrat-v26-latin-900.woff2") format("woff2"),local("../fonts/montserrat-v26-latin-900.ttf") format("truetype")}*{margin:0;padding:0;box-sizing:border-box}html{scrollbar-color:var(--accent) var(--background);scrollbar-border-radius:2rem;scrollbar-width:thin}html::-webkit-scrollbar{scrollbar-width:thin;background:transparent;width:10px}html::-webkit-scrollbar-track{background-color:transparent;border-radius:2rem!important}html::-webkit-scrollbar-thumb{background-color:var(--accent);border-radius:2rem!important}body{background-color:var(--background);font-family:Roboto,sans-serif;color:var(--main-text);scrollbar-width:thin;overflow-x:hidden;display:flex;flex-direction:column}#root{display:flex;flex-direction:column;justify-content:space-between;position:relative;height:97svh;background-color:var(--background)}h1{padding:1rem;text-align:center;font-size:clamp(1.2rem,5vw,2rem);font-family:Montserrat,sans-serif;font-weight:700;font-size:2.5rem}p{font-size:1rem}a{color:inherit;text-decoration:none}.view-choice{padding:.5rem;padding-right:0;text-align:right}.active-choice{font-weight:600;color:var(--accent)}.bold{font-weight:600}.hidden{display:none}.emph-word{text-transform:uppercase;text-shadow:-2px 2px 0 var(--background),2px 2px 0 var(--background),4px 4px 0 var(--lover),6px 6px 0 var(--background),8px 8px 0 var(--fearless),10px 10px 0 var(--background),12px 12px 0 var(--debut);margin-right:.5rem;animation:color-change 1s infinite;animation-timing-function:linear}@keyframes color-change{32%{text-shadow:-2px 2px 0 var(--background),2px 2px 0 var(--background),4px 4px 0 var(--lover),6px 6px 0 var(--background),8px 8px 0 var(--fearless),10px 10px 0 var(--background),12px 12px 0 var(--debut)}33%{text-shadow:-2px 2px 0 var(--background),2px 2px 0 var(--background),4px 4px 0 var(--debut),6px 6px 0 var(--background),8px 8px 0 var(--lover),10px 10px 0 var(--background),12px 12px 0 var(--fearless)}65%{text-shadow:-2px 2px 0 var(--background),2px 2px 0 var(--background),4px 4px 0 var(--debut),6px 6px 0 var(--background),8px 8px 0 var(--lover),10px 10px 0 var(--background),12px 12px 0 var(--fearless)}66%{text-shadow:-2px 2px 0 var(--background),2px 2px 0 var(--background),4px 4px 0 var(--fearless),6px 6px 0 var(--background),8px 8px 0 var(--debut),10px 10px 0 var(--background),12px 12px 0 var(--lover)}to{text-shadow:-2px 2px 0 var(--background),2px 2px 0 var(--background),4px 4px 0 var(--fearless),6px 6px 0 var(--background),8px 8px 0 var(--debut),10px 10px 0 var(--background),12px 12px 0 var(--lover)}}.buttons{text-align:right;padding:1rem 0 2rem}.btn{background-color:var(--accent);padding:.5rem .8rem;border-radius:.5rem;color:var(--main-text);text-decoration:none;border:3px transparent solid;display:inline-block;font-weight:600;transition:all .2s linear;text-align:center}#reset-btn{opacity:60%;margin-right:.5rem;background-color:var(--red);transition:all .2s linear}.heading-buttons{display:flex;align-items:center;justify-content:flex-end;gap:1rem;margin:.5rem 0 1rem}#share-button{font-size:1.7rem;padding:.5rem;transition:all .2s linear}#share-button svg{width:1.7rem;height:1.7rem}@media (hover: hover) and (pointer: fine){a:hover{color:var(--accent);cursor:pointer}.btn:hover{border:3px solid var(--main-text);color:var(--main-text);cursor:pointer}#reset-btn:hover{opacity:100%}svg:hover{stroke:var(--accent);cursor:pointer}#intro-modal p>svg:hover{cursor:default}#song-selector>.card-list>.card:hover{outline:5px solid var(--accent);cursor:pointer}.rating-changers a:hover{color:inherit;cursor:pointer}.rating-arrow:hover{cursor:pointer;color:var(--accent)}#rating-reset:hover{background-color:var(--red);color:var(--main-text)}#rating-save:hover{background-color:var(--accent)}#share-button:hover{stroke:var(--accent);fill:var(--accent)}.slider::-moz-range-thumb:hover{outline:3px solid var(--accent)}.slider::-webkit-slider-thumb:hover{outline:3px solid var(--accent)}.stuff:hover{cursor:pointer}.stuff:hover .remove-item{display:inline-block;cursor:pointer}}#sort-by{text-align:right;padding:0 1rem 1rem 0;background-color:var(--background);position:sticky;top:0;z-index:3}select{color:var(--main-text);font-family:inherit;padding:.2rem .2rem .2rem .3rem;background-color:var(--accent);border:none;border-radius:.3rem;margin-left:.3rem;cursor:pointer;outline:none}select option{outline:none;border:none}select option:hover{background-color:var(--background);color:var(--main-text);transition:all .2s}section{padding:1.5rem;display:flex;gap:3vw;justify-content:space-around;max-height:min-content;scrollbar-width:thin}.left-view,.right-view{max-height:80svh}.selection-menu,#ranking,#rating{text-align:center;max-height:100%;width:40vw;max-width:fit-content}.left-view{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:1.5rem;width:50%;flex-shrink:1}.selection-menu{padding:1rem 1rem 1.5rem;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;min-width:100%;max-height:50svh}#song-selector{overflow-y:auto;scrollbar-width:thin}.card-list{padding:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));grid-gap:2rem;scrollbar-width:thin;max-height:88%}.card{background-color:var(--background);display:inline-block;padding:.5rem .5rem 1rem;outline:3px solid var(--main-text);border-radius:9px;color:var(--main-text);font-weight:500;word-wrap:hidden;position:relative;min-height:100%;transition:all .2s linear}.selected-card{outline:5px solid var(--accent)}.card-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;font-size:clamp(.3rem,.8rem,1rem);text-align:center;font-weight:600}.score{font-size:clamp(3vw,10vw,2.4rem);font-weight:900;font-family:Roboto,sans-serif;color:var(--accent);text-shadow:0px 0px 0 rgb(0,0,0,.5),0px 0px 0 rgb(0,0,0,.5),0px 0px 0 rgb(0,0,0,.5),2px 2px 0 rgb(0,0,0,.8)}.score-num{color:var(--main-text);font-size:1rem;font-weight:800}.fearless .score-num,.ttpd .score-num{color:var(--background)}#rating{padding:1.5rem;height:100%;max-height:fit-content;display:flex;flex-direction:column;justify-content:center;align-items:center;min-width:35vw;max-width:35vw;margin-bottom:.8rem}.rating-title-bundle{display:flex;gap:1rem;width:100%;justify-content:space-between;align-items:center}.rating-arrow{width:2rem;height:2rem;transition:all .2s linear}.rating-title{font-size:1.3rem}#rating-score{font-size:clamp(2rem,5vw,3rem);font-family:Quantico,Roboto,sans-serif;padding:2svh 0}.score-saved{animation:score-save 2s 1}.score-saved .ttpd,.scoresaved .fearless{animation:score-save-dark 2s 1}@keyframes score-save{0%{color:var(--accent)}to{color:var(--main-text)}}@keyframes score-save-dark{0%{color:var(--accent)}to{color:var(--background)}}.rating-scale{display:flex;justify-content:center;align-items:center;gap:5%;width:90%}.rating-changers{display:flex;justify-content:center;align-items:center;margin-top:1.5rem;gap:3rem}.rating-changers a{font-size:.8rem;font-weight:500;margin-bottom:0;border:1px solid var(--main-text);border-radius:.4rem;padding:.4rem;position:relative;opacity:100%;transition:all .2s linear}.saving{position:relative;transform:translateY(-1px)}.tooltip{position:absolute;top:-530%;left:-95%;background:var(--accent);color:#fff;padding:1rem;border-radius:.5rem;font-size:1.2rem;font-weight:500}.tooltip-arrow{position:absolute;top:100%;left:48%;border-width:10px;border-style:solid;border-color:var(--accent) transparent transparent}.tooltip,.tooltip-arrow{animation:float 1.5s infinite,fade-in-out 5s 1;animation-timing-function:linear;opacity:0%;display:block;cursor:default}@keyframes float{50%{transform:translateY(-10%)}}@keyframes fade-in-out{10%{opacity:0%}20%{opacity:100%}90%{opacity:100%}to{opacity:0%}}.slider-label{font-size:1.2rem;font-family:Quantico,Roboto,sans-serif}.slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:3px;background:var(--main-text);outline:none;border-radius:2rem}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;cursor:pointer;border-radius:50%;background:var(--main-text)}.slider::-moz-range-thumb{width:20px;height:20px;cursor:pointer;border-radius:50%}#ranking{position:relative;overflow:hidden;display:flex;flex-direction:column;min-width:35vw;height:100%;margin-bottom:.8rem}.tier-list{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;min-height:100%;display:flex;flex-direction:column}.rank{background-color:red;border-bottom:1px solid var(--main-text);display:grid;min-height:calc(100% / 6);height:auto;position:relative}.rank:first-child{border-radius:1.3rem 1.3rem 0 0}.rank:last-child{border:none;border-radius:0 0 1.3rem 1.3rem}.rank-title{padding:1rem 1.5rem;font-weight:800;font-size:clamp(1rem,1.5rem,2rem);position:absolute;left:0}.rank-items{display:flex;gap:.6rem;flex-wrap:wrap;padding:1.2rem}.stuff{height:80px;width:60px;background-color:var(--accent);border-radius:.5rem;border:3px solid var(--main-text);position:relative}.remove-item{background-color:var(--red);height:25%;aspect-ratio:1/1;border-radius:10rem;z-index:3;color:var(--main-text);text-align:center;font-size:11px;font-weight:700;display:none;position:absolute;left:-15%;top:-10%}.remove-item:after{font-family:"Font Awesome 6 Free";content:"";font-size:.8rem;line-height:1.4;font-weight:900;margin:auto}.result-page{padding-bottom:1.5rem;width:90%;display:relative}.result-page>.heading{display:flex;justify-content:space-between;gap:2rem;align-items:center;margin-bottom:1rem}.result-page>.heading>h1{width:60%}.result-list-border{padding:1rem}.result-wrapper{justify-content:center;max-height:100%;max-height:55svh;max-width:100%;padding:0 1.5rem;align-items:center;overflow-y:auto;scrollbar-width:thin}.result-wrapper>.card-list{grid-template-columns:repeat(5,minmax(0,1fr));grid-column-gap:3vw;height:80%}.modal{position:fixed;width:80vw;height:80svh;background-color:var(--background);top:50%;left:50%;transform:translate(-50%) translateY(-50%);z-index:5;overflow-y:auto!important;padding:1rem}.modal-close{width:2rem;height:2rem;margin-top:0;margin:.5rem;text-align:right;position:sticky;right:0;top:0;left:95%;background-color:var(--background);transition:all .2s linear}#intro-modal{width:50vw;top:50%;left:50%;transform:translate(-50%) translateY(-50%);padding:1.5rem}#intro-modal h2{margin:1rem;font-size:2rem}#intro-modal h4{margin:1rem;font-size:1.5rem}#intro-modal h4:nth-of-type(2n){padding-top:1.5rem}#intro-modal p,#intro-modal li{margin:1rem;font-size:1.2rem;line-height:1.2;list-style-position:inside}.ex-share-button{font-size:.8rem;font-weight:500;margin-bottom:0;border:1px solid var(--main-text);border-radius:.4rem;padding:.4rem;position:relative;display:inline-block}.ex-results-button{background-color:var(--accent);padding:.5rem .8rem;border-radius:.5rem;color:var(--main-text);font-weight:600;font-size:1rem;margin:.5rem 0;display:inline-block}#intro-modal p>svg{height:1.5rem;width:1.5rem;margin:0 .4rem 0 .25rem}#intro-modal-icon{font-size:1.5rem;width:2rem;height:2rem;transition:all .2s linear}.loader{position:absolute;top:50%;left:50%;z-index:-1;opacity:0%;animation:disappear 3s 1;transform:translate(-50%),translateY(-50%)}.loading-circle{border:10px solid var(--main-text);border-top:10px solid var(--accent);border-radius:50%;width:50px;aspect-ratio:1/1;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes disappear{0%{opacity:100%}99%{opacity:100%}to{opacity:0%}}#result-preview{text-align:center;padding:1rem 2rem 2rem;display:flex;flex-direction:column;justify-content:center;width:100%;z-index:10}#result-preview img{z-index:11}.results-social-share{padding:0 2rem}.results-social-share h3{font-size:1.5rem;padding:1rem 0}.results-social-share i{font-size:1.5rem;padding:.5rem 1rem;padding-left:0}#preview-result-cover{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:var(--background);z-index:-1}#preview-results{width:750px;height:760px;margin-bottom:0;max-height:none;display:block;position:absolute;background-color:var(--background);top:0;left:0;z-index:-10;border:3px solid var(--main-text);border-radius:1.3rem}#preview-results h1{font-size:2rem;padding:1rem}#preview-results .result-wrapper{max-height:none;position:relative;overflow-y:visible;padding:0 1.5rem}#preview-results .card-list{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:0;height:100%;overflow-y:auto;padding:1rem}#preview-results>.result-wrapper>.card-list{overflow-y:visible;grid-column-gap:2rem;grid-row-gap:2rem}#preview-results .card{padding:inherit;height:inherit}#preview-results .card-title{font-size:11px}#preview-results .score-num{font-size:12px}#preview-results .ttpd .card-title{font-size:9px}#previewFooter{position:absolute;right:-25px;bottom:-70px;display:flex;align-items:center}#sorterUrl{text-align:right;font-size:.8rem}#preview-logo{height:100px;width:100px;opacity:70%;background-image:url(/assets/mstile-150x150-KE9gmPfC.png);background-repeat:no-repeat;background-position:top;background-size:contain}footer{opacity:50%;position:absolute;bottom:0;left:50%;transform:translate(-50%);height:1.5rem}footer>p{text-align:center;font-size:.8rem;line-height:1.3}.album-cover{background-position:center;background-size:cover;background-repeat:no-repeat;border-radius:9px;aspect-ratio:1/1;margin:0 auto .5rem;max-width:100%;position:relative;display:flex;align-items:center;justify-content:center}.card>.album-cover{max-width:110px;width:80%}#rating>.album-cover{max-height:55%;height:50svh;margin-bottom:5svh}.debut{background-color:var(--debut)}.debut>.album-cover{background-image:var(--debut-img)}.fearless{background-color:var(--fearless);color:var(--background)}.fearless>.album-cover{background-image:var(--fearless-img)}.sn{background-color:var(--sn)}.sn>.album-cover{background-image:var(--sn-img)}.red{background-color:var(--red)}.red>.album-cover{background-image:var(--red-img)}.eightynine{background-color:var(--eightynine)}.eightynine>.album-cover{background-image:var(--eightynine-img)}.rep{background-color:var(--rep)}.rep>.album-cover{background-image:var(--rep-img)}.lover{background-color:var(--lover)}.lover>.album-cover{background-image:var(--lover-img)}.folklore{background-color:var(--folklore)}.folklore>.album-cover{background-image:var(--folklore-img)}.evermore{background-color:var(--evermore)}.evermore>.album-cover{background-image:var(--evermore-img)}.midnights{background-color:var(--midnights)}.midnights>.album-cover{background-image:var(--midnights-img)}.ttpd{background-color:var(--ttpd);color:var(--background)}.ttpd>.album-cover{background-image:var(--ttpd-img)}.showgirl{background-color:var(--showgirl)}.showgirl>.album-cover{background-image:var(--showgirl-img)}.s-tier{background-color:var(--s-tier)}.a-tier{background-color:var(--a-tier)}.b-tier{background-color:var(--b-tier)}.c-tier{background-color:var(--c-tier)}.d-tier{background-color:var(--d-tier)}.f-tier{background-color:var(--f-tier)}.result-share-image{background-color:var(--background)}.scrollbar-color{scrollbar-color:var(--accent) var(--background);scrollbar-border-radius:2rem}.scrollbar-color::-webkit-scrollbar{scrollbar-width:thin;background:transparent;width:10px}.scrollbar-color::-webkit-scrollbar-track{background-color:transparent;border-radius:2rem!important}.scrollbar-color::-webkit-scrollbar-thumb{background-color:var(--accent);border-radius:2rem!important}.border-wrap{border:3px solid var(--main-text);border-radius:1.3rem;overflow:hidden;-webkit-appearance:none;-webkit-box-shadow:1px 1px 0 var(--background),5px 5px 0 var(--lover),6px 6px 0 var(--background),10px 10px 0 var(--fearless),11px 11px 0 var(--background),15px 15px 0 var(--debut);box-shadow:1px 1px 0 var(--background),5px 5px 0 var(--lover),6px 6px 0 var(--background),10px 10px 0 var(--fearless),11px 11px 0 var(--background),15px 15px 0 var(--debut)}@media (max-width: 930px){.card-list{grid-row-gap:2.8rem}.card{padding:.5rem;height:110%}.rating-title{font-size:1.1rem}#results-view{display:flex;align-items:center;overflow-x:hidden}.result-list-border{max-height:54svh;margin-bottom:2rem;overflow-y:hidden;padding:1rem;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;min-width:100%}.result-wrapper{max-height:88svh;overflow-y:auto;padding:.5rem}.result-wrapper>.card-list{grid-template-columns:repeat(4,minmax(0,1fr));overflow-y:hidden;padding-bottom:1.5rem}}@media (max-width: 693px){body{overflow-y:auto}#root{overflow-x:hidden;scrollbar-width:thin;height:auto}footer{position:absolute;bottom:.5rem;left:50%;transform:translate(-50%);height:2rem}h1{padding:0;font-size:2rem}.view-choice{font-size:1rem;text-align:center}#intro-modal{width:85vw}section{min-height:100svh;flex-direction:column;justify-content:center;align-items:center;max-height:min-content}.left-view,.right-view{width:85vw}.left-view{max-height:65svh;margin-bottom:1rem}select{font-size:.9rem}.selection-menu{position:relative;max-height:40svh}#song-selector{overflow-y:auto;scrollbar-width:thin}#sort-by{position:sticky;top:0;z-index:3}.card>.album-cover{width:70%}.card-list,.result-wrapper>.card-list{grid-template-columns:repeat(3,minmax(0,1fr));grid-column-gap:2rem}.card-title{font-size:.85rem;font-weight:500}.right-view{max-height:min-content}#rating,#ranking{min-width:100%}#rating>.album-cover{width:auto;height:23svh;flex:0 0 auto;margin-bottom:4svh}.rating-title{font-weight:600;font-size:1.1rem}#rating-score{padding:2svh 0}.slider-label{font-size:.9rem}.slider::-webkit-slider-thumb{width:25px;height:25px}.slider::-moz-range-thumb{width:25px;height:25px}#ranking{min-height:25svh;max-height:40svh;max-width:100%}.tier-list{overflow-y:auto}.rank{align-items:center;min-height:6rem}.s-tier:after{font-family:"Font Awesome 6 Free";content:"";font-size:1.5rem;font-weight:900;text-align:right;position:absolute;right:0;top:0;background-image:linear-gradient(to right,rgba(0,0,0,0),var(--s-tier));height:60%;width:70%;padding-top:2.2rem;padding-right:.7rem;border-top-right-radius:1.3rem;cursor:pointer}.a-tier:after{font-family:"Font Awesome 6 Free";content:"";font-size:1.5rem;font-weight:900;text-align:right;position:absolute;right:0;top:0;background-image:linear-gradient(to right,rgba(0,0,0,0),var(--a-tier));height:60%;width:70%;padding-top:2.2rem;padding-right:.7rem;cursor:pointer}.b-tier:after{font-family:"Font Awesome 6 Free";content:"";font-size:1.5rem;font-weight:900;text-align:right;position:absolute;right:0;top:0;background-image:linear-gradient(to right,rgba(0,0,0,0),var(--b-tier));height:60%;width:70%;padding-top:2.2rem;padding-right:.7rem;cursor:pointer}.c-tier:after{font-family:"Font Awesome 6 Free";content:"";font-size:1.5rem;font-weight:900;text-align:right;position:absolute;right:0;top:0;background-image:linear-gradient(to right,rgba(0,0,0,0),var(--c-tier));height:60%;width:70%;padding-top:2.2rem;padding-right:.7rem;cursor:pointer}.d-tier:after{font-family:"Font Awesome 6 Free";content:"";font-size:1.5rem;font-weight:900;text-align:right;position:absolute;right:0;top:0;background-image:linear-gradient(to right,rgba(0,0,0,0),var(--d-tier));height:60%;width:70%;padding-top:2.2rem;padding-right:.7rem;cursor:pointer}.f-tier:after{font-family:"Font Awesome 6 Free";content:"";font-size:1.5rem;font-weight:900;text-align:right;position:absolute;right:0;top:0;background-image:linear-gradient(to right,rgba(0,0,0,0),var(--f-tier));height:60%;width:70%;padding-top:2.2rem;padding-right:.7rem;border-bottom-right-radius:1.3rem;cursor:pointer}.rank-items{overflow:hidden;flex-wrap:nowrap;width:90%}.stuff{aspect-ratio:1/1;max-height:50%;height:10vh}.remove-item{left:25%;top:25%;height:50%}.remove-item:after{font-size:1rem;line-height:1.5}.btn{font-size:.9rem;font-weight:500;padding:.25rem .4rem}.result-page{max-height:80%}.result-page>.heading{display:block}.result-page>.heading>h1{width:100%;margin-bottom:1rem}.result-list-border{max-height:60svh;padding:1rem}.result-wrapper{padding:0 .5rem}}@media (max-width: 500px){section{min-height:auto}#intro-modal h2{font-size:1.5rem}#intro-modal h4{font-size:1.2rem}#intro-modal p,#intro-modal li{font-size:1rem}.card-list,.result-wrapper>.card-list{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:2rem}.selection-menu{position:relative;max-height:35svh}}