*{box-sizing:border-box}html{scroll-padding-top:5rem}body{background-color:var(--clr-surface);color:var(--clr-light);font-family:Poppins,sans-serif;font-style:normal;font-weight:400;margin:0;padding:0;&.no-scroll{overflow:hidden}}.brand{align-items:center;color:var(--clr-light);display:inline-flex;font-family:Fondamento,cursive;font-size:1.5rem;font-style:normal;font-weight:700;gap:.6rem;text-decoration:none;&,&:active,&:hover,&:visited{background-color:transparent;color:var(--clr-light)!important;text-decoration:none!important}.highlight{color:var(--clr-primary)}img{opacity:.9}}.user-link{align-items:center;display:inline-flex;gap:.3rem;vertical-align:middle}.user-link-flag{aspect-ratio:4/3;height:1rem}.user-link-avatar{border-radius:50%;height:2rem;width:2rem}.user-link-avatar-sm{height:1.25rem;width:1.25rem}.content{display:grid;gap:var(--content-gap);grid-template-columns:var(--content-sidebar-width) auto;margin:0 calc(var(--content-margin-inline)/2);min-height:70vh;padding-top:1.5rem;>main{min-width:0;overflow-x:clip;>section{margin-bottom:1.5rem}}}.content-sidebar{display:flex;flex-direction:column}.content-sidebar-aside{padding-block:1rem}.content-aside{display:none}@media (min-width:77.01rem){.content:has(.content-aside){grid-template-columns:var(--content-sidebar-width) auto 200px}.content-aside{align-self:start;display:block;justify-self:center;position:sticky;top:5rem}}@media (max-width:45rem){.content{display:block}.content-sidebar-aside{max-width:100%}}@media (max-width:68rem){offcanvas-panel{background-color:var(--clr-surface);border-right:1px solid var(--clr-surface-20);height:100dvh;left:0;overflow-y:auto;padding:1rem;position:fixed;top:0;transform:translateX(-100%);transition:transform .25s ease;width:min(30rem,85vw);z-index:1100;&[open]{transform:translateX(0)}}}.offcanvas-backdrop{background-color:rgba(0,0,0,.5);inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .25s ease;z-index:1099;&[data-open]{opacity:1;pointer-events:auto}}.btn.offcanvas-toggle,.offcanvas-header{display:none}@media (max-width:68rem){.offcanvas-header{align-items:center;border-bottom:1px solid var(--clr-surface-20);display:flex;justify-content:space-between;margin-bottom:1rem;padding-bottom:.75rem}.offcanvas-close{background:none;border:none;color:var(--clr-surface-40);cursor:pointer;font-size:1.1rem;padding:.25rem;&:hover{background:none;color:var(--clr-light)}}.btn.offcanvas-toggle{display:inline-flex;margin-bottom:1rem}}.content-single{margin-inline:var(--content-margin-inline);min-height:70vh;>main{margin-inline:auto;max-width:var(--content-single-max-width);min-width:0;overflow-x:clip;padding-top:1.5rem}}.content-breakout{margin-inline:calc(var(--content-margin-inline)*-1)}.text-page{line-height:1.7;margin:0 auto;max-width:52rem;padding:2rem var(--content-margin-inline);>h1{font-size:1.5rem;margin:0 0 1rem}h3{font-size:1.15rem;margin:1.5rem 0 .5rem}h4{font-size:1rem;margin:1.25rem 0 .5rem}a{color:var(--clr-primary)}}.panel{background-color:var(--clr-surface-5);border:1px solid var(--clr-surface-20)}.data-table{border-collapse:collapse;width:100%;td,th{border-bottom:1px solid var(--clr-surface-10);padding:.5rem .75rem;vertical-align:middle}th{color:var(--clr-surface-40);font-size:.85rem;text-align:start}tbody tr:nth-child(2n){background-color:var(--clr-surface-tonal)}tbody tr:hover{background-color:var(--clr-surface-10)}}.badge{background-color:var(--clr-surface-20);border-radius:3px;color:var(--clr-secondary-20);display:inline-block;font-size:.8rem;font-weight:600;padding:.2em .55em}.section-heading{align-items:center;display:flex;font-size:1.1rem;gap:.5rem;margin:0 0 .75rem;>i{color:var(--clr-primary-30);font-size:.9em}}.section-heading-row{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:.75rem;>.section-heading{margin-bottom:0}>.btn{font-size:.75rem;padding:.35rem .75rem;white-space:nowrap}}.card{background-color:var(--clr-surface-5);border:1px solid var(--clr-surface-20);box-shadow:0 3px 15px -5px var(--clr-dark);margin-bottom:1rem;padding:1rem;>.card-header{border-bottom:1px solid var(--clr-surface-20);font-family:Fondamento,cursive;font-weight:700;margin:0 0 .75rem;padding:0 0 .5rem;>i{color:var(--clr-primary-30);font-size:.9em}}>.card-header-muted{border-bottom:1px solid var(--clr-surface-20);color:var(--clr-surface-40);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin:0 0 .75rem;padding:0 0 .5rem;text-transform:uppercase}}.card-chart{display:flex;flex-direction:column;padding:0;.card-chart-header{align-items:center;border-bottom:1px solid var(--clr-surface-20);display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between;padding:.75rem 1rem}.card-chart-title{align-items:center;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0;>i{color:var(--clr-primary-30);font-size:.9em}}menu{display:flex;gap:.25rem;list-style:none;margin:0;padding:0;>li>a{border-radius:3px;color:var(--clr-surface-40);display:block;font-size:.8rem;padding:.3rem .75rem;text-decoration:none;&.active,&:hover{background-color:var(--clr-surface-tonal);color:var(--clr-light)}}}.tab-content{padding:1rem}}hr{border-image-slice:1;border-image-source:linear-gradient(90deg,rgba(184,134,45,0),#b8862d,#ffdf91,#b8862d,rgba(184,134,45,0));border-style:solid;border-width:0 0 2px;margin:1rem 0;padding:0}.btn,button{align-items:center;background-color:var(--clr-primary);border:1px solid var(--clr-primary-10);color:var(--clr-dark);cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;gap:.4rem;justify-content:center;padding:.5rem 1.25rem;text-decoration:none;transition:background-color .15s ease;&:hover{background-color:var(--clr-primary-5)}}.btn-outline{background-color:transparent;border:1px solid var(--clr-primary);color:var(--clr-primary);&:hover{background-color:color-mix(in oklab,var(--clr-primary) 12%,transparent)}}.btn-subtle{background-color:var(--clr-surface-10);border:1px solid var(--clr-surface-30);color:var(--clr-light);&:hover{background-color:var(--clr-surface-20)}}.btn-danger{background-color:var(--clr-danger);border-color:var(--clr-danger);color:var(--clr-light);&:hover{background-color:color-mix(in oklab,var(--clr-danger) 80%,#fff)}}.btn:disabled,.btn[aria-disabled=true],button:disabled{cursor:default;opacity:.5;pointer-events:none}input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=search],input[type=text],input[type=time],select,textarea{background-color:var(--clr-surface-10);border:1px solid var(--clr-surface-30);color:var(--clr-light);font-family:inherit;font-size:1rem;padding:.5rem .75rem;transition:border-color .15s ease,background-color .15s ease;&:hover{background-color:var(--clr-surface-20)}&:focus{border-color:var(--clr-primary);outline:1px solid var(--clr-primary)}}select{appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23888' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2rem}.filter-group{display:flex;flex-direction:column;gap:.25rem;>label{color:var(--clr-secondary-40);padding-left:.5rem;text-transform:uppercase}}.filter-tiles{display:flex;flex-wrap:wrap;gap:.35rem}.filter-tile{align-items:center;background:none;border:1px solid var(--clr-surface-20);color:var(--clr-secondary-20);cursor:pointer;display:inline-flex;font-size:.85rem;gap:.3rem;padding:.25rem .6rem;text-decoration:none;transition:background-color .15s ease,border-color .15s ease;&:hover{background-color:var(--clr-surface-20);text-decoration:none}&.active{background-color:var(--clr-primary);border-color:var(--clr-primary);color:var(--clr-dark)}}.filter-tile-count{font-size:.75rem;opacity:.5;&:empty{display:none}}.filter-list{display:flex;flex-direction:column}.filter-item{align-items:center;background:none;border:none;color:var(--clr-light);cursor:pointer;display:flex;gap:.35rem;min-width:0;padding:.25rem .5rem;text-align:left;text-decoration:none;transition:background-color .15s ease;&:hover{background-color:var(--clr-surface-20);text-decoration:none}&.active{background-color:var(--clr-primary);color:var(--clr-dark)}img{flex-shrink:0}}.filter-item-count{color:var(--clr-surface-40);font-size:.75rem;margin-left:auto}.filter-item.active .filter-item-count{color:color-mix(in oklab,var(--clr-dark) 60%,transparent)}.filter-list-grid{display:grid;grid-template-columns:1fr 1fr;max-height:9rem;overflow-y:auto;scrollbar-color:var(--clr-surface-20) transparent;scrollbar-width:thin}.filter-bar{background-color:var(--clr-surface-5);border:1px solid var(--clr-surface-20);display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem}.filter-bar .filter-group{flex:1 1 10rem}.filter-bar .filter-group label{font-size:.7rem}.filter-bar .filter-actions{align-items:flex-end;display:flex;gap:.5rem}.pagination{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center;list-style:none;margin:1.5rem 0;padding:0}.pagination .page-item{display:inline-block}.pagination .page-link{align-items:center;background-color:var(--clr-surface-5);border:1px solid var(--clr-surface-30);color:var(--clr-light);display:flex;font-size:.9rem;height:2.5rem;justify-content:center;min-width:2.5rem;padding:0 .75rem;text-decoration:none;transition:background-color .15s ease}.pagination .page-link:hover{background-color:var(--clr-surface-20)}.pagination .page-item.active .page-link{background-color:var(--clr-primary);border-color:var(--clr-primary);color:var(--clr-dark)}.pagination .page-link:disabled{opacity:.35;pointer-events:none}.stat-card{color:var(--clr-light);overflow:hidden;position:relative;text-decoration:none;&:hover{text-decoration:none}}.stat-body{overflow:hidden;padding:.75rem 1rem;position:relative;text-align:end}.stat-bg{height:auto;left:-1rem;opacity:.6;position:absolute;top:-1rem;width:9rem}.stat-bg-icon{color:var(--clr-primary);font-size:8rem;left:-.5rem;opacity:.25;position:absolute;top:0}.stat-card:has(.stat-bg-icon){overflow:visible}.stat-body:has(.stat-bg-icon){overflow:visible}.stat-bg-flag{height:9rem;left:-1rem;top:-1rem}.stat-name{font-size:1.3rem;font-weight:700}.stat-name,.stat-value{position:relative;z-index:1}.stat-value{text-align:end}.stat-value .h3{font-size:1.75rem;font-weight:700}.stats-grid{display:flex;gap:1rem;padding-bottom:2rem;>*{flex:1 0 0;min-width:14rem}}.callout{background:var(--clr-surface-5);border-left:3px solid var(--_callout-clr);border-radius:4px;color:var(--clr-surface-40);font-size:.75rem;line-height:1.5;padding:.6rem .75rem;>.icon:first-child{color:var(--_callout-clr);margin-right:.3rem}&.callout-info{--_callout-clr:var(--clr-info)}&.callout-warning{--_callout-clr:var(--clr-warning)}&.callout-danger{--_callout-clr:var(--clr-danger)}&.callout-success{--_callout-clr:var(--clr-success)}}.site-footer{background-color:var(--clr-surface-5);border-image-slice:1;border-image-source:linear-gradient(90deg,rgba(184,134,45,0),#b8862d,#ffdf91,#b8862d,rgba(184,134,45,0));border-top:2px solid;color:var(--clr-surface-40);line-height:1.6;margin-top:3rem;a{color:var(--clr-secondary-20);text-decoration:none;&:hover{color:var(--clr-primary)}}}.site-footer-top{display:grid;gap:3rem;grid-template-columns:1fr 2fr;padding:2.5rem var(--content-margin-inline)}.site-footer-brand{p{margin:.5rem 0 0}}.site-footer-social{display:flex;gap:.75rem;margin-top:1rem;a{align-items:center;border:1px solid var(--clr-surface-20);color:var(--clr-surface-40);display:flex;font-size:1rem;height:2rem;justify-content:center;transition:border-color .15s ease,color .15s ease;width:2rem;&:hover{border-color:var(--clr-primary);color:var(--clr-primary)}}}.site-footer-links{display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);h3{color:var(--clr-light);font-size:.75rem;font-weight:600;letter-spacing:.05em;margin:0 0 .35rem;text-transform:uppercase;&:not(:first-child){margin-top:1rem}}ul{list-style:none;margin:0;padding:0}li a{display:inline-block;padding:.15rem 0}}.site-footer-bottom{border-top:1px solid var(--clr-surface-20);font-size:.75rem;padding:1rem var(--content-margin-inline);text-align:center;p{margin:0}p+p{color:var(--clr-surface-30);margin-top:.25rem}}@media (max-width:68rem){.site-footer-top{gap:2rem;grid-template-columns:1fr}.site-footer-links{grid-template-columns:repeat(3,1fr)}}@media (max-width:30rem){.site-footer-links{grid-template-columns:1fr}}.speed-runs{margin:0 var(--content-margin-inline);padding-top:1.5rem;>.speed-runs-intro{line-height:1.7;margin-bottom:2rem;max-width:52rem}}.speed-run-card{margin-bottom:1.5rem}.speed-run-grid{display:grid;gap:1.5rem;grid-template-columns:1fr 1fr;padding:1rem;@media (max-width:68rem){grid-template-columns:1fr}}.speed-run-leaderboard{.leaderboard-rank{white-space:nowrap}.leaderboard-first .leaderboard-rank{font-size:1.4rem}.leaderboard-second .leaderboard-rank{font-size:1.3rem}.leaderboard-third .leaderboard-rank{font-size:1.2rem}.crown-gold{color:gold}.crown-silver{color:silver}.crown-bronze{color:#bf8970}.sub-table{margin-bottom:.5rem;margin-left:2rem;margin-top:.5rem}}.tooltip{max-width:26rem;opacity:0;pointer-events:none;position:absolute;transition:opacity .15s;z-index:9999;&.is-visible{opacity:1}}.tooltip-inner{background:var(--clr-surface-tonal-20);border-radius:.3rem;box-shadow:0 2px 8px rgba(0,0,0,.4);color:var(--clr-light);font-size:.8rem;line-height:1.4;padding:.4rem .6rem}.user-tooltip{align-items:center;display:flex;gap:.75rem}.user-tooltip-avatar{border-radius:50%;flex-shrink:0;height:4rem;width:4rem}.user-tooltip-info{white-space:nowrap}.user-tooltip-table{border-collapse:collapse;margin-top:.25rem;width:100%;th{border-bottom:1px solid var(--clr-surface-40);font-weight:600}td,th{padding:.1rem .4rem}td:first-child,th:first-child{text-align:left}td:not(:first-child),th:not(:first-child){text-align:right}tr:nth-child(2n){background:hsla(0,0%,100%,.04)}}navigate-frame{display:block;&[aria-busy=true]{opacity:.5;pointer-events:none;transition:opacity .15s}}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:400;src:url(/static/fonts/poppins-v20-devanagari_latin_latin-ext-regular.67f2fd4268f7337f5c63.woff2) format("woff2");unicode-range:u+0900-097f,u+1cd0-1cf9,u+200c-200d,u+20a8,u+20b9,u+20f0,u+25cc,u+a830-a839,u+a8e0-a8ff,u+11b00-11b09}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:400;src:url(/static/fonts/poppins-v20-devanagari_latin_latin-ext-regular.67f2fd4268f7337f5c63.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Poppins;font-style:normal;font-weight:400;src:url(/static/fonts/poppins-v20-devanagari_latin_latin-ext-regular.67f2fd4268f7337f5c63.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Fondamento;font-style:normal;font-weight:400;src:url(/static/fonts/fondamento-v22-latin-ext-regular.c26e340f30bff5cb8088.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Fondamento;font-style:normal;font-weight:400;src:url(/static/fonts/fondamento-v22-latin-regular.564fbcafdfbde60c429d.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-display:swap;font-family:Fondamento;font-style:italic;font-weight:400;src:url(/static/fonts/fondamento-v22-latin-ext-italic.7b1f85c4876d0790a404.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-display:swap;font-family:Fondamento;font-style:italic;font-weight:400;src:url(/static/fonts/fondamento-v22-latin-italic.b9d1d1346534614caf49.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}.tg{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.75rem}.tg-team{display:flex;flex:1 1 20rem;gap:.5rem;min-width:0}.tg-col{flex:1;min-width:0}.tg-vs{align-items:center;align-self:stretch;color:var(--clr-surface-40);display:flex;flex:0 0 auto;flex-direction:column;font-size:.8rem;font-weight:700;justify-content:center;letter-spacing:.1em;padding:0 .75rem;text-transform:uppercase;&:after,&:before{background-color:color-mix(in oklab,var(--clr-light) 12%,transparent);content:"";flex:1;width:1px}&:before{margin-bottom:.4rem}&:after{margin-top:.4rem}}@container (max-width: 44rem){.tg-vs{flex-basis:100%;flex-direction:row;padding:0;&:after,&:before{height:1px;width:auto}&:before{margin-bottom:0;margin-right:.5rem}&:after{margin-left:.5rem;margin-top:0}}}.tg-player{align-items:center;border-bottom:3px solid;display:flex;font-size:1rem;font-weight:600;gap:.35rem;margin-bottom:.25rem;overflow:hidden;padding:0 .5rem .3rem;text-overflow:ellipsis;white-space:nowrap}.tg-civ{flex-shrink:0;height:1.1rem;width:1.1rem}.tg-name{overflow:hidden;text-overflow:ellipsis}.tg-nil{color:var(--clr-surface-20)}html{font-size:clamp(1rem,.8vw,1.2rem)}a{color:var(--clr-primary);text-decoration:none;&:hover{text-decoration:underline}}h1,h2,h3,h4,h5,h6{font-family:Fondamento,cursive;font-style:normal}h1{font-size:1.75rem}h2{font-size:1.4rem}h3{font-size:1.15rem}h4{font-size:1rem}h5{font-size:.875rem}h6{font-size:.75rem}body>header{align-items:center;background-color:var(--clr-surface);border-image-slice:1;border-image-source:linear-gradient(90deg,rgba(184,134,45,0),#b8862d,#ffdf91,#b8862d,rgba(184,134,45,0));border-style:solid;border-width:0 0 2px;box-shadow:0 10px 25px 0 rgba(51,51,51,.5);display:flex;gap:1rem;margin:0;overflow-x:clip;padding:0 1rem;position:sticky;top:0;transition:transform .3s ease,top .3s ease,margin .3s ease,border-radius .3s ease,box-shadow .3s ease;z-index:1000;&[data-hidden]{transform:translateY(-100%)}>.nav-toggle{align-items:center;background:none;border:none;color:var(--clr-light);cursor:pointer;display:none;font-size:1.25rem;justify-content:center;padding:.5rem;&:hover{color:var(--clr-primary)}}>.brand{flex:0 1 var(--content-sidebar-width);min-width:0}>.header-search{align-items:stretch;display:flex;margin-left:auto;min-width:0;>input{background-color:var(--clr-surface-10);border-right:0;border-color:var(--clr-surface-20);font-size:.8rem;min-width:0;padding:.4rem .75rem;width:14rem;&::placeholder{color:var(--clr-surface-30)}}>button{align-items:center;background:none;border:1px solid var(--clr-surface-20);border-left:0;color:var(--clr-surface-40);cursor:pointer;display:flex;font-size:.85rem;justify-content:center;transition:color .15s ease;width:2.4rem;&:hover{color:var(--clr-primary)}}}}@media (min-width:68.01rem){body>header>#main-nav{display:contents}}#main-nav>menu{display:flex;gap:2px;list-style:none;margin:0;padding:0;>li.nav-divider{display:none}>li{font-family:Fondamento,cursive;font-size:1.25rem;padding:1rem 1.25rem;position:relative;>a{color:var(--clr-light);position:relative;text-decoration:none;z-index:2;&:hover{color:var(--clr-primary);text-decoration:none}>i{background:linear-gradient(160deg,#b8862d,#ffdf91 45%,#b8862d 55%,#ffdf91);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}}&.active{>a{color:var(--clr-primary)}&:after{background:radial-gradient(ellipse 120% 160% at 50% -30%,color-mix(in oklab,var(--clr-primary) 70%,transparent) 0,transparent 60%);bottom:0;content:"";left:-2rem;pointer-events:none;position:absolute;right:-2rem;top:0}}}}#main-nav>menu>li.nav-has-dropdown{>.nav-dropdown{background-color:var(--clr-surface-5);border:1px solid var(--clr-surface-20);box-shadow:0 8px 24px rgba(0,0,0,.4);display:none;left:1.25rem;max-width:calc(100vw - 1rem);min-width:10rem;padding:.35rem 0;position:absolute;top:100%;z-index:1200;>a{align-items:center;color:var(--clr-light);display:flex;font-size:.85rem;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:background-color .15s ease;white-space:nowrap;>i{background:none;-webkit-text-fill-color:inherit}&:hover{background-color:var(--clr-surface-20)}}}&:focus-within>.nav-dropdown,&:hover>.nav-dropdown{display:block}>.nav-dropdown-leaderboards{display:none;width:max-content;a{align-items:center;color:var(--clr-light);display:flex;font-size:.85rem;gap:.5rem;padding:.5rem 1rem;text-decoration:none;transition:background-color .15s ease;white-space:nowrap;&:hover{background-color:var(--clr-surface-20)}}.nav-dropdown-section{display:grid;grid-template-columns:1fr 1fr;padding:.35rem 0;&:not(:last-child){border-bottom:1px solid var(--clr-surface-20)}}.nav-dropdown-label{color:var(--clr-surface-40);font-size:.75rem;grid-column:1/-1;letter-spacing:.05em;padding:.25rem 1rem;text-transform:uppercase}}&:focus-within>.nav-dropdown-leaderboards,&:hover>.nav-dropdown-leaderboards{display:block}}@media (max-width:68rem){body>header{>.nav-toggle{display:flex}>.brand{flex:1}>.header-search{margin-left:auto;>input{border-width:0;opacity:0;padding-inline:0;transition:width .2s ease,opacity .2s ease,padding .2s ease,border-width .2s ease;width:0}>button{border:none;color:var(--clr-surface-40);width:2.2rem;&:hover{color:var(--clr-primary)}}&.is-open>input{border-width:1px;border-right:0;opacity:1;padding:.4rem .75rem;width:10rem}&.is-open>button{border:1px solid var(--clr-surface-20);border-left:0}}}#main-nav{box-shadow:4px 0 24px rgba(0,0,0,.5);padding:0}#main-nav>menu{flex-direction:column;gap:0;padding:1.5rem 0;>li{padding:0;>a{display:block;padding:.75rem 1.5rem}&.active:after{background:var(--clr-primary);bottom:0;height:auto;left:0;right:auto;top:0;width:3px}}}#main-nav>menu>li.nav-has-dropdown{>.nav-dropdown{background:none;border:none;box-shadow:none;display:flex;flex-direction:column;padding:0;position:static;>a{font-size:inherit;padding:.75rem 1.5rem .75rem 2.5rem}}>.nav-dropdown-leaderboards{display:flex;flex-direction:column;.nav-dropdown-section{border:none;display:flex;flex-direction:column;padding:0;&:not(:last-child){border-bottom:none}}.nav-dropdown-label{padding:.5rem 1.5rem .25rem 2.5rem}a{font-size:inherit;padding:.75rem 1.5rem .75rem 2.5rem}}}#main-nav>menu>li.nav-divider{background-color:var(--clr-surface-20);display:block;height:1px;margin:.5rem 1rem}}.auth-page{display:flex;justify-content:center;min-height:60vh;padding:3rem 1rem}.auth-card{background-color:var(--clr-surface-5);border:1px solid var(--clr-surface-20);box-shadow:0 3px 15px -5px var(--clr-dark);max-width:52rem;padding:2.5rem;width:100%}.auth-grid{align-items:start;display:grid;gap:2rem;grid-template-columns:1fr auto 1fr}.auth-form{>h1{font-size:1.25rem;margin:0 0 1.5rem}.form-group{display:flex;flex-direction:column;gap:.25rem;margin-bottom:1rem;>label{color:var(--clr-surface-40);font-size:.85rem}>input{width:100%}>.form-help{color:var(--clr-surface-30);font-size:.75rem}}.form-errors{background-color:color-mix(in oklab,var(--clr-danger) 15%,transparent);border:1px solid var(--clr-danger);font-size:.85rem;margin-bottom:1rem;padding:.5rem .75rem;>ul{list-style:none;margin:0;padding:0}}}.auth-divider{align-self:stretch;background-color:var(--clr-surface-20);width:1px}.auth-social{align-items:center;display:flex;flex-direction:column;gap:.75rem;padding-top:2.5rem;>a{align-items:center;display:flex;font-size:1rem;gap:.6rem;padding:.6rem 1.25rem;text-decoration:none;transition:filter .15s ease;width:100%;&:hover{filter:brightness(1.15);text-decoration:none}}}.btn-steam{background-color:#2a475e;border-color:#2a475e;color:var(--clr-light);&:hover{filter:brightness(1.15)}}.btn-signup{background-color:var(--clr-success);border-color:var(--clr-success);color:var(--clr-light);&:hover{filter:brightness(1.15)}}.auth-card--narrow{max-width:32rem;text-align:center;>h1{font-size:1.25rem;margin:0 0 1rem}>p{color:var(--clr-surface-40);line-height:1.5;margin:0 0 .5rem}}.auth-card__actions{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem;.btn{justify-content:center;width:100%}}.auth-privacy{color:var(--clr-surface-30);font-size:.7rem;grid-column:1/-1;line-height:1.5;margin-top:1.5rem;a{color:var(--clr-secondary-20)}}@media (max-width:40rem){.auth-card{padding:1.5rem}.auth-grid{grid-template-columns:1fr}.auth-divider{height:1px;width:100%}}.user-statistics{min-height:211px}.user-about{align-items:start;display:grid;gap:1rem;grid-template-columns:1fr 2fr;@media (max-width:90rem){grid-template-columns:1fr 1fr}@media (max-width:70rem){grid-template-columns:1fr}@media (max-width:60rem){grid-template-columns:1fr 1fr}@media (max-width:32rem){grid-template-columns:1fr}}.user-rankings{display:flex;gap:1rem;>*{flex:1 0 0;min-width:10rem}>.card-ranking{padding:.75rem;text-align:center;>.card-title{font-size:1rem;margin-bottom:.25rem}>.rank{color:var(--clr-light);font-family:Fondamento,cursive;font-size:2rem;font-weight:400;line-height:1.2}>.rating{color:var(--clr-surface-40);font-size:1rem;margin-top:.15rem}>.all-time-high{color:var(--clr-surface-30);font-size:.6rem;font-style:italic;margin-top:.25rem}}}.user-box{display:flex;gap:1rem;>a:has(.avatar){align-self:start;flex-shrink:0;max-width:12rem;width:40%}.avatar{aspect-ratio:1;border-radius:50%;height:auto;object-fit:cover;width:100%}>.info{display:flex;flex:1 60%;flex-direction:column;>.name{font-size:1.3rem;font-weight:700;margin:0;>a{color:inherit;text-decoration:none;&:hover{color:var(--clr-primary)}}}>.aliases{color:var(--clr-surface-40);font-size:.8rem}>.team{align-items:center;display:flex;font-size:1rem;>img{max-height:1.5rem;max-width:2rem}}>.country{align-items:center;display:flex;flex-wrap:wrap;font-size:1rem;gap:.3rem;margin-top:.5rem}>.game-id{color:var(--clr-surface-50);font-size:.7rem;margin-top:.2rem}>.claim-hint{font-size:.65rem}>.user-social{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:.75rem;.user-social-stats{color:var(--clr-surface-40);display:contents;font-size:.75rem;>div{align-items:center;display:flex;flex-direction:column}.amount{color:var(--clr-light);font-size:1rem;font-weight:600}}.follow-button{align-items:center;background-color:var(--clr-surface-tonal);border:0;color:var(--clr-primary-20);display:flex;flex-direction:column;font-size:.65rem;gap:.15rem;line-height:1;padding:.4rem .6rem;&:hover{background-color:var(--clr-surface-tonal-5)}>i{font-size:.85rem}}}}}.user-nav{>ul{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(min(6rem,100%),1fr));list-style:none;margin:1rem 0;padding:0;position:relative;>li{>fetch-dialog{display:contents}>a,>button,>fetch-dialog>a{align-items:center;background-color:var(--clr-surface-tonal);border:0;color:var(--clr-primary-20);display:flex;flex-direction:column;font-size:inherit;height:100%;padding:1rem;width:100%;&:hover{background-color:var(--clr-surface-tonal-5);text-decoration:none}&.user-nav-danger{color:var(--clr-danger-10);&:hover{background-color:color-mix(in oklab,var(--clr-danger) 15%,var(--clr-surface-tonal))}}}}}}@media (max-width:68rem){.user-nav>ul{display:flex;flex-wrap:wrap;gap:.4rem;>li{>a,>button,>fetch-dialog>a{border-radius:4px;flex-direction:row;font-size:.85rem;gap:.4rem;padding:.4rem .75rem;>i{font-size:.8rem}}}}}.user-links{display:flex;gap:.5rem;margin:1rem 0;>a{align-items:center;background-color:var(--clr-surface-tonal);border:1px solid var(--clr-surface-tonal-10);display:flex;font-size:1.1rem;height:2.25rem;justify-content:center;text-decoration:none;transition:background-color .15s ease;width:2.25rem;&:hover{background-color:var(--clr-surface-tonal-10);text-decoration:none}}}.profile-outdated{align-items:center;color:var(--clr-surface-30);display:flex;font-size:.7rem;gap:.5rem;margin-top:1rem;>button{font-size:.65rem;padding:.2rem .5rem}}.user-settings{.settings-section{border-bottom:1px solid var(--clr-surface-10);margin-bottom:1.5rem;padding-bottom:1.5rem}.settings-section-title{color:var(--clr-light);font-size:1.1rem;margin:0 0 1rem}.settings-account-info{display:grid;gap:.35rem 1rem;grid-template-columns:auto 1fr;margin:0;>dt{color:var(--clr-surface-40);font-weight:400}>dd{margin:0;>a{color:var(--clr-surface-40);font-size:.85em;margin-left:.35rem}}}.settings-toggle{margin-bottom:1rem}.settings-toggle-row{align-items:center;cursor:pointer;display:flex;gap:.5rem}.settings-toggle-preview{color:var(--clr-surface-40);font-size:.85rem;font-style:italic;margin:.25rem 0 0 1.75rem;fetch-avatar{align-items:center;display:flex;font-style:normal;gap:.75rem}.fetch-avatar-img{border-radius:50%;height:3rem;object-fit:cover;width:3rem}}.settings-toggle-quote{border-left:3px solid var(--clr-primary-30);color:var(--clr-surface-40);font-size:.85rem;font-style:italic;line-height:1.5;margin:.5rem 0 0 1.75rem;padding:.5rem .75rem}.settings-field{display:flex;flex-direction:column;gap:.3rem;margin-bottom:1rem;>label{color:var(--clr-surface-40);font-size:.85rem;>i{margin-right:.15rem}}>input{max-width:28rem;width:100%}}.settings-form>.btn{margin-top:.5rem}.settings-danger-zone{background-color:color-mix(in oklab,var(--clr-danger) 6%,transparent);border-bottom:none;border:1px solid color-mix(in oklab,var(--clr-danger) 25%,transparent);margin-bottom:0;padding:1.25rem;>.settings-section-title{color:var(--clr-danger-10)}li,p{color:var(--clr-secondary-20);font-size:.85rem;line-height:1.6}ul{margin:.5rem 0 1rem;padding-left:1.25rem}}}.following-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,14rem),1fr))}.following-card{align-items:center;color:inherit;display:flex;gap:.75rem;padding:.75rem;text-decoration:none;transition:background-color .15s ease;&:hover{background-color:var(--clr-surface-tonal-5);text-decoration:none}}.following-avatar{border-radius:50%;flex-shrink:0;height:2.5rem;object-fit:cover;width:2.5rem}.following-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.following-empty{color:var(--clr-surface-30);font-style:italic;grid-column:1/-1}.rating-stats{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(6rem,1fr));margin:0;padding:1.5rem 0;>div{text-align:center}dt{color:var(--clr-surface-40);font-size:.75rem;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}dd{color:var(--clr-light);font-family:Fondamento,cursive;font-size:1.5rem;margin:0}.rating-positive{color:var(--clr-success)}.rating-negative{color:var(--clr-danger)}}.user-compare{>ol{display:grid;gap:.5rem;grid-template-columns:repeat(4,1fr);list-style:none;margin:1rem 0;padding:0;>li{>a{align-items:center;background-color:var(--card-bg);display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}}}}.compare-page{grid-template-columns:1fr;--compare-label-w:9rem;>main{margin-inline:auto;max-width:54rem;width:100%}}.compare-hero{background-color:var(--clr-surface-5);border:1px solid var(--clr-surface-10);border-radius:6px;overflow:hidden;padding:2.5rem 1rem;position:relative}.compare-hero-bg{bottom:-10px;filter:blur(14px) saturate(.7);height:calc(100% + 20px);object-fit:cover;opacity:.25;pointer-events:none;position:absolute;top:-10px;width:40%;&.compare-hero-bg--left{left:0}&.compare-hero-bg--right{right:0}}.compare-players{align-items:center;display:flex;gap:clamp(1.5rem,6vw,5rem);justify-content:center;position:relative;z-index:1}.compare-player{align-items:center;color:inherit;display:flex;flex-direction:column;gap:.5rem;text-decoration:none;&:hover{text-decoration:none;.compare-avatar{border-color:var(--clr-primary-20);box-shadow:0 0 20px -4px var(--clr-primary)}}.compare-avatar{border:3px solid var(--clr-surface-20);border-radius:50%;height:7rem;object-fit:cover;transition:border-color .2s,box-shadow .2s;width:7rem}.compare-player-name{align-items:center;color:var(--clr-light);display:flex;font-family:Fondamento,cursive;font-size:1.2rem;gap:.35rem;white-space:nowrap}.compare-player-flag{aspect-ratio:4/3;height:1rem}.compare-player-team{align-items:center;color:var(--clr-surface-40);display:flex;font-size:.8rem;gap:.35rem;>img{background-color:var(--clr-light);border-radius:50%;height:1.5rem;object-fit:cover;width:1.5rem}}}.compare-vs{color:var(--clr-primary-40);font-family:Fondamento,cursive;font-size:2rem;text-shadow:0 0 30px color-mix(in oklab,var(--clr-primary) 30%,transparent)}.compare-h2h-score{align-items:center;display:grid;grid-template-columns:1fr var(--compare-label-w) 1fr}.compare-h2h-count{color:var(--clr-surface-30);font-size:2.5rem;line-height:1}.compare-h2h-dots{display:grid;grid-template-columns:1fr var(--compare-label-w) 1fr;margin-top:.75rem;.dot{border-radius:50%;display:inline-block;height:.7rem;transition:transform .15s;width:.7rem}a:hover .dot{transform:scale(1.4)}.dot--win{background-color:var(--clr-success)}.dot--loss{background-color:var(--clr-surface-30)}}.compare-h2h-dots-side{align-items:center;display:flex;gap:.4rem;&.compare-h2h-dots-side--left{justify-content:end}&.compare-h2h-dots-side--right{grid-column:3;justify-content:start}}.compare-h2h-hint{color:var(--clr-surface-30);font-size:.7rem;margin:.5rem 0 0;text-align:center}.compare-stats{background-color:var(--clr-surface-10);border:1px solid var(--clr-surface-10);border-radius:4px;display:grid;gap:1px 0;grid-template-columns:1fr var(--compare-label-w) 1fr;overflow:hidden}.compare-row{align-items:center;background-color:var(--clr-surface-5);display:grid;grid-column:1/-1;grid-template-columns:subgrid}.compare-cell{padding-block:.85rem;&.compare-cell--left{align-items:center;display:grid;gap:.3rem;grid-template-columns:1.2rem 4rem 1fr 3rem;padding-left:1rem;>.compare-crown{justify-self:center}>.compare-diff,>.compare-rank,>.compare-value{justify-self:end}}&.compare-cell--label{color:var(--clr-surface-40);display:flex;font-size:.75rem;font-weight:600;justify-content:center;letter-spacing:.04em;padding-inline:.5rem;text-transform:uppercase;white-space:nowrap}&.compare-cell--right{align-items:center;display:grid;gap:.3rem;grid-template-columns:3rem 1fr 4rem 1.2rem;padding-right:1rem;>.compare-diff,>.compare-rank,>.compare-value{justify-self:start}>.compare-crown{justify-self:center}}}.compare-value{color:var(--clr-light);font-family:Fondamento,cursive;font-size:1.35rem;font-variant-numeric:tabular-nums;white-space:nowrap}.compare-rank{color:var(--clr-surface-30);font-family:Poppins,sans-serif;font-size:.75rem}.compare-diff{font-size:.85rem;font-variant-numeric:tabular-nums;justify-self:center;text-align:center}.compare-crown{align-items:center;color:var(--clr-primary);display:inline-flex;filter:drop-shadow(0 0 4px color-mix(in oklab,var(--clr-primary) 50%,transparent));justify-content:center;justify-self:center}.compare-value--text{font-family:inherit;font-size:1rem}.compare-rank--icon{align-items:center;display:flex;justify-content:center;>img{border-radius:2px;height:1.4rem;object-fit:contain;width:1.4rem}}.compare-value.compare-h2h-count{font-size:2.5rem;&.compare-h2h-count--lead{color:var(--clr-success)}}.compare-wp-text{color:var(--clr-surface-40);font-size:.9rem;font-style:italic;margin:.75rem 0 1.5rem;text-align:center}.compare-chart{background-color:var(--clr-surface-5);border:1px solid var(--clr-surface-10);border-radius:4px;padding:1rem}.compare-chart-title{align-items:center;display:flex;font-size:1rem;font-weight:600;gap:.5rem;margin:0 0 .75rem;>i{color:var(--clr-primary-30);font-size:.9em}}.compare-empty{color:var(--clr-surface-30);font-family:Fondamento,cursive;font-size:1.25rem;padding:4rem 1rem}.user-announcements-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;>h2{margin:0}}.user-announcements-list{display:flex;flex-direction:column;gap:.75rem}.user-announcement-item{padding:1rem}.user-announcement-top{align-items:start;display:flex;gap:.75rem;justify-content:space-between;margin-bottom:.4rem}.user-announcement-title{font-size:1.1rem}.user-announcement-badges{display:flex;flex-shrink:0;gap:.3rem}.badge--success{background-color:color-mix(in oklab,var(--clr-success) 35%,transparent);color:var(--clr-success-10)}.badge--warning{background-color:color-mix(in oklab,var(--clr-warning) 35%,transparent);color:var(--clr-warning)}.badge--danger{background-color:color-mix(in oklab,var(--clr-danger) 35%,transparent);color:var(--clr-danger-10)}.badge--subtle{background-color:var(--clr-surface-10);color:var(--clr-surface-40)}.user-announcement-text{color:var(--clr-secondary-20);line-height:1.5;margin:0 0 .75rem}.user-announcement-footer{align-items:center;display:flex;gap:.75rem;justify-content:space-between}.user-announcement-meta{color:var(--clr-surface-40);display:flex;font-size:.8rem;gap:.75rem}.user-announcement-actions{display:flex;gap:.35rem}.approval-list{display:flex;flex-direction:column;gap:.75rem}.approval-item{padding:1rem}.approval-header{align-items:start;display:flex;gap:1rem;justify-content:space-between}.approval-title{font-size:1.1rem;>a{color:inherit;text-decoration:none;&:hover{color:var(--clr-primary)}}}.approval-meta{color:var(--clr-surface-40);display:flex;font-size:.8rem;gap:.75rem;margin-top:.25rem}.approval-actions{display:flex;flex-shrink:0;gap:.35rem}.approval-preview{color:var(--clr-secondary-20);line-height:1.5;margin:.75rem 0 0}@media (max-width:40rem){.approval-header{flex-direction:column;gap:.5rem}.approval-meta{flex-wrap:wrap;gap:.5rem}.compare-players{flex-direction:column;gap:1rem}.compare-vs{font-size:1.4rem}}@media (max-width:40rem){.compare-player{min-width:0;.compare-avatar{height:4.5rem;width:4.5rem}.compare-player-name{text-align:center;white-space:normal}}.compare-hero{padding:1.5rem 1rem}.compare-h2h-score{grid-template-columns:1fr;text-align:center;.compare-cell{display:flex;gap:.5rem;justify-content:center;padding:.25rem 0}}.compare-h2h-dots{gap:.5rem;grid-template-columns:1fr;.compare-h2h-dots-side{justify-content:center;&.compare-h2h-dots-side--right{grid-column:auto}}}.compare-stats{background:none;border:none;gap:0;grid-template-columns:1fr}.compare-row{border:1px solid var(--clr-surface-10);grid-template-columns:1fr;margin-bottom:-1px;padding:.5rem 0}.compare-cell{padding-block:.15rem;&.compare-cell--label{order:0}&.compare-cell--left{align-items:center;display:grid;grid-template-columns:1fr auto 1fr;order:-1;padding-inline:1rem;>.compare-diff{justify-self:end;order:0}>.compare-value{justify-self:center;order:1}>.compare-crown{justify-self:start;order:2}>.compare-rank{display:none}}&.compare-cell--right{align-items:center;display:grid;grid-template-columns:1fr auto 1fr;order:1;padding-inline:1rem;>.compare-crown{justify-self:end;order:0}>.compare-value{justify-self:center;order:1}>.compare-diff{justify-self:start;order:2}>.compare-rank{display:none}}}.compare-value{font-size:1.15rem}}.teams{align-items:center;display:flex;flex-wrap:wrap;row-gap:.5rem;.team{flex:1 1 auto;max-width:20rem;padding:.25rem .5rem;position:relative;&.won{animation:won-glow 3s ease-in-out infinite;border:1px solid #d4a017;border-radius:4px;box-shadow:0 0 4px rgba(213,138,37,.4);>.won-icon{background:linear-gradient(135deg,#f5d442,#d4a017,#f5e27a,#c8960e);background-clip:text;-webkit-background-clip:text;font-size:.85rem;position:absolute;right:-.3rem;top:-.5rem;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 3px rgba(212,160,23,.6))}}@keyframes won-glow{0%,to{box-shadow:0 0 4px rgba(213,138,37,.3)}50%{box-shadow:0 0 8px rgba(213,138,37,.6)}}&:last-child:nth-child(3){text-align:right;&.won>.won-icon{left:-.3rem;right:auto}.team-player{flex-direction:row-reverse;&:before{border-radius:3px 0 0 3px;left:auto;right:-.5rem}}.appendix{margin-left:0;margin-right:auto}.rating{flex-direction:row-reverse}.rating-change{text-align:start}.avg-elo{flex-direction:row-reverse;justify-content:flex-end;padding-left:.6rem;padding-right:0;>em{text-align:start}}}}.players{list-style:none;margin:0;padding:0;>li{margin:2px 0}}.team-player{align-items:center;display:flex;gap:.35rem;padding:2px 3px 2px .5rem;position:relative;&:before{border-radius:0 3px 3px 0;content:"";height:100%;left:-.5rem;position:absolute;top:0;transition:width .15s ease-in-out;width:5px}&:hover:before{width:8px}&.team-player-color-1:before{background-color:#00f}&.team-player-color-2:before{background-color:red}&.team-player-color-3:before{background-color:#0f0}&.team-player-color-4:before{background-color:#ff0}&.team-player-color-5:before{background-color:#0ff}&.team-player-color-6:before{background-color:#f0f}&.team-player-color-7:before{background-color:#434343}&.team-player-color-8:before{background-color:#ff8201}}.vs{align-items:center;align-self:stretch;color:var(--clr-surface-40);display:flex;flex-direction:column;font-size:.75rem;font-weight:700;justify-content:center;letter-spacing:.1em;padding:0 1rem;text-transform:uppercase;&:after,&:before{background-color:var(--clr-surface-20);content:"";flex:1;width:1px}&:before{margin-bottom:.4rem}&:after{margin-top:.4rem}}.appendix{flex-shrink:0;margin-left:auto}.rating{align-items:baseline;display:flex;font-size:1rem;gap:.25rem}.rating-change{display:inline-block;font-size:.75rem;text-align:end;width:2.5rem}.rating-positive{color:var(--clr-success)}.rating-negative{color:var(--clr-danger)}.rating-neutral{color:var(--clr-surface-40)}.avg-elo{align-items:baseline;border-top:1px solid color-mix(in oklab,var(--clr-light) 12%,transparent);color:var(--clr-surface-40);display:flex;font-size:1rem;gap:.25rem;justify-content:flex-end;margin-top:.25rem;padding:.3rem 3px 0 0;>em{display:inline-block;font-size:.75rem;text-align:end;width:2.5rem}}@media (max-width:48rem){align-items:stretch;flex-direction:column;gap:.5rem;.team{max-width:none}.team:last-child:nth-child(3){text-align:left;.team-player{flex-direction:row;&:before{border-radius:0 3px 3px 0;left:-.5rem;right:auto}}.appendix{margin-left:auto;margin-right:0}.rating{flex-direction:row}.rating-change{text-align:end}.avg-elo{flex-direction:row;justify-content:flex-end;>em{text-align:end}}&.won>.won-icon{left:auto;right:-.3rem}}.vs{align-self:auto;flex-direction:row;padding:0;&:after,&:before{flex:1;height:1px;width:auto}&:before{margin-bottom:0;margin-right:.5rem}&:after{margin-left:.5rem;margin-top:0}}}}.match-tile{cursor:pointer;display:grid;grid-template-columns:18rem 1fr;grid-template-rows:auto 1fr;padding:.6rem 1rem;position:relative;transition:background-color .15s ease;&:hover{background-color:var(--clr-surface-10)}>.match-title{grid-column:1/-1;margin-bottom:.4rem;padding-bottom:.3rem;a{color:inherit;text-decoration:none;&:after{content:"";inset:0;position:absolute;z-index:0}}}.match-id{color:var(--clr-surface-30);font-size:.6rem;margin-top:auto}a:not(.match-title a){position:relative;z-index:1}>aside{border-right:1px solid var(--clr-surface-20);display:flex;gap:.75rem;margin-right:1rem;padding-right:1rem;.match-info{display:flex;flex-direction:column;min-width:0}.match-map{font-size:1rem;.custom-badge{color:var(--clr-surface-40);font-size:.7rem;font-style:italic;margin-left:.25rem}}.match-meta{color:var(--clr-surface-40);font-size:.75rem;line-height:1.4}}.strategy{align-items:center;color:var(--clr-surface-40);display:flex;font-size:.75rem;font-style:italic;gap:4px}.strategy-icon{border-radius:50%;height:1rem;width:1rem}.team:last-child:nth-child(3){.strategy{flex-direction:row-reverse;justify-content:flex-end}}@media (max-width:48rem){display:block;>.match-title{margin-bottom:.5rem}>aside{border-bottom:1px solid var(--clr-surface-20);border-right:none;margin-bottom:.75rem;margin-right:0;padding-bottom:.75rem;padding-right:0}.team:last-child:nth-child(3){.strategy{flex-direction:row}}}}tabbed-menu{menu{display:flex;list-style:none;padding:0;>li>a{background-color:var(--clr-surface-tonal);border-bottom:3px solid var(--clr-surface-tonal-10);display:block;margin-right:.25rem;padding:.5rem 2rem;white-space:nowrap;&.active,&:hover{background-color:var(--clr-surface-tonal-5)}}}}.leaderboard-content{h1{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}}@media (min-width:68.01rem){.leaderboard-content>offcanvas-panel{align-self:start;position:sticky;top:1rem}}.leaderboard-stats{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;.card{align-items:center;display:flex;flex:1 1 auto;flex-direction:column;margin-bottom:0;min-width:150px;padding:1rem;text-align:center}.card-icon{font-size:1.5rem;margin-bottom:.5rem}.card-title{color:var(--clr-secondary-30);font-size:.75rem;letter-spacing:.05em;margin-bottom:.25rem;text-transform:uppercase}.card-value{align-items:center;display:flex;font-size:1.25rem;font-weight:600;gap:.5rem;em{color:var(--clr-secondary-40);font-size:.75rem}}}.leaderboard-filter{display:flex;flex-direction:column;gap:1.25rem;.filter-list-countries{display:grid;grid-template-columns:1fr 1fr;max-height:18rem;overflow-y:auto;scrollbar-color:var(--clr-surface-20) transparent;scrollbar-width:thin}.filter-item{font-size:.85rem;i.fa-xmark{margin-left:auto}}}.seo-content{color:var(--clr-secondary-30);margin-top:2rem;h2{font-size:1.5rem;margin-bottom:1rem}h2,h3{color:var(--clr-light)}h3{font-size:1.2rem;margin-bottom:.75rem;margin-top:1.5rem}p{line-height:1.7;margin-bottom:1rem}strong{color:var(--clr-primary-30)}}.leaderboard-content{.table-container{border:1px solid var(--clr-surface-20);margin-bottom:1.5rem}.table-responsive{overflow-x:auto}.table{border-collapse:collapse;font-size:1rem;width:100%}.table thead{background-color:var(--clr-surface-10);position:sticky;top:0}.table .num{text-align:end}.table th{border-bottom:1px solid var(--clr-surface-20);color:var(--clr-secondary-30);font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.5rem .75rem;text-align:left;text-transform:uppercase;a:hover{color:var(--clr-primary)}}.table td{border-bottom:1px solid var(--clr-surface-20);padding:.4rem .75rem;vertical-align:middle}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background-color:var(--clr-surface-10)}.lb-streak{display:inline-flex;font-size:.8rem;font-weight:600;padding:.1rem .4rem}.lb-streak--positive{background-color:color-mix(in oklab,var(--clr-success) 35%,transparent);color:var(--clr-success-10)}.lb-streak--negative{background-color:color-mix(in oklab,var(--clr-danger) 35%,transparent);color:var(--clr-danger-10)}}@media (max-width:68rem){.leaderboard-stats .card{min-width:calc(50% - .5rem)}}.home{.ad-desktop{display:block}.ad-mobile{display:none}.discord-badge{align-items:center;background-color:#5865f2;border-radius:3px;color:var(--clr-light);display:inline-flex;font-size:.85rem;font-weight:600;gap:.3rem;padding:.4em .8em;text-decoration:none;&:hover{background-color:#4752c4;text-decoration:none}}.home-hero{background:linear-gradient(180deg,color-mix(in oklab,var(--clr-surface) 50%,transparent) 0,color-mix(in oklab,var(--clr-surface) 65%,transparent) 60%,var(--clr-surface) 100%),url(/static/images/match_header_1920.4215f75102c6ddc84fa3.webp) center 30% /cover no-repeat;margin:0 calc(var(--content-margin-inline)*-1);overflow:hidden;padding:clamp(3rem,8vw,6rem) var(--content-margin-inline);position:relative;text-align:center;&:before{background:radial-gradient(ellipse 80% 60% at 50% 40%,color-mix(in oklab,var(--clr-primary) 8%,transparent) 0,transparent 70%);inset:0;pointer-events:none}&:after,&:before{content:"";position:absolute}&:after{background:linear-gradient(90deg,transparent,var(--clr-primary-40),var(--clr-primary),var(--clr-primary-40),transparent);bottom:0;height:2px;left:10%;right:10%}}.home-hero-content{backdrop-filter:blur(6px);background:color-mix(in oklab,var(--clr-surface) 60%,transparent);border:1px solid var(--clr-surface-10);border-radius:4px;margin:0 auto;max-width:40rem;padding:2rem 2.5rem;position:relative;z-index:1}.home-hero-title{color:var(--clr-light);font-family:Fondamento,cursive;font-size:clamp(2.2rem,5vw,3.5rem);font-weight:700;letter-spacing:.02em;margin:0 0 .5rem;.highlight{color:var(--clr-primary)}}.home-hero-tagline{color:var(--clr-secondary-20);font-size:clamp(.9rem,1.8vw,1.1rem);line-height:1.6;margin:0 0 2rem}.home-hero-search{box-shadow:0 4px 24px -4px color-mix(in oklab,var(--clr-dark) 60%,transparent);display:flex;margin:0 auto 1.5rem;max-width:30rem;>input{border-right:0;flex:1;min-width:0;padding:.75rem 1rem}>.btn,>input{font-size:1rem}>.btn{padding:.75rem 1.5rem;white-space:nowrap}}.home-hero-links{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.home-ads{display:grid;gap:1rem;grid-template-columns:2fr 1fr;margin-bottom:1.5rem;margin-top:1.5rem}.home-announcements{margin-bottom:1rem;margin-top:1.5rem;overflow-x:clip}.home-announcements-grid{display:grid;gap:1rem;grid-template-columns:2fr 1fr}.home-announcements-side{display:flex;flex-direction:column;gap:1rem;>.announcement-tile{flex:1}}.home-announcements-more{margin-bottom:2rem;text-align:end}.home-statistics{margin-bottom:1rem;min-height:187px}.home-features{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);>.card{display:flex;flex-direction:column;margin-bottom:0}.card-image{height:140px;object-fit:cover;width:100%}.card-action{margin-top:auto}}.home-leaderboards{margin-bottom:1rem}.home-leaderboards-grid{display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-top:1rem}.home-leaderboard-table{border-collapse:collapse;font-size:1rem;width:100%;thead th{padding:.5rem;text-align:center}thead small{color:var(--clr-secondary-30);font-size:.7rem;text-transform:uppercase}td{border-bottom:1px solid var(--clr-surface-10);padding:.35rem .5rem}.col-rank{text-align:end;white-space:nowrap;width:1%}.col-name{max-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.col-elo{font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap;width:1%}tbody tr:hover{background-color:var(--clr-surface-10)}tfoot td{border-bottom:none;padding-top:.75rem}}.announcement-tile{background-color:var(--clr-surface-5);border:1px solid var(--clr-surface-20);display:flex;flex-direction:column}.announcement-image-wrap,.announcement-tile{overflow:hidden;position:relative}.announcement-image{object-fit:cover;width:100%}.announcement-tile-big{height:100%;.announcement-image-wrap{flex:1}.announcement-image{height:100%;inset:0;position:absolute}}.announcement-tile-small .announcement-image{max-height:8rem}.announcement-image-overlay{backdrop-filter:blur(4px);background-color:rgba(0,0,0,.65);bottom:0;left:0;padding:.75rem 1rem;position:absolute;right:0;h5{line-height:1.3;margin:0;overflow-wrap:anywhere}}.announcement-tile-big .announcement-image-overlay h5{font-size:1.4rem}.announcement-tile-small .announcement-image-overlay h5{font-size:1rem}.announcement-body{flex:1;min-width:0;overflow-wrap:break-word;padding:1rem}.announcement-meta{display:flex;flex-wrap:wrap;font-size:.8rem;gap:.25rem;justify-content:space-between;padding:.75rem 1rem}.announcement-meta,.announcement-meta a{color:var(--clr-surface-40)}.stretched-link:after{content:"";inset:0;position:absolute}@media (max-width:68rem){margin-bottom:0;margin-left:1rem;margin-right:1rem;margin-top:0;.ad-desktop{display:none}.ad-mobile{display:block}.home-hero{margin:0 -1rem;padding-left:1rem;padding-right:1rem}.home-ads,.home-announcements-grid{grid-template-columns:1fr}.home-features,.home-leaderboards-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:36rem){.home-features,.home-leaderboards-grid{grid-template-columns:1fr}}}.announcement-detail{display:grid;gap:var(--content-gap);grid-template-columns:var(--content-sidebar-width) 1fr;margin:0 calc(var(--content-margin-inline)/2);min-height:70vh;padding-top:1.5rem;>main{min-width:0;overflow-wrap:break-word;>h1{font-size:1.5rem;margin:0 0 .5rem}.announcement-content{line-height:1.7;img{height:auto;max-width:100%}}.tab-content{line-height:1.7;img{height:auto;max-width:100%}}}}.announcement-sidebar{align-self:start;display:flex;flex-direction:column;gap:1rem;position:sticky;top:5rem}.announcement-nav{display:flex;flex-direction:column;gap:2px;>a{background-color:var(--clr-surface-tonal);color:var(--clr-light);display:block;font-size:.9rem;padding:.5rem .75rem;text-decoration:none;transition:background-color .15s ease;&.active,&:hover{background-color:var(--clr-surface-tonal-5);text-decoration:none}&.active{border-left:3px solid var(--clr-primary);padding-left:calc(.75rem - 3px)}}}.announcement-author{display:flex;flex-direction:column;gap:.35rem}.announcement-author-label{color:var(--clr-surface-40);font-size:.7rem;letter-spacing:.05em;text-transform:uppercase}.announcement-stats{color:var(--clr-surface-40);display:flex;flex-wrap:wrap;font-size:.85rem;gap:.4rem;a{color:var(--clr-surface-40);text-decoration:none;&:hover{color:var(--clr-primary)}}}.announcement-reactions{margin-top:.25rem}.announcement-list{margin:0 var(--content-margin-inline);padding-top:1.5rem}.announcement-list-hero{display:grid;gap:1rem;grid-template-columns:2fr 1fr;margin-bottom:1.5rem}.announcement-list-hero-side{display:flex;flex-direction:column;gap:1rem}.announcement-list-body{display:grid;gap:var(--content-gap);grid-template-columns:1fr var(--content-sidebar-width);margin-bottom:1.5rem}.announcement-list-items{display:flex;flex-direction:column;gap:1rem;min-width:0}.announcement-horizontal{background-color:var(--clr-surface-5);border:1px solid var(--clr-surface-20);display:grid;grid-template-columns:16rem 1fr;overflow:hidden;position:relative}.announcement-horizontal-image{background-position:50%;background-size:cover;min-height:8rem}.announcement-horizontal-content{display:flex;flex-direction:column;min-width:0;padding:1rem 1.25rem;>h3{font-size:1.25rem;margin:0 0 .5rem}>p{flex:1;overflow-wrap:break-word}}.announcement-horizontal-meta{color:var(--clr-surface-40);font-size:.8rem;margin-top:.75rem;a{color:var(--clr-surface-40);text-decoration:none;&:hover{color:var(--clr-primary)}}}@media (max-width:68rem){.announcement-list{margin:0 1rem}.announcement-list-body,.announcement-list-hero{grid-template-columns:1fr}.announcement-horizontal{grid-template-columns:10rem 1fr}}@media (max-width:36rem){.announcement-horizontal{grid-template-columns:1fr;.announcement-horizontal-image{min-height:10rem}}}@media (max-width:68rem){.announcement-detail{display:block;margin:0 1rem;>main>h1{font-size:1.3rem}}.announcement-sidebar{margin-bottom:1.5rem;position:static}.announcement-nav{flex-direction:row;flex-wrap:wrap;gap:.25rem;>a{font-size:.8rem;padding:.4rem .75rem;&.active{border-bottom:3px solid var(--clr-primary);border-left:none;padding-bottom:calc(.4rem - 3px);padding-left:.75rem}}}}.search-hero{background:linear-gradient(180deg,color-mix(in oklab,var(--clr-surface) 50%,transparent) 0,color-mix(in oklab,var(--clr-surface) 65%,transparent) 60%,var(--clr-surface) 100%),url(/static/images/match_header_1920.4215f75102c6ddc84fa3.webp) center 30% /cover no-repeat;overflow:hidden;padding:clamp(2.5rem,6vw,4.5rem) var(--content-margin-inline);position:relative;text-align:center;&:before{background:radial-gradient(ellipse 80% 60% at 50% 40%,color-mix(in oklab,var(--clr-primary) 8%,transparent) 0,transparent 70%);inset:0;pointer-events:none}&:after,&:before{content:"";position:absolute}&:after{background:linear-gradient(90deg,transparent,var(--clr-primary-40),var(--clr-primary),var(--clr-primary-40),transparent);bottom:0;height:2px;left:10%;right:10%}}.search-hero-content{backdrop-filter:blur(6px);background:color-mix(in oklab,var(--clr-surface) 60%,transparent);border:1px solid var(--clr-surface-10);border-radius:4px;margin:0 auto;max-width:36rem;padding:2rem 2.5rem;position:relative;z-index:1}.search-hero-title{color:var(--clr-light);font-family:Fondamento,cursive;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;letter-spacing:.02em;margin:0 0 .4rem}.search-hero-tagline{color:var(--clr-secondary-20);font-size:clamp(.85rem,1.6vw,1rem);line-height:1.6;margin:0 0 1.5rem}.search-hero-bar{box-shadow:0 4px 24px -4px color-mix(in oklab,var(--clr-dark) 60%,transparent);display:flex;margin:0 auto;max-width:30rem;>input{border-right:0;flex:1;min-width:0;padding:.75rem 1rem}>.btn,>input{font-size:1rem}>.btn{padding:.75rem 1.5rem;white-space:nowrap}}.search-content{display:block;margin:0 var(--content-margin-inline);padding-top:1.5rem}.search-results-header{color:var(--clr-surface-40);font-size:.8rem;margin-bottom:1rem}.search-results{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(min(14rem,100%),1fr))}.search-ad{grid-column:1/-1;text-align:center}.search-empty{color:var(--clr-surface-40);padding:3rem 1rem;text-align:center;i{color:var(--clr-surface-20);display:block;font-size:2.5rem;margin-bottom:1rem}}.user-tile{display:flex;flex-direction:column;overflow:hidden;padding:0;position:relative;transition:background-color .15s ease,border-color .15s ease;.user-tile-hero-wrap{overflow:hidden;position:relative}.user-tile-hero{aspect-ratio:1;display:block;object-fit:cover;width:100%}.user-tile-overlay{backdrop-filter:blur(4px);background-color:rgba(0,0,0,.65);bottom:0;left:0;padding:.5rem .75rem;position:absolute;right:0}.user-tile-name{display:block;font-size:1rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-tile-country{align-items:center;color:var(--clr-secondary-20);display:inline-flex;font-size:.65rem;gap:.25rem;letter-spacing:.05em;text-transform:uppercase;img{height:.7rem}}.user-tile-body{display:flex;flex:1;flex-direction:column;padding:.75rem}.user-tile-ratings{display:flex;flex-wrap:wrap;gap:.3rem}.rating-pill{align-items:center;background-color:var(--clr-surface-tonal);border:1px solid var(--clr-surface-tonal-10);display:inline-flex;gap:.3rem;padding:.15rem .45rem;small{color:var(--clr-surface-40);font-size:.55rem;letter-spacing:.03em;text-transform:uppercase}strong{font-size:.85rem;font-variant-numeric:tabular-nums;font-weight:600}}.user-tile-alias{color:var(--clr-surface-40);font-size:.7rem;font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;mark{background:none;color:var(--clr-primary)}}.user-tile-meta{color:var(--clr-surface-40);font-size:.7rem;margin-top:auto;padding-top:.5rem}.stretched-link:after{content:"";inset:0;position:absolute}&:hover{background-color:var(--clr-surface-10);border-color:var(--clr-surface-30)}}@media (max-width:36rem){.search-hero{padding-left:1rem;padding-right:1rem}.search-content{margin:0 1rem}}.teams-content{display:block;margin:0 var(--content-margin-inline)}.teams-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(min(16rem,100%),1fr))}.teams-ad{grid-column:1/-1;text-align:center}.team-tile{display:flex;flex-direction:column;overflow:hidden;padding:0;transition:background-color .15s ease,border-color .15s ease;&:hover{border-color:var(--clr-surface-30)}.team-tile-hero{align-items:center;aspect-ratio:16/10;background-color:var(--clr-surface-10);display:flex;justify-content:center;overflow:hidden;position:relative}.team-tile-logo{max-height:70%;max-width:60%;object-fit:contain}.team-tile-overlay{backdrop-filter:blur(4px);background-color:rgba(0,0,0,.65);bottom:0;left:0;padding:.5rem .75rem;position:absolute;right:0}.team-tile-name{display:block;font-size:1rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-tile-elo{color:var(--clr-secondary-20);font-size:.65rem;letter-spacing:.03em;text-transform:uppercase}.team-tile-body{display:flex;flex:1;flex-direction:column;gap:.5rem;padding:.75rem}.team-tile-summary{color:var(--clr-surface-40);font-size:1rem;line-height:1.5;margin:0}.team-tile-players{display:flex;flex-wrap:wrap;gap:.3rem}.team-tile-player{display:block;position:relative;z-index:1;>img{border:2px solid var(--clr-surface-20);border-radius:50%;height:2rem;object-fit:cover;transition:border-color .15s ease;width:2rem}&:hover>img{border-color:var(--clr-primary)}}.team-tile-link{color:var(--clr-surface-40);font-size:.7rem;margin-top:auto;position:relative;z-index:1;&:hover{color:var(--clr-primary)}}}@media (max-width:36rem){.teams-content{margin:0 1rem}}.analysis-hero{background:linear-gradient(180deg,color-mix(in oklab,var(--clr-surface) 50%,transparent) 0,color-mix(in oklab,var(--clr-surface) 65%,transparent) 60%,var(--clr-surface) 100%),url(/static/images/match_header_1920.4215f75102c6ddc84fa3.webp) center 30% /cover no-repeat;overflow:hidden;padding:clamp(2.5rem,6vw,4.5rem) var(--content-margin-inline);position:relative;text-align:center;&:before{background:radial-gradient(ellipse 80% 60% at 50% 40%,color-mix(in oklab,var(--clr-primary) 8%,transparent) 0,transparent 70%);inset:0;pointer-events:none}&:after,&:before{content:"";position:absolute}&:after{background:linear-gradient(90deg,transparent,var(--clr-primary-40),var(--clr-primary),var(--clr-primary-40),transparent);bottom:0;height:2px;left:10%;right:10%}}.analysis-hero-content{backdrop-filter:blur(6px);background:color-mix(in oklab,var(--clr-surface) 60%,transparent);border:1px solid var(--clr-surface-10);border-radius:4px;margin:0 auto;max-width:36rem;padding:2rem 2.5rem;position:relative;z-index:1}.analysis-hero-title{color:var(--clr-light);font-family:Fondamento,cursive;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:700;letter-spacing:.02em;margin:0 0 .4rem}.analysis-hero-tagline{color:var(--clr-secondary-20);font-size:clamp(.85rem,1.6vw,1rem);line-height:1.6;margin:0}.analysis-content{display:block;margin:0 var(--content-margin-inline);padding-top:1.5rem}.analysis-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(min(20rem,100%),1fr))}.analysis-card{display:flex;flex-direction:column;margin-bottom:0;.analysis-card-text{color:var(--clr-secondary-20);flex:1;font-size:1rem;line-height:1.6;margin:0 0 1rem;a{color:var(--clr-primary)}}}.dropzone{align-items:center;background-color:var(--clr-surface-tonal);border:2px dashed var(--clr-surface-20);cursor:pointer;display:flex;flex-direction:column;gap:.4rem;justify-content:center;padding:2rem 1rem;text-align:center;transition:border-color .15s ease,background-color .15s ease;>i{color:var(--clr-surface-30);font-size:2rem;transition:color .15s ease}.dropzone-label{color:var(--clr-surface-40);font-size:1rem}.dropzone-hint{color:var(--clr-surface-30);font-size:.7rem}.dropzone-filename{color:var(--clr-primary);display:none;font-size:1rem;font-weight:600}&.is-dragover,&:hover{background-color:color-mix(in oklab,var(--clr-primary) 5%,var(--clr-surface-tonal));border-color:var(--clr-primary);>i{color:var(--clr-primary)}}&.has-file{border-color:var(--clr-success);border-style:solid;>i{color:var(--clr-success)}.dropzone-hint,.dropzone-label{display:none}.dropzone-filename{display:block}}}.analysis-search{display:flex;gap:0;margin-top:auto;>input{border-right:0;flex:1;min-width:0}}.analysis-help{color:var(--clr-surface-40);font-size:.8rem;margin-top:1.5rem;>summary{color:var(--clr-surface-30);cursor:pointer;&:hover{color:var(--clr-light)}}>ol{line-height:1.8;margin-top:.5rem;padding-left:1.25rem}}@media (max-width:36rem){.analysis-hero{padding-left:1rem;padding-right:1rem}.analysis-hero-content{padding:1.5rem}.analysis-content{margin:0 1rem}}.stats-nav{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;>a{background-color:var(--clr-surface-tonal);color:var(--clr-primary-20);padding:.5rem 1rem;text-decoration:none;&:hover{background-color:var(--clr-surface-tonal-5)}&.active{background-color:var(--clr-surface-tonal-10)}}}.stats-section{margin-bottom:1.5rem}scroll-slider{display:block;position:relative;>:first-child{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;>*{scroll-snap-align:start}}&.is-overflowing>:first-child{mask-image:linear-gradient(90deg,#000 calc(100% - 2rem),transparent);padding-right:2rem}}.scroll-slider-arrow{align-items:center;background-color:var(--clr-surface);border:1px solid var(--clr-surface-20);border-radius:50%;color:var(--clr-surface-40);cursor:pointer;display:flex;font-size:.75rem;height:2rem;justify-content:center;padding:0;position:absolute;top:50%;transition:color .15s ease,border-color .15s ease;translate:0 -50%;width:2rem;z-index:1;&[hidden]{display:none}&:hover{border-color:var(--clr-primary);color:var(--clr-light)}}.scroll-slider-left{left:0}.scroll-slider-right{right:0}.stats-people-grid{display:flex;gap:.75rem;>*{flex:1 0 14rem;min-width:14rem}}.stats-person-card{color:var(--clr-light);overflow:hidden;position:relative;text-align:end;text-decoration:none;&:hover{text-decoration:none}}.stats-person-bg{border-radius:50%;height:auto;left:-1rem;opacity:.6;position:absolute;top:-1rem;width:9rem}.stats-person-info{display:flex;flex-direction:column;position:relative;z-index:1;>strong{font-family:Fondamento,cursive;font-size:1.3rem}}.stats-person-winrate{font-size:1.75rem;font-weight:700}.stats-person-meta{color:var(--clr-surface-40);font-size:.8rem}.stats-show-all{margin-top:.5rem;text-align:end;>a{color:var(--clr-primary-20);font-size:.85rem}}.stats-position-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(min(14rem,100%),1fr))}.stats-position-card{color:var(--clr-light);overflow:hidden;position:relative;text-align:end}.stats-position-bg{height:auto;left:.2rem;opacity:.6;position:absolute;top:-1.7rem;width:13rem}.stats-position-info{display:flex;flex-direction:column;position:relative;z-index:1;>strong{font-size:1.3rem}}.stats-duration-grid{display:flex;gap:.75rem;>*{flex:1 0 8rem;min-width:8rem}}.stats-duration-card{text-align:center}.stats-duration-value{color:var(--clr-light);font-size:1.5rem}.stats-duration-meta{color:var(--clr-surface-40);font-size:.8rem}.stats-tables-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(min(22rem,100%),1fr))}sortable-table{display:block;overflow-x:auto}.stats-table{border:1px solid var(--clr-surface-20);border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;thead{background-color:var(--clr-surface-10)}th{color:var(--clr-surface-40);font-size:.75rem;font-weight:600;letter-spacing:.03em;padding:.5rem .75rem;text-transform:uppercase}td,th{text-align:start}td{border-bottom:1px solid var(--clr-surface-20);padding:.4rem .75rem}tbody tr:last-child td{border-bottom:none}tbody tr:hover{background-color:var(--clr-surface-10)}th.sortable{cursor:pointer;user-select:none;&:after{content:"⇅";font-size:.7em;margin-left:.3em;opacity:.4}&[data-sort-dir=asc]:after{content:"▲";opacity:1}&[data-sort-dir=desc]:after{content:"▼";opacity:1}}}.stats-icon{display:inline-block;height:1.25rem;margin-right:.35rem;vertical-align:middle;width:1.25rem;img{height:100%;object-fit:contain;width:100%}}.stats-winrate-bar{background:linear-gradient(90deg,transparent calc(50% - clamp(0%, (50 - var(--wr)) / 50 * 50%, 50%)),var(--clr-danger) calc(50% - clamp(0%, (50 - var(--wr)) / 50 * 50%, 50%)),var(--clr-danger) 50%,var(--clr-success) 50%,var(--clr-success) calc(50% + clamp(0%, (var(--wr) - 50) / 50 * 50%, 50%)),transparent calc(50% + clamp(0%, (var(--wr) - 50) / 50 * 50%, 50%)));height:4px;margin-top:.2rem}.compare-search-form{display:flex;margin-bottom:1rem;>input{background-color:var(--clr-surface-10);border:1px solid var(--clr-surface-20);border-right:0;color:var(--clr-light);flex:1;min-width:0;padding:.5rem .75rem;&::placeholder{color:var(--clr-surface-30)}&:focus{outline:1px solid var(--clr-primary)}}>button{background:none;border:1px solid var(--clr-surface-20);color:var(--clr-surface-40);cursor:pointer;padding:.5rem .75rem;&:hover{color:var(--clr-primary)}}}.compare-results,.compare-suggestions{display:flex;flex-direction:column}.compare-result,.compare-suggestion{align-items:center;border-radius:.25rem;color:var(--clr-light);display:flex;gap:.75rem;padding:.5rem .75rem;text-decoration:none;transition:background-color .1s ease;&:hover{background-color:var(--clr-surface-10);text-decoration:none}>img{border-radius:50%;height:2rem;object-fit:cover;width:2rem}}.compare-empty{color:var(--clr-surface-40);padding:2rem 0;text-align:center}.stats-footnote{color:var(--clr-surface-40);font-size:.8rem}.awards-page{margin:0}.awards-hero{background:linear-gradient(180deg,color-mix(in oklab,var(--clr-surface) 50%,transparent) 0,color-mix(in oklab,var(--clr-surface) 65%,transparent) 60%,var(--clr-surface) 100%),url(/static/images/match_header_1920.4215f75102c6ddc84fa3.webp) center 30% /cover no-repeat;margin:0 calc(var(--content-margin-inline)*-1);overflow:hidden;padding:clamp(2.5rem,6vw,4.5rem) var(--content-margin-inline);position:relative;text-align:center;&:before{background:radial-gradient(ellipse 80% 70% at 50% 45%,color-mix(in oklab,var(--clr-primary) 10%,transparent) 0,transparent 70%);content:"";inset:0;pointer-events:none;position:absolute}}.awards-hero-content{backdrop-filter:blur(6px);background:color-mix(in oklab,var(--clr-surface) 60%,transparent);border:1px solid var(--clr-surface-10);border-radius:4px;margin:0 auto;max-width:32rem;padding:1.5rem 2rem;position:relative;z-index:1;h1{color:var(--clr-light);font-family:Fondamento,cursive;font-size:clamp(2rem,5vw,3rem);font-weight:700;letter-spacing:.02em;margin:0 0 .4rem}>p{color:var(--clr-secondary-20);font-size:clamp(.9rem,1.8vw,1.1rem);margin:0}}.awards-progress{border-top:1px solid var(--clr-surface-10);margin-top:1.25rem;padding-top:1rem}.awards-progress-header{align-items:baseline;display:flex;gap:.5rem;justify-content:space-between;margin-bottom:.4rem}.awards-progress-label{color:var(--clr-primary);font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.awards-progress-text{color:var(--clr-surface-40);font-size:.75rem;font-weight:600}.awards-progress-track{background:var(--clr-surface-10);border-radius:2px;height:4px;overflow:hidden}.awards-progress-bar{background:var(--clr-primary);border-radius:2px;height:100%;transition:width .4s ease}.award-progress-sidebar{background:color-mix(in oklab,var(--clr-primary) 6%,var(--clr-surface-5));border:1px solid color-mix(in oklab,var(--clr-primary) 25%,transparent);border-radius:6px;margin-top:.75rem;padding:.6rem .75rem;position:relative;transition:border-color .15s,box-shadow .15s;&:hover{border-color:color-mix(in oklab,var(--clr-primary) 45%,transparent);box-shadow:0 0 8px color-mix(in oklab,var(--clr-primary) 15%,transparent)}.stretched-link:after{content:"";inset:0;position:absolute}}.awards-section{margin-top:2rem;&:first-child{margin-top:0}>h2{align-items:center;color:var(--clr-primary);display:flex;font-size:1.25rem;font-weight:700;gap:.5rem;margin:0 0 1rem}}.awards-catalog{display:grid;gap:1.25rem;grid-template-columns:repeat(2,1fr)}.award-card{background:var(--clr-surface-tonal);border:1px solid var(--clr-surface-10);border-radius:6px;padding:1.25rem}.award-card-header h3{color:var(--clr-light);font-family:Fondamento,cursive;font-size:1.2rem;margin:0 0 .4rem}.award-card-desc{color:var(--clr-secondary-20);font-size:1.15rem;line-height:1.5;margin:0 0 1rem}.award-card-levels{display:grid;gap:.75rem;grid-template-columns:repeat(3,1fr)}.award-level-tile{--_award-accent:var(--clr-surface-30);align-items:center;background:linear-gradient(135deg,color-mix(in oklab,var(--_award-accent) 20%,transparent) 0,color-mix(in oklab,var(--_award-accent) 4%,transparent) 40%,color-mix(in oklab,var(--_award-accent) 12%,transparent) 60%,color-mix(in oklab,var(--_award-accent) 6%,transparent) 100%),var(--clr-surface-tonal);border:1px solid color-mix(in oklab,var(--_award-accent) 55%,transparent);border-radius:4px;box-shadow:0 0 6px color-mix(in oklab,var(--_award-accent) 30%,transparent);display:flex;flex-direction:column;gap:.3rem;padding:.75rem .5rem;text-align:center;transition:border-color .15s,box-shadow .15s;&:hover{border-color:color-mix(in oklab,var(--_award-accent) 75%,transparent);box-shadow:0 0 10px color-mix(in oklab,var(--_award-accent) 45%,transparent)}}.award-level-tile--lvl-1{--_award-accent:#cd7f32}.award-level-tile--lvl-2{--_award-accent:silver}.award-level-tile--lvl-3{--_award-accent:gold}.award-level-icon{align-items:center;display:flex;height:3.5rem;img{height:100%;width:auto}}.award-level-rarity{color:var(--clr-secondary-30);font-size:.75rem;font-weight:700}.award-level-desc{color:var(--clr-secondary-30);font-size:.8rem;line-height:1.4}.award-level-tile--earned{border-color:color-mix(in oklab,var(--_award-accent) 85%,transparent);border-width:2px;box-shadow:0 0 12px color-mix(in oklab,var(--_award-accent) 50%,transparent),inset 0 0 12px color-mix(in oklab,var(--_award-accent) 10%,transparent);position:relative;&:after{color:var(--_award-accent);content:"\f00c";filter:drop-shadow(0 0 3px var(--_award-accent));font-family:Font Awesome\ 7 Free;font-size:1.15rem;font-weight:900;position:absolute;right:.3rem;top:.3rem}}.award-level-tile--locked{border-color:transparent;box-shadow:none}.award-earn-count{background:color-mix(in oklab,var(--_award-accent) 40%,var(--clr-surface));border-radius:3px;color:var(--clr-light);font-size:.7rem;font-weight:700;left:.25rem;line-height:1;padding:.15rem .35rem;position:absolute;top:.25rem}.awards-specials{display:grid;gap:1rem;grid-template-columns:repeat(3,1fr)}.award-special-card{--_award-accent:#b0e0ff;align-items:center;animation:award-glow-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,color-mix(in oklab,var(--_award-accent) 12%,transparent) 0,color-mix(in oklab,var(--_award-accent) 3%,transparent) 40%,color-mix(in oklab,var(--_award-accent) 8%,transparent) 60%,color-mix(in oklab,var(--_award-accent) 4%,transparent) 100%),var(--clr-surface-tonal);border:1px solid color-mix(in oklab,var(--_award-accent) 40%,transparent);border-radius:6px;display:flex;gap:.75rem;padding:1rem}.award-special-icon{align-items:center;display:flex;flex-shrink:0;height:3rem;img{height:100%;width:auto}}.award-special-body{flex:1;min-width:0;h3{color:var(--clr-light);font-size:1rem;font-weight:700;margin:0 0 .2rem}p{color:var(--clr-secondary-20);font-size:.85rem;line-height:1.4;margin:0}}.award-special-rarity{background:color-mix(in oklab,var(--_award-accent) 15%,transparent);border-radius:4px;color:color-mix(in oklab,var(--_award-accent) 70%,var(--clr-light));flex-shrink:0;font-size:.8rem;font-weight:700;padding:.2rem .5rem}.award-special-card--earned{border-color:color-mix(in oklab,var(--_award-accent) 75%,transparent);border-width:2px;box-shadow:0 0 14px color-mix(in oklab,var(--_award-accent) 45%,transparent);position:relative;&:after{color:var(--_award-accent);content:"\f00c";filter:drop-shadow(0 0 3px var(--_award-accent));font-family:Font Awesome\ 7 Free;font-size:1.15rem;font-weight:900;position:absolute;right:.5rem;top:.4rem}}.award-special-card--locked{animation:none;border-color:transparent;box-shadow:none}@media (max-width:68rem){.awards-catalog{grid-template-columns:1fr}.awards-specials{grid-template-columns:repeat(2,1fr)}}@media (max-width:40rem){.award-card-levels,.awards-specials{grid-template-columns:1fr}}reaction-bar{align-items:center;display:flex;flex-wrap:wrap;gap:.3rem;position:relative;.rb-reaction{align-items:center;background:var(--clr-surface-5);border:1px solid var(--clr-surface-20);border-radius:1rem;color:var(--clr-secondary-20);cursor:pointer;display:inline-flex;font-size:.85rem;gap:.25rem;padding:.15rem .55rem;transition:background-color .15s ease,border-color .15s ease;&:hover{background-color:var(--clr-surface-10);border-color:var(--clr-surface-30)}&.is-active{background-color:color-mix(in oklab,var(--clr-primary) 12%,var(--clr-surface));border-color:transparent;box-shadow:0 0 0 1px color-mix(in oklab,var(--clr-primary) 50%,transparent),0 0 6px color-mix(in oklab,var(--clr-primary) 35%,transparent)}}.rb-reaction-add{align-items:center;background:var(--clr-surface-20);border:1px solid var(--clr-surface-30);border-radius:1rem;color:var(--clr-secondary-10);cursor:pointer;display:inline-flex;font-size:.85rem;gap:.2rem;padding:.15rem .55rem;transition:background-color .15s ease,border-color .15s ease,color .15s ease;span{font-size:.75rem}&:hover{background-color:var(--clr-surface-30);border-color:var(--clr-primary);color:var(--clr-primary)}}.rb-picker{background:var(--clr-surface);border:1px solid var(--clr-surface-20);border-radius:.5rem;bottom:calc(100% + .35rem);box-shadow:0 4px 16px rgba(0,0,0,.5);display:flex;gap:.15rem;padding:.4rem;position:absolute;right:0;z-index:10}.rb-picker-item{background:none;border:none;border-radius:.25rem;cursor:pointer;font-size:1.25rem;line-height:1;padding:.3rem .4rem;&:hover{background-color:var(--clr-surface-20);transform:scale(1.2)}}}.nightbot-page{line-height:1.7;margin:0 auto;max-width:52rem;a{color:var(--clr-primary)}}.nb-intro{align-items:flex-start;display:flex;gap:1.5rem;.nb-logo{flex-shrink:0;height:10rem;width:auto}p{margin:0 0 .5rem}@media (max-width:36rem){align-items:center;flex-direction:column;.nb-logo{height:7rem}}}nightbot-command{display:block}.nb-heading{align-items:center;display:flex;font-size:1.25rem;justify-content:space-between;margin:0 0 .75rem;code{font-size:inherit}.nb-anchor{color:var(--clr-surface-30);font-size:.85rem;text-decoration:none;&:hover{color:var(--clr-primary)}}}.nb-form{align-items:center;display:grid;gap:.4rem 1rem;grid-template-columns:auto 1fr;margin-bottom:1.25rem;>label{color:var(--clr-secondary-20);white-space:nowrap}>input,>select{max-width:16rem}>small{color:var(--clr-surface-40);grid-column:2;margin-top:-.25rem}@media (max-width:36rem){grid-template-columns:1fr;>input,>select{max-width:100%}>small{grid-column:1}}}.nb-code-block{background:var(--clr-surface-5);border:1px solid var(--clr-surface-20);margin-bottom:1rem;overflow-x:auto;padding:1rem 5rem 1rem 1rem;position:relative;.nb-output{color:var(--clr-light);word-break:break-all}.nb-copy{font-size:.8rem;padding:.3rem .7rem;position:absolute;right:.5rem;top:.5rem}}.nb-example-chat{background:var(--clr-surface-5);border:1px solid var(--clr-surface-20);line-height:1.8;margin-top:.5rem;padding:.75rem 1rem;code{color:var(--clr-light)}}.nb-user{color:#b64218}.nb-bot{color:#5e61c3}.a2i-dialog{background-color:var(--clr-surface);border:1px solid var(--clr-surface-20);color:var(--clr-light);max-width:60rem;padding:0;width:calc(100% - 2rem);&[open]{display:flex;flex-direction:column}&::backdrop{background:rgba(0,0,0,.6)}}.a2i-dialog--sm{height:auto;max-height:min(32rem,85vh);max-width:28rem}.a2i-dialog-header{align-items:center;border-bottom:1px solid var(--clr-surface-20);display:flex;flex-shrink:0;justify-content:space-between;padding:1rem 1.5rem}.a2i-dialog-title{font-size:1.1rem;font-weight:600}.a2i-dialog-body{flex:1;min-height:0;overflow-y:auto;padding:1.5rem;scrollbar-color:var(--clr-surface-20) transparent;scrollbar-width:thin}.a2i-dialog-footer{border-top:1px solid var(--clr-surface-10);display:flex;flex-shrink:0;gap:.5rem;justify-content:flex-end;padding:1rem 1.5rem}.a2i-dialog-close{background:none;border:none;color:var(--clr-surface-40);cursor:pointer;font-size:1.25rem;padding:.25rem .5rem;&:hover{color:var(--clr-light)}}.a2i-dialog--fetch{height:85vh}.a2i-dialog--confirm{.a2i-dialog-title>i{color:var(--clr-danger);font-size:1.2rem}.a2i-dialog-header{gap:.5rem}.a2i-dialog-body>p{color:var(--clr-secondary-20);line-height:1.6;margin:0 0 1.25rem}.confirm-challenge{color:var(--clr-surface-40);display:flex;flex-direction:column;font-size:.85rem;gap:.35rem;>input{font-size:1rem;width:100%}}}.icon{display:inline-block;fill:currentColor;flex-shrink:0;height:1em;overflow:visible;vertical-align:-.125em;width:1em}.icon-fw{text-align:center;width:1.25em}.icon-spin{animation:icon-spin 1s linear infinite}@keyframes icon-spin{to{transform:rotate(1turn)}}.icon-xs{height:.75em;width:.75em}.icon-sm{height:.875em;width:.875em}.icon-lg{height:1.25em;width:1.25em}.icon-xl{height:1.5em;width:1.5em}:root{--clr-dark:#000;--clr-light:#fff;--clr-primary:#d58a25;--clr-primary-5:color-mix(in oklab,var(--clr-primary) 94%,var(--clr-light));--clr-primary-10:color-mix(in oklab,var(--clr-primary) 88%,var(--clr-light));--clr-primary-20:color-mix(in oklab,var(--clr-primary) 78%,var(--clr-light));--clr-primary-30:color-mix(in oklab,var(--clr-primary) 66%,var(--clr-light));--clr-primary-40:color-mix(in oklab,var(--clr-primary) 52%,var(--clr-light));--clr-primary-50:color-mix(in oklab,var(--clr-primary) 36%,var(--clr-light));--clr-secondary:color-mix(in oklab,var(--clr-light) 88%,var(--clr-primary));--clr-secondary-5:color-mix(in oklab,var(--clr-secondary) 94%,var(--clr-dark));--clr-secondary-10:color-mix(in oklab,var(--clr-secondary) 88%,var(--clr-dark));--clr-secondary-20:color-mix(in oklab,var(--clr-secondary) 78%,var(--clr-dark));--clr-secondary-30:color-mix(in oklab,var(--clr-secondary) 66%,var(--clr-dark));--clr-secondary-40:color-mix(in oklab,var(--clr-secondary) 52%,var(--clr-dark));--clr-secondary-50:color-mix(in oklab,var(--clr-secondary) 36%,var(--clr-dark));--clr-surface:#191c23;--clr-surface-5:color-mix(in oklab,var(--clr-surface) 94%,var(--clr-light));--clr-surface-10:color-mix(in oklab,var(--clr-surface) 88%,var(--clr-light));--clr-surface-20:color-mix(in oklab,var(--clr-surface) 78%,var(--clr-light));--clr-surface-30:color-mix(in oklab,var(--clr-surface) 66%,var(--clr-light));--clr-surface-40:color-mix(in oklab,var(--clr-surface) 52%,var(--clr-light));--clr-surface-50:color-mix(in oklab,var(--clr-surface) 36%,var(--clr-light));--clr-surface-tonal:color-mix(in oklab,color-mix(in oklab,var(--clr-surface) 86.8%,var(--clr-primary)) 92%,var(--clr-dark));--clr-surface-tonal-5:color-mix(in oklab,var(--clr-surface-tonal) 94%,var(--clr-light));--clr-surface-tonal-10:color-mix(in oklab,var(--clr-surface-tonal) 88%,var(--clr-light));--clr-surface-tonal-20:color-mix(in oklab,var(--clr-surface-tonal) 78%,var(--clr-light));--clr-surface-tonal-30:color-mix(in oklab,var(--clr-surface-tonal) 66%,var(--clr-light));--clr-surface-tonal-40:color-mix(in oklab,var(--clr-surface-tonal) 52%,var(--clr-light));--clr-surface-tonal-50:color-mix(in oklab,var(--clr-surface-tonal) 36%,var(--clr-light));--clr-success:#22946e;--clr-success-10:color-mix(in oklab,var(--clr-success) 88%,var(--clr-light));--clr-success-20:color-mix(in oklab,var(--clr-success) 78%,var(--clr-light));--clr-warning:#a87a2a;--clr-warning-10:color-mix(in oklab,var(--clr-warning) 88%,var(--clr-light));--clr-warning-20:color-mix(in oklab,var(--clr-warning) 78%,var(--clr-light));--clr-danger:#9c2121;--clr-danger-10:color-mix(in oklab,var(--clr-danger) 88%,var(--clr-light));--clr-danger-20:color-mix(in oklab,var(--clr-danger) 78%,var(--clr-light));--clr-info:#21498a;--clr-info-10:color-mix(in oklab,var(--clr-info) 88%,var(--clr-light));--clr-info-20:color-mix(in oklab,var(--clr-info) 78%,var(--clr-light));--content-sidebar-width:clamp(20rem,20.8vw,30rem);--content-single-max-width:110rem;--content-gap:1rem;--content-margin-inline:2rem}td.num,th.num{text-align:end}sponsor-placement{display:block;margin-block:.5rem;&[placement=billboard]{height:300px}&[placement=mpu]{height:250px}&[placement=double_mpu]{height:600px}&[placement=leaderboard]{height:90px}&[placement=mobile_banner]{height:100px}&[placement=video]{aspect-ratio:16/9;height:auto}&[placement=billboard],&[placement=leaderboard]{display:none;@media (min-width:68.01rem){display:block}}&[placement=mobile_banner]{@media (min-width:68.01rem){display:none}}}@keyframes sponsor-fallback-in{0%{filter:blur(4px);opacity:0;scale:.97}to{filter:blur(0);opacity:1;scale:1}}.sponsor-fallback{align-items:center;animation:sponsor-fallback-in .6s ease-out both;background:linear-gradient(160deg,color-mix(in oklab,var(--clr-primary) 8%,var(--clr-surface-5)),var(--clr-surface-5) 60%);border:1px solid color-mix(in oklab,var(--clr-primary) 25%,transparent);border-radius:.5rem;color:var(--clr-light-50);display:flex;flex-direction:column;font-size:.85rem;gap:.5rem;height:100%;justify-content:center;line-height:1.4;overflow:hidden;padding:1rem;text-align:center;p{margin:0}.sponsor-fallback-icon{color:var(--clr-primary);margin-bottom:.25rem;opacity:.6}.sponsor-fallback-heading{color:var(--clr-light);font-size:.95rem;font-weight:700}.sponsor-fallback-donate{align-items:center;background-color:var(--clr-primary);border-radius:.25rem;color:var(--clr-dark);display:inline-flex;font-size:.85rem;font-weight:700;gap:.4rem;margin-top:.5rem;padding:.5rem 1.2rem;text-decoration:none;transition:filter .15s;&:hover{filter:brightness(1.15)}}&.sponsor-fallback--small{font-size:.8rem;gap:.25rem;padding:.75rem;.sponsor-fallback-heading{font-size:.85rem}.sponsor-fallback-donate{font-size:.8rem;margin-top:.25rem;padding:.35rem .75rem}}&.sponsor-fallback--narrow{font-size:.75rem;padding:1rem .75rem;.sponsor-fallback-heading{font-size:.8rem}.sponsor-fallback-donate{flex-direction:column;font-size:.75rem;padding:.4rem .6rem}}&.sponsor-fallback--compact{flex-direction:row;font-size:.8rem;gap:0;padding:0 1rem;a{color:var(--clr-primary);font-weight:600;text-decoration:underline}}}