.badgeCheck{border-radius:50%;line-height:1}.badgeCheck svg{height:80%;width:80%}.badgeVersion{background:var(--accent);border-radius:.30769em;color:var(--btn-bg);font-size:var(--badge-version-font-size,1.3rem);padding-left:.23077em;padding-right:.23077em;vertical-align:super}.avatar{align-items:center;display:flex;position:relative}.avatar:after{background:var(--accent);border-radius:50%;content:"";height:.7rem;left:3.3rem;position:absolute;top:0;width:.7rem}.avatar--name-reveal:not(:hover) .avatar__name:after{opacity:0;transform:translateY(.2em)}.avatar__pic{background:var(--profile-bg,var(--primary));border-radius:50%;height:calc(4rem*var(--profile-pic-cx, 1));width:calc(4rem*var(--profile-pic-cx, 1))}.avatar__name{font-size:calc(1.6rem*var(--profile-pic-cx, 1));margin-left:.75em}@media (prefers-color-scheme:dark){:where(html:not(.theme-set.basic-white)) .avatar__name{color:var(--dodger-blue)}}:where(html.theme-set.basic-black) .avatar__name{color:var(--dodger-blue)}.avatar__name:after{content:attr(player-name);pointer-events:none;transition:.3s var(--in-out-quad);transition-property:opacity,transform}.avatar__link{inset:0;opacity:0;position:absolute}.input{border-bottom:.3rem solid;display:block;margin-bottom:1.4rem}@media (min-width:37.5em){.input{margin-bottom:3.7rem}}.input__input{line-height:2.15;width:100%}.input__input::placeholder{color:var(--grey)}.error{color:var(--error)}@media (min-width:20em){.error{display:flex;gap:1em}}.error__icon{flex-shrink:0}@media (max-width:19.999em){.error__icon{display:none}}.btn{align-items:center;background:var(--btn-bg);border:.3rem solid var(--btn-border,var(--turquoise));border-radius:.8rem;display:inline-grid;font-size:2rem;gap:1rem;grid-auto-flow:column;height:4.7rem;justify-content:center;-webkit-user-select:none;user-select:none;white-space:nowrap;width:28rem}@media (prefers-reduced-motion:no-preference){.btn{animation:border-glow 3s linear infinite}}@supports not selector(:has(:focus-visible)){.btn:is(:hover,:focus-visible,:not(:focus-visible):focus-within){animation-duration:1s}}@supports selector(:has(:focus-visible)){.btn:is(:hover,:has(:focus-visible)){animation-duration:1s}}.btn--small{border-radius:.4rem;border-width:.2rem;font-size:1.5rem}.btn--medium,.btn--small{height:auto;padding:.5em 2em;width:auto}@media (min-width:37.5em){.btn--huge{border-width:.5rem;font-size:2.6rem;height:7.6rem}}.btn--secondary:not(:hover,:focus-visible){animation:none;border-color:var(--primary)}.btn--secondary:not(:hover,:focus-visible):before{content:none}.btn--accent{background:var(--accent);color:var(--btn-bg);position:relative;transition:background-color .15s var(--in-out-quad)}@media (prefers-color-scheme:dark){:where(html:not(.theme-set.basic-white)) .btn--accent{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}}:where(html.theme-set.basic-black) .btn--accent{-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto}.btn--accent:not(:hover,:focus-visible){animation:none;border-color:transparent}.btn--accent:not(:hover,:focus-visible):before{content:none}.btn--accent:is(:hover,:focus-visible){background:var(--accent-pale)}.btn--accent:before{border:.1rem solid;border-radius:.2rem;content:"";inset:0;position:absolute}.btn--text{animation:none;background:none;border-color:transparent;outline:none}.btn--text:not(.btn--disabled):is(:hover,:focus-visible){background:var(--btn-bg)}@media (prefers-reduced-motion:no-preference){.btn--text:not(.btn--disabled):is(:hover,:focus-visible){animation:border-glow 1s linear infinite}}.btn--disabled{color:var(--grey);cursor:not-allowed}.btn--disabled:not(.btn--text){animation:none;background:none;border-color:var(--grey)}.btn--disabled:not(.btn--text):hover{border-color:var(--grey)}.pagination{display:flex;flex-wrap:wrap}.pagination--before{margin-bottom:4rem}.pagination--after{margin-top:4rem}.pagination__list{gap:1rem}.pagination__link{min-width:4.5rem;padding-left:1.5rem;padding-right:1.5rem}.progress{height:.5rem;position:relative;width:100%}.progress__inner:indeterminate+.progress__bar,.progress__inner:indeterminate~.progress__label{opacity:0}.progress__label{transition:opacity 1s var(--in-out-quad)}.progress__bar{background:var(--primary);inset:0;position:absolute;transform:scaleX(var(--progress,0));transform-origin:left;transition:.3s var(--in-out-quad);transition-property:opacity,transform}.progress__bar--ongoing{opacity:.4;transform:scaleX(var(--progress-ongoing,0))}.tooltip-ctn{position:relative}.tooltip-ctn:focus-visible:not(:hover) .tooltip,.tooltip-ctn:hover:not(:focus-visible) .tooltip{opacity:1;transition-delay:var(--tooltip-delay,.3s);visibility:visible}.tooltip{--tooltip-color:var(--accent);--tooltip-bg:var(--btn-bg);--tooltip-border:var(--btn-bg);font-size:1.4rem;padding:.2em .5em;position:absolute;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;background:var(--tooltip-bg);border:.2rem solid var(--tooltip-border);border-radius:.4rem;color:var(--tooltip-color);filter:drop-shadow(0 0 .3rem hsl(0deg 0% 0%/.1));opacity:0;transition:opacity .3s ease .3s;transition-property:opacity,visibility;visibility:hidden}@media (min-width:37.5em){.tooltip{font-size:1.5rem}}.tooltip:after,.tooltip:before{bottom:var(--tooltip-notch-bottom,unset);content:"";left:var(--tooltip-notch-left,unset);position:absolute;right:var(--tooltip-notch-right,unset);top:var(--tooltip-notch-top,unset);transform:translate(var(--tooltip-notch-x,0),var(--tooltip-notch-y,0)) rotate(var(--tooltip-notch-rotation,0));transform-origin:50% 0}.tooltip:before{border-left:1rem solid transparent;border-right:1rem solid transparent;border-top:1rem solid var(--tooltip-border)}.tooltip:after{border-left:.7rem solid transparent;border-right:.7rem solid transparent;border-top:.7rem solid var(--tooltip-bg)}.tooltip--top-left{bottom:calc(100% + 1rem);right:0;--tooltip-notch-bottom:0;--tooltip-notch-right:2rem;--tooltip-notch-x:50%;--tooltip-notch-y:100%}.tooltip--bottom{top:calc(100% + 1rem);--tooltip-notch-top:0;--tooltip-notch-left:50%;--tooltip-notch-x:-50%;--tooltip-notch-rotation:180deg}.tooltip--bottom-left{right:0;top:calc(100% + 1rem);--tooltip-notch-top:0;--tooltip-notch-right:2rem;--tooltip-notch-x:50%;--tooltip-notch-rotation:180deg}.tooltip--left{right:calc(100% + 1rem);top:50%;transform:translateY(-50%);--tooltip-notch-top:50%;--tooltip-notch-left:100%;--tooltip-notch-x:-50%;--tooltip-notch-rotation:-90deg}body{display:flex;flex-direction:column;padding-top:var(--top-bar-h)}html.languages-visible body{overflow:hidden}main{flex-grow:1}.skip-link{margin-left:var(--x-space)}.topBar{align-items:center;background:var(--bg);border-bottom:.1rem solid var(--grey-separator);bottom:unset;display:grid;gap:2rem;grid-template-columns:1fr auto;left:0;opacity:.98;padding:0 2rem;position:fixed;right:0;top:0;transition:transform .3s var(--out-quad) .2s;z-index:3}@media (min-width:37.5em){.topBar{grid-template-columns:1fr auto 1fr;padding:2rem}}.hidden-top-bar .topBar:not(:focus-within){transform:translateY(var(--topbar-hidden-y,-105%));transition:transform .5s var(--in-out-quad) .3s}.topBar:before{background:var(--bg);content:"";inset:0;position:absolute}.topBar>*{z-index:1}.topBar__right{align-items:center;display:flex;gap:2rem;justify-content:flex-end}.topBar__sunappu{--badge-version-font-size:.68421em;font-size:1.9rem;font-weight:700;justify-self:start}@media (max-width:43.999em){.topBar__sunappu{display:grid;font-size:1.7rem;place-items:start}}.topBar__nav{font-size:1.4rem;font-weight:700}@media (min-width:37.5em){.topBar__nav{font-size:1.8rem}}@media (max-width:37.499em){.topBar__navItem:first-of-type{margin-left:-1em}}.topBar__navItem--current{color:var(--accent);--svg-games-square-fill:hsl(219,100%,75%,.7)}@media (prefers-color-scheme:dark){:where(html:not(.theme-set.basic-white)) .topBar__navItem--current{filter:drop-shadow(0 0 .55em currentColor);--svg-album-bg:hsl(150 32% 26%);--svg-games-square-fill:hsl(167 100% 50%/.5)}}:where(html.theme-set.basic-black) .topBar__navItem--current{filter:drop-shadow(0 0 .55em currentColor);--svg-album-bg:hsl(150 32% 26%);--svg-games-square-fill:hsl(167 100% 50%/.5)}.topBar__navItem:focus-within .topBar__navLink__icon,.topBar__navItem:hover .topBar__navLink__icon{--svg-album-animation:svg-album;--svg-album-under:svg-album-under;--svg-games-square-animation:svg-games-square;--svg-news-animation:svg-news}.topBar__navLink{color:inherit;line-height:1;padding:.5em 1em}@media (max-width:37.499em){.topBar__navLink{flex-direction:column;padding:1em}.topBar__navLink__icon{margin-bottom:.5em}}@media (min-width:37.5em){.topBar__navLink__icon{margin-right:.5em}}.topBar__login{font-size:1.5rem}.user-menu{position:relative}.user-menu:focus-within .user-menu__openBtn{pointer-events:none}.user-menu:not(:hover,:focus-within) .user-menu__list{--menu-delay:1s;--menu-easing:var(--in-quad);opacity:0;transform:translateY(-1rem);visibility:hidden}.user-menu__openBtn{gap:1rem}.role--guest .user-menu__openBtn{height:4rem;margin-right:-.95rem;width:4rem}.user-menu__list{background:var(--bg);border:.1rem solid var(--grey);border-radius:.4rem;font-size:1.5rem;min-width:17rem;padding:2rem;position:absolute;right:0;top:calc(100% + 1rem);transition:.15s var(--menu-easing,var(--out-quad)) var(--menu-delay,0s);transition-property:opacity,transform,visibility}@media (prefers-color-scheme:dark){:where(html:not(.theme-set.basic-white)) .user-menu__list{background:var(--grey-separator)}}:where(html.theme-set.basic-black) .user-menu__list{background:var(--grey-separator)}.user-menu__sunappu{padding-bottom:1rem;padding-top:1rem}.user-menu__link{width:100%}.topBar__profile{align-items:center;display:flex;position:relative}@media (min-width:80em){.topBar__profile{--profile-pic-cx:1.5}}.topBar__profile:not(:hover) .topBar__profile__name:after{opacity:0;transform:translateY(.2em)}.topBar__profile__pic{background:var(--profile-bg,var(--primary));border-radius:50%;height:calc(4rem*var(--profile-pic-cx, 1));width:calc(4rem*var(--profile-pic-cx, 1))}.topBar__profile__name{font-size:calc(1.6rem*var(--profile-pic-cx, 1));margin-left:.75em}@media (prefers-color-scheme:dark){:where(html:not(.theme-set.basic-white)) .topBar__profile__name{color:var(--dodger-blue)}}:where(html.theme-set.basic-black) .topBar__profile__name{color:var(--dodger-blue)}.topBar__profile__name:after{content:attr(player-name);pointer-events:none;transition:.3s var(--in-out-quad);transition-property:opacity,transform}.topBar__profile__link{inset:0;opacity:0;position:absolute}.topBar__import{font-weight:700}@media (max-width:37.499em){.topBar__import{display:none}}.topBar__add__icon{height:auto;width:.85em}.topBar__languages__btn{align-self:stretch;margin-right:-.9rem;padding:.9rem}.languages{background:var(--bg);border-bottom:.1rem solid var(--grey-separator);bottom:unset;left:0;padding-bottom:2rem;padding-left:inherit;padding-right:inherit;padding-top:2rem;position:absolute;right:0;top:var(--top-bar-h,0);transform:translateY(0);transition:.4s var(--out-quint);transition-property:transform,visibility;z-index:-1}html.js:not(.languages-visible) .languages,html.no-js .languages:not(:target){transform:translateY(-100%);visibility:hidden}html:not(.hidden-top-bar) .languages{max-height:calc(100vh - var(--top-bar-h, 0rem));overflow:auto}.languages__list{display:grid;grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(24rem,1fr));margin-left:auto;margin-right:auto;max-width:120rem}@media (min-width:20em){.languages__list{gap:1rem}}@media (min-width:56.25em){.languages__list{column-gap:2rem}}.lang__link{align-items:center;border-radius:.3rem;display:flex;justify-content:space-between;padding:.5em .75em;width:100%}.lang__badgeCheck{background:var(--accent);color:var(--bg);height:1.25em;margin-left:1rem;width:1.25em}.topBar__inspiration{display:flex;flex-direction:column;font-size:calc(1.4rem*var(--quote-cx, 1));font-style:italic;margin:0;quotes:"“" "”"}@media (min-width:37.5em){.topBar__inspiration{align-items:flex-end}.role--guest .topBar__inspiration{margin-left:auto}}@media (min-width:80em){.topBar__inspiration{--quote-cx:1.5}}.topBar__quote{display:block}@media (max-width:37.499em){.hidden-when-logo-in-user-menu{display:none}}@media (min-width:37.5em){.hidden-when-logo-in-top-bar{display:none}}@media (max-width:56.249em){.hidden-when-import-btn-in-user-menu{display:none}}@media (min-width:56.25em){.hidden-when-import-btn-in-top-bar{display:none}}@media (min-width:80em){.hidden-when-top-bar-guest-menu-hidden{display:none}}@media (max-width:79.999em){.hidden-when-top-bar-guest-menu-visible{display:none}}.regions{background:var(--bg);border-bottom:.1rem solid var(--grey-separator);bottom:unset;left:0;max-height:calc(100vh - var(--top-bar-h));overflow-y:auto;padding-bottom:2rem;padding-left:inherit;padding-right:inherit;padding-top:2rem;position:absolute;right:0;top:var(--top-bar-h,0);transform:translateY(0);transition:.4s var(--out-quint);transition-property:transform,visibility;z-index:-1}html.js:not(.regions-visible) .regions,html.no-js .regions:not(:target){transform:translateY(-100%);visibility:hidden}html.no-js .regions{margin-bottom:-10rem;scroll-margin-block-start:var(--top-bar-h);z-index:-1}.regions>*{margin-left:auto;margin-right:auto;max-width:120rem}@media (min-width:20em){.regions__header{display:flex;justify-content:space-between}}.regions__headerTitle{font-size:inherit;font-weight:400}.region__btnCtn{padding:2rem;position:absolute;right:0;z-index:2}.region__btn{align-self:stretch;margin-right:-.8rem;padding:.6rem}.region__btn__icon{height:auto;margin-left:.25em;width:.7em}.regions__explanation{color:#aaa;margin-bottom:2em;margin-top:2em;max-width:80rem}@media (min-width:20em){.regions__explanation{border:.1rem solid;border-radius:.3rem;font-size:1.6rem;padding-left:1em;padding-right:1em}}.regions__zones{display:grid;gap:2rem;padding-top:2rem}.regions__title{font-size:inherit;font-weight:400;margin-bottom:1em}.zone__countries{display:grid;grid-auto-flow:row;grid-template-columns:repeat(auto-fill,minmax(24rem,1fr))}@media (min-width:20em){.zone__countries{gap:1rem}}@media (min-width:56.25em){.zone__countries{column-gap:2rem}}.region__link{align-items:start;border-radius:.3rem;height:auto;justify-content:start;line-height:1.2;padding:.5em .75em;width:100%}.region__link.btn--accent,.region__link:focus-visible,.region__link:hover{--region-count-opacity:.7}.region__link--todo-naming-is-hard{display:flex;flex-direction:column}.region__count{display:block;font-size:1.3rem;opacity:var(--region-count-opacity,0)}.footer{border-top:.1rem solid var(--grey-separator);font-size:75%;margin-top:3rem;padding:1rem var(--x-space)}.footer a{color:var(--accent);text-decoration:underline;-webkit-text-decoration:underline solid currentColor;text-decoration:underline solid currentColor;-webkit-text-decoration:underline .1rem;text-decoration:underline .1rem;text-decoration-thickness:.1rem}.footer ul{list-style-type:disc;padding:revert}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto}}:root{view-transition-name:none}#main{view-transition-name:main}::view-transition-old(main){animation:.5s var(--in-quad) vt-out;transform-origin:top center}::view-transition-new(main){animation:.5s var(--out-expo) vt-in;transform-origin:top center}@keyframes vt-out{50%{opacity:0;transform:translateY(2rem) scale(.98)}to{opacity:0;transform:translateY(2rem) scale(.98)}}@keyframes vt-in{0%{opacity:0;transform:translateY(-2rem)}50%{opacity:0;transform:translateY(-2rem)}}.role--guest.auth main{margin-left:auto;margin-right:auto;max-width:45ch;padding:var(--x-space)}.auth-form{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between;margin-top:2.5rem}@media (max-width:37.499em){.auth-form{flex-direction:column}}.auth-fields{align-self:stretch;flex-basis:100%}.games-grid{display:grid;gap:var(--games-gap,1rem);grid-template-columns:repeat(var(--games-col,1),1fr)}@media (min-width:20em){.games-grid{--games-gap:4rem var(--x-space)}}@media (min-width:37.5em){.games-grid{--games-gap:6rem 4rem}}@media (min-width:24em){.games-grid{--games-col:2}}@media (min-width:50em){.games-grid{--games-col:3}}@media (min-width:80em){.games-grid{--games-col:4}}@media (max-width:37.499em){.games-grid--swipable{grid-auto-columns:min(90vw,25.6rem);grid-auto-flow:column;grid-template-columns:unset;margin-left:calc(var(--x-space)*-1);margin-right:calc(var(--x-space)*-1);overflow-x:scroll;padding-bottom:1rem;padding-left:var(--x-space);padding-right:var(--x-space);scroll-snap-type:x mandatory;scrollbar-color:var(--accent);scrollbar-width:thin}.games-grid--swipable>li{scroll-snap-align:center}}.gameCard{display:flex;flex-direction:column;position:relative}.gameCard__title{font-size:1.6rem;margin-top:.5em}@media (prefers-color-scheme:dark){:where(html:not(.theme-set.basic-white)) .gameCard__title{color:var(--dodger-blue)}}:where(html.theme-set.basic-black) .gameCard__title{color:var(--dodger-blue)}@media (min-width:20em){.gameCard__title{font-size:1.4rem;margin-top:1em}}@media (min-width:37.5em){.gameCard__title{font-size:1.6rem}}@media (min-width:56.25em){.gameCard__title{font-size:2rem}}.gameCard__pic{height:auto;order:-1;width:100%}@media (prefers-color-scheme:dark){:where(html:not(.theme-set.basic-white)) .gameCard__pic{box-shadow:0 0 .4rem #000000b3}}:where(html.theme-set.basic-black) .gameCard__pic{box-shadow:0 0 .4rem #000000b3}.gameCard__link{inset:0;opacity:0;position:absolute}.gameCard__details{display:none}.game__hero__topBar{align-items:center;display:flex;justify-content:space-between}.game__banner{aspect-ratio:auto 16/9;height:auto;width:100%}@media (prefers-color-scheme:dark){:where(html:not(.theme-set.basic-white)) .game__banner{box-shadow:0 0 .4rem #000000b3}}:where(html.theme-set.basic-black) .game__banner{box-shadow:0 0 .4rem #000000b3}.main--games{padding:var(--x-space)}.playerGames__grid{display:grid;gap:var(--games-gap,1rem);grid-template-columns:repeat(var(--games-col,1),1fr)}@media (min-width:20em){.playerGames__grid{--games-gap:4rem var(--x-space)}}@media (min-width:37.5em){.playerGames__grid{--games-gap:6rem 4rem}}.playerGame{display:flex;flex-direction:column;justify-content:flex-end;position:relative}.playerGame__title{font-size:1.6rem;margin-bottom:.5em}@media (prefers-color-scheme:dark){:where(html:not(.theme-set.basic-white)) .playerGame__title{color:var(--dodger-blue)}}:where(html.theme-set.basic-black) .playerGame__title{color:var(--dodger-blue)}@media (min-width:20em){.playerGame__title{font-size:1.4rem;margin-bottom:1em}}@media (min-width:37.5em){.playerGame__title{font-size:1.6rem}}@media (min-width:56.25em){.playerGame__title{font-size:2rem}}.playerGame__pic{height:auto;width:100%}@media (prefers-color-scheme:dark){:where(html:not(.theme-set.basic-white)) .playerGame__pic{box-shadow:0 0 .4rem #000000b3}}:where(html.theme-set.basic-black) .playerGame__pic{box-shadow:0 0 .4rem #000000b3}.playerGame__link{inset:0;opacity:0;position:absolute}.playerGame__details{display:none}.main--player{padding:var(--x-space)}.profile__ctn{margin-top:2rem}@media (min-width:37.5em){.profile__ctn{margin-top:10rem}}.player__games__title{font-weight:400;margin-bottom:3rem}.album__count{background:var(--btn-bg);border:.2rem solid;border-radius:50%;bottom:1rem;box-shadow:0 0 .3rem .3rem #0000004d;font-size:1.4rem;font-weight:700;height:2em;left:1rem;position:absolute;width:2em}.player__latest{margin-top:4rem}@media (min-width:37.5em){.player__latest{margin-top:10rem}}.player__latest__titleBar{align-items:center;display:flex;justify-content:space-between;margin-bottom:3rem}.player__latest__title{font-weight:400}@media (max-width:37.499em){.player__latest__titleViewMore{display:none}}.player__pics{display:grid;gap:var(--player-gap,1rem);grid-template-columns:repeat(var(--player-col,1),1fr)}@media (min-width:20em){.player__pics{--player-gap:4rem var(--x-space)}}@media (min-width:37.5em){.player__pics{--player-gap:6rem 4rem}}@media (min-width:50em){.player__pics{--player-col:2}}@media (max-width:37.499em){.player__pics--swipable{grid-auto-columns:80vw;grid-auto-flow:column;grid-template-columns:unset;margin-left:calc(var(--x-space)*-1);margin-right:calc(var(--x-space)*-1);overflow-x:scroll;padding-bottom:1rem;padding-left:var(--x-space);padding-right:var(--x-space);scroll-snap-type:x mandatory;scrollbar-color:var(--accent);scrollbar-width:thin}.player__pics--swipable>li{scroll-snap-align:center}}.player__pics__viewMore{display:flex;margin-left:auto;margin-right:auto;margin-top:5rem}.player__figure{display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;position:relative}.player__figure:hover .player__pic__figcaption{transform:none}.player__pic{height:auto;max-width:128rem;width:100%}@media (prefers-color-scheme:dark){:where(html:not(.theme-set.basic-white)) .player__pic{box-shadow:0 0 .4rem #000000b3}}:where(html.theme-set.basic-black) .player__pic{box-shadow:0 0 .4rem #000000b3}.player__pic__figcaption{background:#232529f2;bottom:0;color:#fff;position:absolute;transform:translateY(100%);transition:transform .7s var(--out-quint);width:100%}.player__pic__figcaption__inner{align-items:flex-end;display:flex;font-size:1.6rem;margin:0;padding:1em}@media (min-width:20em){.player__pic__figcaption__inner{font-size:1.4rem}}@media (min-width:37.5em){.player__pic__figcaption__inner{font-size:1.6rem}}@media (min-width:56.25em){.player__pic__figcaption__inner{font-size:2rem}}.player__pic__figcaption__game{color:inherit}.player__pic__figcaption__date{flex:1 0 auto;margin-left:3rem}.main--send{padding:var(--x-space)}.send__form{display:flex;flex-direction:column;justify-content:space-between}.uploader-visible.dragging .send__form{display:none}.uploader-visible body{overflow:hidden}.upload{background:var(--bg);display:grid;grid-template-rows:auto auto 1fr;inset:0;opacity:0;overflow-y:scroll;padding:2rem;position:fixed;transition:.15s var(--in-out-quad);transition-property:opacity,visibility;visibility:hidden;z-index:3}@supports (top:max(0px)){.upload{padding:max(var(--safe-top),2rem) max(var(--safe-right),2rem) max(var(--safe-bottom),2rem) max(var(--safe-left),2rem)}}.uploader-visible .upload{opacity:1;visibility:visible}.while-dragging{color:var(--grey);font-size:calc(1vmin + 2.6rem);inset:0;opacity:0;padding:var(--x-space);pointer-events:none;position:fixed;transition:.15s var(--in-out-quad);transition-property:opacity,visibility;visibility:hidden}@media (max-width:56.249em){.while-dragging{flex-direction:column;text-align:center}}.uploader-visible.dragging .while-dragging{opacity:1;visibility:visible}.while-dragging__icon{flex-shrink:0;opacity:.7;transform:scale(var(--scale,.7)) rotate(var(--rotate,15deg));transform-origin:center;transition:transform .6s cubic-bezier(.6,.12,.19,1.79)}@media (min-width:56.25em){.while-dragging__icon{height:auto;margin:1.5em;width:8rem}}.uploader-visible.dragging .while-dragging__icon{--scale:1;--rotate:-5deg}.uploader__description{place-self:center}.uploader-has-files .uploader__description,.uploader-visible.dragging .uploader__description{display:none}.uploader__description__label{cursor:pointer}.uploader__topBar{display:flex;justify-content:space-between}.uploader__topBar__right{display:flex;gap:2rem}.uploader__upload{font-weight:700;transition:.15s var(--in-out-quad);transition-property:opacity,visibility}.uploader-has-no-files .uploader__upload{display:none;opacity:0;pointer-events:none;visibility:hidden}.uploader__add{cursor:pointer}.uploader__add__input{border:0;font-size:0;opacity:0;padding:0;position:absolute;width:0}.uploader__progress{align-items:flex-end;display:flex;justify-content:flex-end;margin:3rem 0;position:sticky;top:0;z-index:1}.uploader__label{font-size:1.6rem;font-weight:700;margin-bottom:.5rem}.uploader__picsGrid{display:grid;gap:var(--uploader-pics-gap,1rem);grid-template-columns:repeat(var(--uploader-pics-col,1),1fr)}@media (min-width:20em){.uploader__picsGrid{--uploader-pics-gap:4rem var(--x-space)}}@media (min-width:37.5em){.uploader__picsGrid{--uploader-pics-gap:6rem 4rem;--uploader-pics-gap:2rem}}@media (min-width:24em){.uploader__picsGrid{--uploader-pics-col:2}}@media (min-width:50em){.uploader__picsGrid{--uploader-pics-col:3}}@media (min-width:80em){.uploader__picsGrid{--uploader-pics-col:4}}.uploader__picCard{border:.3rem solid transparent;border-radius:.3rem;display:flex;flex-direction:column;justify-content:flex-end;outline:.1rem solid var(--bg);outline-offset:-.5rem;overflow:hidden;position:relative}@media (min-width:37.5em){.uploader__picCard{border-width:.5rem}}@media (prefers-reduced-motion:no-preference){.uploader__picCard:hover{animation:border-glow 1s linear infinite}.safari :is(.uploader__picCard:hover .uploader__pic){transform:scale(1.8);transition:opacity .6s var(--in-quad),transform 1.4s var(--in-out-quad)}}.uploader__picCard:focus-within .uploader__pic:not(:hover),.uploader__picCard:hover .uploader__pic:not(:hover){opacity:.3}.uploader__picCard:not(:hover,:focus-within) .uploader__removePic{opacity:0}.uploader__gameTitle{font-size:1.6rem;margin:1.5em 0 .5em}@media (prefers-color-scheme:dark){:where(html:not(.theme-set.basic-white)) .uploader__gameTitle{color:var(--dodger-blue)}}:where(html.theme-set.basic-black) .uploader__gameTitle{color:var(--dodger-blue)}@media (min-width:20em){.uploader__gameTitle{font-size:1.4rem;margin-bottom:1em}}@media (min-width:37.5em){.uploader__gameTitle{font-size:1.6rem}}@media (min-width:56.25em){.uploader__gameTitle{font-size:2rem}}.uploader__pic{height:auto;transform-origin:var(--uploader-pic-transform-origin,50% 50%);transition:opacity .6s var(--in-quad),transform .2s var(--out-quad);width:100%}@media (prefers-color-scheme:dark){:where(html:not(.theme-set.basic-white)) .uploader__pic{box-shadow:0 0 .4rem #000000b3}}:where(html.theme-set.basic-black) .uploader__pic{box-shadow:0 0 .4rem #000000b3}.uploader__pic--uploading{opacity:.4;pointer-events:none}@keyframes upload-pic-scale{to{transform:scale(1.8)}}.uploader__removePic{height:4rem;position:absolute;right:1rem;top:1rem;transition:opacity .6s var(--out-quad);width:4rem;z-index:1}.uploader__removePic:before{border:.2rem solid;border-radius:50%;content:"";inset:.7rem;position:absolute}.uploader__removePic:after{background:var(--primary);content:"";inset:1.9rem 1.4rem;position:absolute}.uploader__picBadge{background:var(--accent);color:var(--bg);height:2.5rem;opacity:0;position:absolute;right:1rem;top:1rem;transition:opacity .6s var(--in-out-quad) .3s;width:2.5rem}.uploader__picCard--uploaded .uploader__picBadge{opacity:1}.uploader__picBadge--selected{background:var(--accent);color:var(--bg)}