.introduction{text-align:center;margin-inline:1em;grid-template-columns:1fr;align-content:start;align-items:start;margin-bottom:20vh;font-size:1.2em;display:grid;& h1{text-transform:uppercase;margin:1em 0 .5em;font-size:clamp(1.6em,12vw,4em);font-weight:900}& p{margin:0 auto 2.5em}}.intro-video{aspect-ratio:16/9;width:min(100vw - 3em,768px);margin:0 auto;&>iframe{width:100%;height:100%}}.down-arrow{margin-top:2rem;font-size:3em}.scroll-down-link{width:max-content;margin:0 auto;padding:.05em;display:block}.scroll-down-link:is(:focus-visible,:active) .down-icon{filter:var(--scroll-anchor-filter-highlight)}@media (hover:hover){.scroll-down-link:hover .down-icon{filter:var(--scroll-anchor-filter-highlight)}}@media (prefers-reduced-motion:no-preference){.down-icon{transition:filter .2s ease-out}}.down-icon{-webkit-user-select:none;user-select:none;width:1em;filter:var(--scroll-anchor-filter-plain)}.home-section{text-align:center;place-content:center;place-items:center;max-width:1280px;margin:20vh 1em;font-size:1.2em;display:grid;& h2{color:var(--header-color);text-transform:uppercase;background-color:var(--section-color);filter:drop-shadow(0 .1em .1em #0008);margin:.25em 0 1em;padding:.15em .5em;scroll-margin-top:15vh;font-size:clamp(2em,7vw,3em);font-weight:900}&.events{--section-color:#298afa;--event-icon-box-shadow:0 .25em 1em .2em var(--section-color);--scroll-anchor-filter-highlight:invert(54%) sepia(38%) saturate(7497%) hue-rotate(196deg) brightness(101%) contrast(96%)}&.math{--section-color:#e2322c;--scroll-anchor-filter-highlight:invert(29%) sepia(77%) saturate(1779%) hue-rotate(339deg) brightness(88%) contrast(102%);& .equation-block{color:#eee;&>span{margin-block:-.5em;display:block}}}&.maps{--section-color:#45c945;--map-link-shadow:0 .25em 1em .2em var(--section-color);--scroll-anchor-filter-highlight:invert(65%) sepia(65%) saturate(506%) hue-rotate(69deg) brightness(89%) contrast(91%)}&.tools{--section-color:#f0d738;--scroll-anchor-filter-highlight:invert(87%) sepia(98%) saturate(509%) hue-rotate(336deg) brightness(98%) contrast(92%)}&.support{--section-color:#5fd8d8}}.scroll-description{color:#ccc;text-wrap:balance;max-width:768px;font-weight:500;& a:is(:hover,:focus-visible,:active){text-decoration:underline}}.emph{text-transform:uppercase;color:var(--section-color);cursor:default;-webkit-user-select:none;user-select:none;font-weight:700;display:inline-block;position:relative;& .popup{background:0 0;display:none;position:absolute;bottom:.9em;left:50%;transform:translate(-50%)}&:hover .popup{display:block}}.community{width:min(350px,100vw - 5em)}.fun.popup{width:min(256px,100vw - 5em);padding:.25em}.crazy{width:min(200px,100vw - 5em)}.elo{width:min(295px,100vw - 5em)}.victorious{width:min(347px,100vw - 5em)}@media (prefers-reduced-motion:no-preference){.home-section{transition:filter var(--scroll-transition-time) ease-out, transform var(--scroll-transition-time) ease-out, opacity var(--scroll-transition-time) ease-out;&.hide{opacity:0;filter:blur(5px);&:nth-child(2n){transform:translate(-5%)}&:nth-child(odd){transform:translate(5%)}}&.show{opacity:1;filter:blur();transform:translate(0)}}}.event-icons{flex-direction:column;justify-content:center;gap:1em;width:100%;margin:1em auto;display:flex}.event-icon{background-color:#333;border:.075em solid #000;border-radius:.25em;grid-template-columns:auto auto 1fr;place-items:center start;gap:.5em;width:100%;padding:.5em 1em .5em .5em;display:grid}.event-thumbnail{border:1px solid #000;border-radius:.25em;width:4em}.event-video{display:none}.event-name{color:var(--header-link-color);text-align:left;font-size:clamp(.8em,5.5vw,1.1em);font-weight:700}.right-arrow-container{justify-self:end;width:fit-content;position:relative}.link-right-icon{height:1.75em;position:static;&:first-child{filter:var(--scroll-anchor-filter-plain)}&:last-child{opacity:0;filter:var(--scroll-anchor-filter-highlight);position:absolute;top:50%;left:50%;translate:-50% -50%}}@media (prefers-reduced-motion:no-preference){.link-right-icon{transition:opacity .2s ease-out}}.event-icon:is(:focus-visible,:active){background-color:#444;& .link-right-icon{&:first-child{opacity:0}&:last-child{opacity:1}}& .event-name{color:var(--section-color)}}@media (hover:hover){.event-icon:hover{background-color:#444;& .link-right-icon{&:first-child{opacity:0}&:last-child{opacity:1}}& .event-name{color:var(--section-color)}}}@media (prefers-reduced-motion:no-preference){.event-icon{transition:background-color .2s ease-out;& .event-name{transition:color .2s ease-out}}}@media (width>=40em){.event-icons{flex-flow:wrap;justify-content:center;gap:2em;margin-top:1em;display:flex}.icon-holder{width:calc(var(--event-width) + 2 * var(--event-border-thickness));height:calc(1em + var(--event-height) + 2 * var(--event-border-thickness));grid-template-rows:1fr;grid-template-columns:1fr;place-items:end center;display:grid}.event-icon{border:var(--event-border-thickness) solid var(--section-color);width:var(--event-width);height:var(--event-height);background-color:var(--section-color);border-radius:var(--event-border-radius);margin:0;padding:0;display:block;position:relative;top:0;overflow:hidden}.event-thumbnail{width:var(--event-width);height:var(--event-height);border-radius:var(--event-border-radius);pointer-events:none;border:none}.event-video{width:var(--event-width);height:var(--event-height);border-radius:var(--event-border-radius);pointer-events:none;display:none}.event-name{text-align:left;max-width:calc(var(--event-width) - 2 * var(--event-border-thickness) - 1em);color:var(--header-color);background-color:var(--section-color);border-radius:.25em;padding:.05em .25em;font-weight:700;position:absolute;bottom:.5em;left:.5em}.link-right-icon{display:none}.icon-holder .event-icon:is(:active,:focus-visible){box-shadow:var(--event-icon-box-shadow);& .event-name{color:var(--header-color)}}}@media (hover:hover) and (width>=40em){.icon-holder .event-icon:hover{box-shadow:var(--event-icon-box-shadow);& .event-name{color:var(--header-color)}}}@media (prefers-reduced-motion:no-preference) and (width>=40em){.icon-holder{& .event-icon:is(:active,:focus-visible){top:var(--event-icon-top-displacement);box-shadow:var(--event-icon-box-shadow);& .event-thumbnail{display:none}& .event-video{display:block}}}}@media (prefers-reduced-motion:no-preference){.icon-holder{&.hide .event-icon{filter:blur(5px);opacity:0;transition:top .2s ease-out,box-shadow .2s ease-out,opacity .2s ease-out,filter .2s ease-out,transform .2s ease-out;transform:translate(-30%)}&.show .event-icon{filter:blur();opacity:1;transform:translate(0)}&:first-child.show .event-icon{transition:top .2s ease-out,box-shadow .2s ease-out,opacity .2s ease-out .2s,filter .2s ease-out .2s,transform .2s ease-out .2s}&:nth-child(2).show .event-icon{transition:top .2s ease-out,box-shadow .2s ease-out,opacity .2s ease-out .4s,filter .2s ease-out .4s,transform .2s ease-out .4s}}}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (width>=40em){.icon-holder:hover>.event-icon{top:var(--event-icon-top-displacement);box-shadow:var(--event-icon-box-shadow);& .event-thumbnail{display:none}& .event-video{display:block}}}.equation-block>span{&:nth-child(3){display:block!important}&:nth-child(4){display:none!important}}@media (width>=25em){.equation-block>span{&:nth-child(3){display:none!important}&:nth-child(4){display:block!important}}}@media (prefers-reduced-motion:no-preference){.equation-block>span{&.hide{filter:blur(5px);opacity:0;transition:opacity .2s ease-out,filter .2s ease-out,transform .2s ease-out;transform:translate(10%)}&.show{filter:blur();opacity:1;transform:translate(0);&:first-child{transition:opacity .2s ease-out .2s,filter .2s ease-out .2s,transform .2s ease-out .2s}&:nth-child(2){transition:opacity .2s ease-out .4s,filter .2s ease-out .4s,transform .2s ease-out .4s}&:is(:nth-child(3),:nth-child(4)){transition:opacity .2s ease-out .6s,filter .2s ease-out .6s,transform .2s ease-out .6s}}}}.map-coding-fun{grid-template-rows:auto auto;grid-template-columns:1fr;place-content:center;place-items:center;gap:1em;margin-top:2em;display:grid}@media (prefers-reduced-motion:no-preference){.map-coding-fun{& .hide{opacity:0;filter:blur(5px);transition:opacity .2s ease-out,filter .2s ease-out,transform .2s ease-out;transform:translate(-10%)}& .show{opacity:1;filter:blur();transform:translate(0%);&:first-child{transition:opacity .2s ease-out .2s,filter .2s ease-out .2s,transform .2s ease-out .2s}&:last-child{transition:opacity .2s ease-out .4s,filter .2s ease-out .4s,transform .2s ease-out .4s}}}}@media (width>=940px){.map-coding-fun{grid-template-rows:1fr;grid-template-columns:1fr 1fr}}.map-image-container{box-sizing:border-box;width:min(100vw - 3rem, var(--map-animation-width));aspect-ratio:434/260;position:relative}.map-image{pointer-events:none;box-sizing:border-box;width:min(100vw - 3rem, var(--map-animation-width));aspect-ratio:434/260;border:var(--llama-image-border) solid var(--section-color);position:absolute;top:0;left:0}.one-llama{display:none}.map-code{box-sizing:border-box;border:var(--llama-image-border) solid var(--section-color);width:min(100vw - 3rem, var(--map-animation-width));aspect-ratio:auto;text-align:left;background-color:var(--code-bg);margin:0;padding:clamp(.5rem,3vw,1rem);font-size:clamp(11.2px,4.5vw,22px);overflow-x:auto}@media (width>=940px){.map-code{aspect-ratio:434/260}}.code-yellow{color:var(--code-yellow)}.code-blue{color:var(--code-blue)}.code-green{color:var(--code-green)}@media (prefers-reduced-motion:no-preference){.llama-objects{position:relative;&:before{content:"";background-color:var(--code-bg);position:absolute;inset:0 0 0 100%}&:after{content:"";opacity:0;background:#ddd;width:.1em;position:absolute;top:0;bottom:0;left:100%}}.one-llama{display:block}.hide{& .many-llamas{opacity:0;transition:opacity 0}& .llama-objects{&:before{transition:left 0;left:0}&:after{opacity:1;transition:left 0, opacity 0;left:0}}}.show{& .many-llamas{opacity:1;transition:opacity .2s ease var(--map-delay-total)}& .llama-objects{&:before{transition:var(--typewriter-transition);left:100%}&:after{opacity:0;transition:var(--typewriter-transition), opacity 1ms ease var(--map-delay-total);left:100%}}}}.map-description{margin-top:2em}.map-tournament-logos{flex-direction:column;justify-content:center;gap:1em;width:100%;margin:1em auto;display:flex}.map-link{background-color:#333;border:.075em solid #000;border-radius:.25em;place-items:center;width:100%;height:5em;padding:.5em 1em .5em .5em;display:grid;&:is(:focus-visible,:active){background-color:#444;& .link-right-icon{&:first-child{opacity:0;opacity:1}}& .map-title{color:var(--section-color)}}}.logo-and-name{grid-template-columns:4em auto 1fr;place-items:center;gap:1em;width:100%;display:grid}.tournament-logo{pointer-events:none;width:100%;max-width:4em;max-height:4em}.map-title{color:var(--header-link-color);text-align:left;font-size:clamp(.8em,5vw,1.1em);font-weight:700;display:inline-block}@media (hover:hover){.map-link:hover{background-color:#444;& .map-title{color:var(--section-color)}& .link-right-icon{&:first-child{opacity:0}&:last-child{opacity:1}}}}@media (prefers-reduced-motion:no-preference){.map-link{transition:background-color .2s ease-out;& .map-title{transition:color .2s ease-out}}}@media (width>=40em){.map-tournament-logos{flex-flow:wrap;justify-content:center;gap:.5em 1.5em;max-width:1024px;margin-top:1em;display:flex}.map-link-container{width:calc(2 * var(--map-link-border-thickness) + var(--map-link-width));height:calc(2 * var(--map-link-border-radius) + var(--map-link-height) + 1em);grid-template-rows:1fr;grid-template-columns:1fr;place-items:end center;margin:0;padding:0;display:grid;position:relative}.map-link{width:var(--map-link-width);height:var(--map-link-height);border:var(--map-link-border-thickness) solid var(--section-color);background:linear-gradient(#202020,#252525);border-radius:.5em;grid-template-rows:1fr;grid-template-columns:1fr;place-content:center;place-items:center;margin:0;padding:0;display:grid;position:relative;top:0}.logo-and-name{height:calc(var(--map-link-height) - 16px);width:calc(var(--map-link-width) - 16px);position:relative}.tournament-logo{object-fit:contain;max-width:170px;max-height:120px;position:absolute;top:50%;left:50%;translate:-50% -70%}.map-title{text-align:center;color:var(--section-color);text-wrap:balance;place-content:center;place-items:center;width:100%;height:48px;margin:0;padding:0;font-size:clamp(8px,1em,20px);font-weight:700;line-height:1.2;display:grid;position:absolute;bottom:2px}.map-link:is(:active,:focus-visible){box-shadow:var(--map-link-shadow);& .map-title{color:var(--section-color)}}}@media (hover:hover) and (width>=40em){.map-link:hover{box-shadow:var(--map-link-shadow);& .map-title{color:var(--section-color)}}}@media (prefers-reduced-motion:no-preference) and (width>=40em){.map-link-container{& .map-link:is(:active,:focus-visible){top:var(--map-link-top-displacement);box-shadow:var(--map-link-shadow)}}}@media (prefers-reduced-motion:no-preference){.map-link-container{&.hide .map-link{filter:blur(5px);opacity:0;transition:top .2s ease-out,box-shadow .2s ease-out,opacity .2s ease-out,filter .2s ease-out,transform .2s ease-out;transform:translate(-30%)}&.show .map-link{filter:blur();opacity:1;transform:translate(0)}&:first-child.show .map-link{transition:top .2s ease-out,box-shadow .2s ease-out,opacity .2s ease-out .2s,filter .2s ease-out .2s,transform .2s ease-out .2s,background-color .2s ease-out}&:nth-child(2).show .map-link{transition:top .2s ease-out,box-shadow .2s ease-out,opacity .2s ease-out .3s,filter .2s ease-out .3s,transform .2s ease-out .3s,background-color .2s ease-out}&:nth-child(3).show .map-link{transition:top .2s ease-out,box-shadow .2s ease-out,opacity .2s ease-out .4s,filter .2s ease-out .4s,transform .2s ease-out .4s,background-color .2s ease-out}&:nth-child(4).show .map-link{transition:top .2s ease-out,box-shadow .2s ease-out,opacity .2s ease-out .5s,filter .2s ease-out .5s,transform .2s ease-out .5s,background-color .2s ease-out}&:nth-child(5).show .map-link{transition:top .2s ease-out,box-shadow .2s ease-out,opacity .2s ease-out .6s,filter .2s ease-out .6s,transform .2s ease-out .6s,background-color .2s ease-out}&:nth-child(6).show .map-link{transition:top .2s ease-out,box-shadow .2s ease-out,opacity .2s ease-out .7s,filter .2s ease-out .7s,transform .2s ease-out .7s,background-color .2s ease-out}&:nth-child(7).show .map-link{transition:top .2s ease-out,box-shadow .2s ease-out,opacity .2s ease-out .8s,filter .2s ease-out .8s,transform .2s ease-out .8s,background-color .2s ease-out}&:nth-child(8).show .map-link{transition:top .2s ease-out,box-shadow .2s ease-out,opacity .2s ease-out .9s,filter .2s ease-out .9s,transform .2s ease-out .9s,background-color .2s ease-out}}}@media (prefers-reduced-motion:no-preference) and (hover:hover) and (width>=40em){.map-link-container:hover>.map-link{top:var(--map-link-top-displacement);box-shadow:var(--map-link-shadow)}}.elo-graph{max-width:min(100%,500px);margin-top:1.5em}@media (prefers-reduced-motion:no-preference){.elo-graph-container{&.hide .elo-graph{filter:blur(5px);opacity:0;transition:opacity .2s ease-out,filter .2s ease-out,transform .2s ease-out;transform:translate(10%)}&.show .elo-graph{filter:blur();opacity:1;transition:opacity .2s ease-out .2s,filter .2s ease-out .2s,transform .2s ease-out .2s;transform:translate(0)}}}.trade-cart-container{margin:1.5em auto 0;display:block}.trade-cart-video{display:none}@media (prefers-reduced-motion:no-preference){.trade-cart-image{display:none}.trade-cart-video{display:block}.trade-cart-container{&.hide .trade-cart-video{filter:blur(5px);opacity:0;transition:opacity .2s ease-out,filter .2s ease-out,transform .2s ease-out;transform:translate(-20%)}&.show .trade-cart-video{filter:blur();opacity:1;transition:opacity .2s ease-out .2s,filter .2s ease-out .2s,transform .2s ease-out .2s;transform:translate(0)}}}