.link{font-weight:700;text-decoration:none;transition:color .25s ease-in-out;color:#7596c2}.link:hover{color:red}.leftarrow,.rightarrow,.uparrow,.downarrow{width:0;height:0;border:.5em #194f82 solid;border-radius:.2rem;rotate:45deg;transition:border-color .25s ease-in-out}.leftarrow{border-right-color:transparent;border-top-color:transparent}.leftarrow:hover{border-left-color:red;border-bottom-color:red}.rightarrow{border-left-color:transparent;border-bottom-color:transparent}.rightarrow:hover{border-right-color:red;border-top-color:red}.uparrow{border-right-color:transparent;border-bottom-color:transparent}.uparrow:hover{border-left-color:red;border-top-color:red}.downarrow{border-left-color:transparent;border-top-color:transparent}.downarrow:hover{border-right-color:red;border-bottom-color:red}.svgfill .fill1,.svgfill .fill2{fill:#56ace0;transition:fill .25s ease-in-out}.svgfill .fill3{fill:#fff;transition:fill .25s ease-in-out}.svgfill .fill4{fill:#194f82;transition:fill .25s ease-in-out}.svglink{text-transform:uppercase;text-decoration:none;text-align:center;display:flex;row-gap:6px;flex-direction:column;justify-content:start;align-items:center;font-size:x-small;font-weight:700;color:#ededed;background-color:#fff0;padding:1em 0;transition:color .25s ease-in-out,background-color .25s ease-in-out;cursor:pointer;-webkit-user-select:none;user-select:none}.svglink>svg{height:3rem;width:3rem}.svglink>svg .fill1{fill:#56ace0;transition:fill .25s ease-in-out}.svglink>svg .fill2{fill:#56ace0;transition:fill .25s ease-in-out}.svglink>svg .fill3{fill:#fff;transition:fill .25s ease-in-out}.svglink>svg .fill4{fill:#194f82;transition:fill .25s ease-in-out}.svglink:hover,.svglink:focus{outline:none;color:red;background-color:#fff3}.svglink:hover>svg .fill1,.svglink:focus>svg .fill1{fill:#ffc10d}.svglink:hover>svg .fill2,.svglink:focus>svg .fill2{fill:#56ace0}.svglink:hover>svg .fill3,.svglink:focus>svg .fill3{fill:#fff}.svglink:hover>svg .fill4,.svglink:focus>svg .fill4{fill:#194f82}.propslabel{display:inline-block;font-size:small;text-transform:uppercase;background-color:#194f82;color:#ededed;padding:.4rem .6rem;border-radius:.4rem .4rem 0 0}.propslist{background-color:#fff;list-style:none;padding:.6rem;border-radius:0 .4rem .4rem}dialog{display:grid;place-self:center;background-color:transparent;border:none;outline:none}.dplogo{position:relative}.dplogo:before{content:"•";position:absolute;display:grid;text-align:center;line-height:1.2;height:3rem;width:3rem;border:.25rem solid #56ace0;box-shadow:inset .19rem 0 #fff,inset 0 .19rem #fff,inset .19rem .19rem #fff,inset -.19rem -.19rem #fff;color:#ffc10d;background-color:#194f82;border-radius:.25rem;top:50%;transform:translateY(-50%) translate(-3.75rem)}.dplogo:after{content:"=";display:flex;flex-direction:column;position:absolute;top:-.5rem;left:-3.5rem;color:#fff;font-size:1.4rem}.formwrap>form>fieldset{display:flex;flex-direction:column;gap:1em;background-color:#ededed;border:none;border-radius:.4rem;padding:1em 1.6em}.formwrap>form>fieldset>legend{background-color:#10375c;color:#ededed;border-radius:.4em;padding:1em 1.6em;font-weight:700}.formwrap>form>fieldset>img{place-self:center;height:300px}.formwrap>form>fieldset>p.barrier{text-align:center}.formwrap>form>fieldset>label{display:flex;flex-direction:column;row-gap:.2rem;font-size:small}.formwrap>form>fieldset>label>select[multiple]{min-height:5rem}.formwrap>form>fieldset>label>input,.formwrap>form>fieldset>label select,.formwrap>form>fieldset>label .fileselect{padding:.4rem .6rem;border:none;border-radius:.4rem;transition:opacity .25s ease-in-out}.formwrap>form>fieldset>label>input:disabled,.formwrap>form>fieldset>label select:disabled,.formwrap>form>fieldset>label .fileselect:disabled{background-color:#fff;opacity:.4}.formwrap>form>fieldset>label>.fileselect{padding:0;cursor:pointer;display:flex;background-color:#fff;-webkit-user-select:none;user-select:none}.formwrap>form>fieldset>label>.fileselect.disabled{opacity:.4;cursor:default}.formwrap>form>fieldset>label>.fileselect>div{padding:.4rem .6rem}.formwrap>form>fieldset>label>.fileselect>.head{background-color:#f6f8ff}.formwrap>form>fieldset>label.google{flex-direction:row;justify-content:space-around;align-items:center;cursor:pointer;padding:.4rem 0;border-radius:.4rem;transition:background-color .25s ease-in-out}.formwrap>form>fieldset>label.google>svg{height:3rem}.formwrap>form>fieldset>label.google:hover{background-color:#a8b5d8}.formwrap>form>fieldset>label>label{display:flex;flex-wrap:wrap;gap:.4rem;padding:.4rem .6rem;border-radius:.4rem;background-color:#194f82;color:#ededed;align-items:center}.formwrap>form>fieldset>label>label+label{margin-top:.2rem}.formwrap>form>fieldset>label>label>input{padding:.4rem .6rem;border:none;border-radius:.4rem}.formwrap>form>fieldset>.buttons{display:grid;gap:.4em;grid-template-columns:auto auto;place-items:center}.formwrap>form>fieldset>.buttons>label,.formwrap>form>fieldset>.buttons .button{cursor:pointer;font-size:0;width:100%;text-align:center;padding:.4rem 0;border-radius:.4rem;transition:background-color .25s ease-in-out}.formwrap>form>fieldset>.buttons>label>svg,.formwrap>form>fieldset>.buttons .button>svg{width:3rem}.formwrap>form>fieldset>.buttons>label:hover,.formwrap>form>fieldset>.buttons .button:hover{background-color:#a8b5d8}.formwrap>form>fieldset>.button{cursor:pointer;font-size:0;width:100%;text-align:center;padding:.4rem 0;border-radius:.4rem;transition:background-color .25s ease-in-out}.formwrap>form>fieldset>.button>svg{width:3rem}.formwrap>form>fieldset>.button:hover{background-color:#a8b5d8}.formwrap>form>fieldset>.spinner{height:3.8rem}.formwrap>form>fieldset>.spinner>span{border-width:.25rem 0 0 0}.formwrap>form>fieldset>.spinner>span.s1{width:3.8rem;height:3.8rem}.formwrap>form>fieldset>.spinner>span.s2{width:3.6rem;height:3.6rem}.formwrap>form>fieldset>.spinner>span.s3{width:3.4rem;height:3.4rem}.gameslist>.listhead{display:flex}.gameslist>.listhead>label{position:relative}.gameslist>.listhead>label:first-of-type{width:60%}.gameslist>.listhead>label:nth-of-type(2){width:20%}.gameslist>.listhead>label.selected:after{width:0;height:0;border:.5em #194f82 solid;rotate:45deg;transition:border-color .25s ease-in-out;border-left-color:transparent;border-top-color:transparent;content:"";display:block;border-radius:.2rem}.gameslist>.listhead>label.selected:after:hover{border-right-color:red;border-bottom-color:red}.gameslist>.listhead>label.selected.reversed:after{transform:translateY(50%) rotate(180deg)}.gameslist>.listhead>div{width:20%}.gameslist>ul{list-style:none}.gameslist>ul>li{background-color:#f6f8ff;border-radius:.4rem;padding:.4rem}.gameslist>ul>li+li{margin-top:.4rem}.gameslist>ul>li>label{display:flex;flex-direction:column;gap:0 1rem}@media (min-width: 48rem){.gameslist>ul>li>label{display:grid;grid-template:"img title details" 4rem "img publisher details" 2rem / 12rem auto 8rem}}.gameslist>ul>li>label>.imgwrapper{grid-area:img;aspect-ratio:2 / 1;display:grid;overflow:hidden;border-radius:.4rem;background-repeat:no-repeat;background-size:cover}.gameslist>ul>li>label>.imgwrapper>img{object-fit:cover;width:100%}.gameslist>ul>li>label>.title{grid-area:title}.gameslist>ul>li>label>.title>a{color:#10375c;text-decoration:none;font-weight:700;font-size:larger;transition:color .25s ease-in-out}.gameslist>ul>li>label>.title>a:hover{color:red}.gameslist>ul>li>label>.publisher{grid-area:publisher;display:grid;align-items:end;color:#10375c;font-size:small}.gameslist>ul>li>label>.details{grid-area:details;display:grid;grid-template:"players players" 1fr "weight time" 2fr / 1fr 1fr;gap:.2rem}.gameslist>ul>li>label>.details>span{background-color:#fff;border-radius:.4rem}.gameslist>ul>li>label>.details>span>svg .fill1{fill:#56ace0;transition:fill .25s ease-in-out}.gameslist>ul>li>label>.details>span>svg .fill2{fill:#56ace0;transition:fill .25s ease-in-out}.gameslist>ul>li>label>.details>span>svg .fill3{fill:#fff;transition:fill .25s ease-in-out}.gameslist>ul>li>label>.details>span>svg .fill4{fill:#194f82;transition:fill .25s ease-in-out}.gameslist>ul>li>label>.details>span.players{grid-area:players;display:flex;align-items:center;padding:0 .4rem}.gameslist>ul>li>label>.details>span.players>svg{max-width:1.2rem}.gameslist>ul>li>label>.details>span.weight{grid-area:weight;display:grid;place-content:center}.gameslist>ul>li>label>.details>span.weight>svg{height:3rem}.gameslist>ul>li>label>.details>span.time{grid-area:time;display:grid;place-content:center}.gameslist>ul>li>label>.details>span.time>svg{height:3rem}.gameslist>ul>li>.info{display:grid;grid-template:"designer year" "mechanics categories" "description description";gap:.4rem}.gameslist>ul>li>.info>div.designer{grid-area:designer;margin-top:.4rem}.gameslist>ul>li>.info>div.year{grid-area:year;margin-top:.4rem}.gameslist>ul>li>.info>div.mechanics{grid-area:mechanics}.gameslist>ul>li>.info>div.categories{grid-area:categories}.gameslist>ul>li>.info>div.description{grid-area:description}.gameslist>ul>li>.info>div.description>.text{background-color:#fff;color:#10375c;text-transform:none;font-size:initial;list-style:none;padding:.6rem;border-radius:0 .4rem .4rem;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;line-clamp:6;-webkit-line-clamp:6}.gameslist>ul>li>.info>div.description>input:checked+.text{line-clamp:initial;-webkit-line-clamp:initial}.gameslist>ul>li>.info>div>label{display:inline-block;font-size:small;text-transform:uppercase;background-color:#194f82;color:#ededed;padding:.4rem .6rem;border-radius:.4rem .4rem 0 0}.gameslist>ul>li>.info>div>ul{background-color:#fff;list-style:none;padding:.6rem;border-radius:0 .4rem .4rem}.play{display:grid;grid-template-columns:auto 1fr 1fr;gap:.4rem}.play>.points{display:grid;place-items:center}.play>.win{display:grid;place-items:center}.play>.win>svg{height:1.5rem}.play>.win>svg .fill1{fill:#56ace0;transition:fill .25s ease-in-out}.play>.win>svg .fill2{fill:#56ace0;transition:fill .25s ease-in-out}.play>.win>svg .fill3{fill:#fff;transition:fill .25s ease-in-out}.play>.win>svg .fill4{fill:#194f82;transition:fill .25s ease-in-out}.playerlink{display:grid;grid-template:"img name" 2rem / 2rem auto;gap:.4rem;border-radius:.4rem;text-decoration:none;align-items:center;color:#10375c;transition:background-color .25s ease-in-out,color .25s ease-in-out}.playerlink>svg .fill1{fill:#56ace0;transition:fill .25s ease-in-out}.playerlink>svg .fill2{fill:#56ace0;transition:fill .25s ease-in-out}.playerlink>svg .fill3{fill:#fff;transition:fill .25s ease-in-out}.playerlink>svg .fill4{fill:#194f82;transition:fill .25s ease-in-out}.playerlink>img{border-radius:.4rem;object-fit:cover;width:2rem;height:auto;aspect-ratio:1}.playerlink:hover{background-color:#f6f8ff;color:red}.toggler{position:relative;padding-left:3.2rem;-webkit-user-select:none;user-select:none}.toggler:before{position:absolute;top:50%;left:.6rem;transform:translateY(-50%);content:"";display:block;height:1rem;aspect-ratio:1.8;border:.2rem solid #fff;border-radius:1rem}.toggler:after{position:absolute;top:50%;left:.8rem;transform:translateY(-50%);content:"";display:block;height:1rem;aspect-ratio:1;background-color:#fff;border-radius:1rem;transition:left .25s ease-in-out}.toggler:has(>input:checked):after{left:1.6rem}*{margin:0;padding:0}body{background-color:#ededed;font-family:Didact Gothic,sans-serif}body>div{position:fixed;display:grid;grid-template:"hamburger header" 5rem "main main" calc(100dvh - 5rem) / 8rem calc(100vw - 8rem)}@media (min-width: 48rem){body>div{grid-template:"hamburger header" 5rem "navigation main" calc(100dvh - 5rem) / 8rem calc(100vw - 8rem)}}body>div .burgerwrap{display:grid;place-content:center;background-color:#10375c}body>div .burgerwrap>.hamburger{grid-area:hamburger;display:block;height:2.19rem;width:2.81rem;font-size:0}body>div .burgerwrap>.hamburger>span{display:block;height:.31rem;border-radius:.31rem;background-color:#ededed;transition:transform .25s ease-in-out,opacity .25s ease-in-out}body>div .burgerwrap>.hamburger>span:first-of-type{transform-origin:left top}body>div .burgerwrap>.hamburger>span:nth-of-type(2){transform:translateY(.625rem)}body>div .burgerwrap>.hamburger>span:nth-of-type(3){transform-origin:left bottom;transform:translateY(1.25rem)}body>div input:checked+.burgerwrap>.hamburger>span:first-of-type{transform:rotate(45deg)}body>div input:checked+.burgerwrap>.hamburger>span:nth-of-type(2){transform:translateY(.625rem) translate(-80rem);opacity:0}body>div input:checked+.burgerwrap>.hamburger>span:nth-of-type(3){transform:translateY(1.25rem) rotate(-45deg)}body>div input:checked~nav{left:0}body>div input:checked~nav>.toolbar{translate:0}body>div>header{background-color:#10375c;color:#ededed;grid-area:header;display:grid;place-content:center}body>div>header>h1{position:relative}body>div>header>h1:before{content:"•";position:absolute;display:grid;text-align:center;line-height:1.2;height:3rem;width:3rem;border:.25rem solid #56ace0;box-shadow:inset .19rem 0 #fff,inset 0 .19rem #fff,inset .19rem .19rem #fff,inset -.19rem -.19rem #fff;color:#ffc10d;background-color:#194f82;border-radius:.25rem;top:50%;transform:translateY(-50%) translate(-3.75rem)}body>div>header>h1:after{content:"=";display:flex;flex-direction:column;position:absolute;top:-.5rem;left:-3.5rem;color:#fff;font-size:1.4rem}body>div>nav{grid-area:navigation;display:grid;grid-template:"ul" auto "userbox" 5.5rem;position:absolute;top:5rem;left:-100%;bottom:0;width:8rem;z-index:1;transition:left .25s ease-in-out;color:#ededed}body>div>nav>ul{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#194f82 #ededed;grid-area:ul;background-color:#7596c2;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;list-style:none;display:flex;flex-direction:column;padding:1rem 0}body>div>nav>ul>li>a{text-transform:uppercase;text-decoration:none;text-align:center;display:flex;row-gap:6px;flex-direction:column;justify-content:start;align-items:center;font-size:x-small;font-weight:700;color:#ededed;background-color:#fff0;padding:1em 0;transition:color .25s ease-in-out,background-color .25s ease-in-out;cursor:pointer;-webkit-user-select:none;user-select:none}body>div>nav>ul>li>a>svg{height:3rem;width:3rem}body>div>nav>ul>li>a>svg .fill1{fill:#56ace0;transition:fill .25s ease-in-out}body>div>nav>ul>li>a>svg .fill2{fill:#56ace0;transition:fill .25s ease-in-out}body>div>nav>ul>li>a>svg .fill3{fill:#fff;transition:fill .25s ease-in-out}body>div>nav>ul>li>a>svg .fill4{fill:#194f82;transition:fill .25s ease-in-out}body>div>nav>ul>li>a:hover,body>div>nav>ul>li>a:focus{outline:none;color:red;background-color:#fff3}body>div>nav>ul>li>a:hover>svg .fill1,body>div>nav>ul>li>a:focus>svg .fill1{fill:#ffc10d}body>div>nav>ul>li>a:hover>svg .fill2,body>div>nav>ul>li>a:focus>svg .fill2{fill:#56ace0}body>div>nav>ul>li>a:hover>svg .fill3,body>div>nav>ul>li>a:focus>svg .fill3{fill:#fff}body>div>nav>ul>li>a:hover>svg .fill4,body>div>nav>ul>li>a:focus>svg .fill4{fill:#194f82}body>div>nav>.userbox{grid-area:userbox;display:flex;align-items:center;justify-content:space-around;position:relative;z-index:1;padding:1rem 0;border-top:.1rem solid #a8b5d8}body>div>nav>.userbox>label{text-transform:uppercase;text-decoration:none;text-align:center;row-gap:6px;justify-content:start;font-size:x-small;font-weight:700;color:#ededed;background-color:#fff0;padding:1em 0;transition:color .25s ease-in-out,background-color .25s ease-in-out;cursor:pointer;gap:0;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#7596c2;font-size:0}body>div>nav>.userbox>label>img{border-radius:.4rem;object-fit:cover;width:3.5rem;height:auto;aspect-ratio:1}body>div>nav>.userbox>label>svg{height:3rem;width:3rem}body>div>nav>.userbox>label>svg .fill1{fill:#56ace0;transition:fill .25s ease-in-out}body>div>nav>.userbox>label>svg .fill2{fill:#56ace0;transition:fill .25s ease-in-out}body>div>nav>.userbox>label>svg .fill3{fill:#fff;transition:fill .25s ease-in-out}body>div>nav>.userbox>label>svg .fill4{fill:#194f82;transition:fill .25s ease-in-out}body>div>nav>.userbox>label:hover,body>div>nav>.userbox>label:focus{outline:none;color:red;background-color:#fff3}body>div>nav>.userbox>label:hover>svg .fill1,body>div>nav>.userbox>label:focus>svg .fill1{fill:#ffc10d}body>div>nav>.userbox>label:hover>svg .fill2,body>div>nav>.userbox>label:focus>svg .fill2{fill:#56ace0}body>div>nav>.userbox>label:hover>svg .fill3,body>div>nav>.userbox>label:focus>svg .fill3{fill:#fff}body>div>nav>.userbox>label:hover>svg .fill4,body>div>nav>.userbox>label:focus>svg .fill4{fill:#194f82}body>div>nav>.userbox>label:hover{background-color:#a8b5d8}body>div>nav>.userbox>.usermenu{position:absolute;background-color:#a8b5d8;border-radius:.4rem .4rem 0 0;width:100%;left:0;right:0;top:0;z-index:-1;transition:translate .25s ease-in-out}body>div>nav>.userbox>.usermenu>p{padding:.2rem .8rem;text-align:center;color:#10375c;font-weight:700;overflow-x:hidden;text-overflow:ellipsis;-webkit-user-select:none;user-select:none}body>div>nav>.userbox>.usermenu>p.name{padding-bottom:0}body>div>nav>.userbox>.usermenu>p.email{line-height:1rem;padding-top:0;font-weight:400}body>div>nav>.userbox>.usermenu>label{text-transform:uppercase;text-decoration:none;text-align:center;display:flex;row-gap:6px;flex-direction:column;justify-content:start;align-items:center;font-size:x-small;font-weight:700;color:#ededed;background-color:#fff0;padding:1em 0;transition:color .25s ease-in-out,background-color .25s ease-in-out;cursor:pointer;-webkit-user-select:none;user-select:none;display:grid;grid-template-columns:1rem auto;column-gap:.4rem;padding:0 .8rem;text-align:left;color:#10375c}body>div>nav>.userbox>.usermenu>label>svg{height:3rem;width:3rem}body>div>nav>.userbox>.usermenu>label>svg .fill1{fill:#56ace0;transition:fill .25s ease-in-out}body>div>nav>.userbox>.usermenu>label>svg .fill2{fill:#56ace0;transition:fill .25s ease-in-out}body>div>nav>.userbox>.usermenu>label>svg .fill3{fill:#fff;transition:fill .25s ease-in-out}body>div>nav>.userbox>.usermenu>label>svg .fill4{fill:#194f82;transition:fill .25s ease-in-out}body>div>nav>.userbox>.usermenu>label:hover,body>div>nav>.userbox>.usermenu>label:focus{outline:none;color:red;background-color:#fff3}body>div>nav>.userbox>.usermenu>label:hover>svg .fill1,body>div>nav>.userbox>.usermenu>label:focus>svg .fill1{fill:#ffc10d}body>div>nav>.userbox>.usermenu>label:hover>svg .fill2,body>div>nav>.userbox>.usermenu>label:focus>svg .fill2{fill:#56ace0}body>div>nav>.userbox>.usermenu>label:hover>svg .fill3,body>div>nav>.userbox>.usermenu>label:focus>svg .fill3{fill:#fff}body>div>nav>.userbox>.usermenu>label:hover>svg .fill4,body>div>nav>.userbox>.usermenu>label:focus>svg .fill4{fill:#194f82}body>div>nav>.userbox>.usermenu>label>svg{width:1.1rem;height:2.5rem}body>div>nav>.userbox>input:checked+.usermenu{translate:0 -100%}body>div>nav>.toolbar{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#194f82 #ededed;background-color:#a8b5d8;position:absolute;display:flex;flex-direction:column;padding:1.5rem 0;top:0;bottom:0;left:100%;translate:-100%;width:max-content;transition:translate .25s ease-in-out}body>div>nav>.toolbar>label{text-transform:uppercase;text-decoration:none;text-align:center;display:flex;row-gap:6px;flex-direction:column;justify-content:start;align-items:center;font-size:x-small;font-weight:700;color:#ededed;background-color:#fff0;padding:1em 0;transition:color .25s ease-in-out,background-color .25s ease-in-out;cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:row;padding:.6rem 3rem .6rem 1.5rem;column-gap:1rem;font-size:small;color:#194f82}body>div>nav>.toolbar>label>svg{height:3rem;width:3rem}body>div>nav>.toolbar>label>svg .fill1{fill:#56ace0;transition:fill .25s ease-in-out}body>div>nav>.toolbar>label>svg .fill2{fill:#56ace0;transition:fill .25s ease-in-out}body>div>nav>.toolbar>label>svg .fill3{fill:#fff;transition:fill .25s ease-in-out}body>div>nav>.toolbar>label>svg .fill4{fill:#194f82;transition:fill .25s ease-in-out}body>div>nav>.toolbar>label:hover,body>div>nav>.toolbar>label:focus{outline:none;color:red;background-color:#fff3}body>div>nav>.toolbar>label:hover>svg .fill1,body>div>nav>.toolbar>label:focus>svg .fill1{fill:#ffc10d}body>div>nav>.toolbar>label:hover>svg .fill2,body>div>nav>.toolbar>label:focus>svg .fill2{fill:#56ace0}body>div>nav>.toolbar>label:hover>svg .fill3,body>div>nav>.toolbar>label:focus>svg .fill3{fill:#fff}body>div>nav>.toolbar>label:hover>svg .fill4,body>div>nav>.toolbar>label:focus>svg .fill4{fill:#194f82}body>div>nav>.toolbar>label>svg{width:2.6rem}body>div>nav>.toolbar>h4{padding:1rem 3rem 0 1.5rem;color:#194f82;font-size:smaller}body>div>nav>.toolbar>h4:after{content:"";display:block;height:.1rem;width:100%;background-color:#194f82}@media (min-width: 48rem){body>div>nav{left:0;position:relative;top:unset;bottom:unset;width:unset}}body>div>main{grid-area:main;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#194f82 #ededed}body>div>main .notice{position:absolute;display:grid;grid-template-columns:auto auto;align-items:center;gap:.6rem;left:50%;transform:translate(-50%);top:6rem;padding:1.5rem 2rem;color:#ededed;font-weight:700;border-radius:.4rem;background-color:#ff8585}body>div>main .notice.success{background-color:#77bd77}body>div>main .notice>svg{height:2rem}@media (min-width: 48rem){body>div>main .gridSection{display:grid;grid-template-columns:1fr 1fr}body>div>main .gridSection>.stats{grid-column:1 / span 2}body>div>main .gridSection>.stats>.global{display:grid;grid-template-columns:1fr 1fr}}@media (min-width: 48rem) and (min-width: 60rem){body>div>main .gridSection>.stats>.global{grid-template-columns:repeat(4,1fr)}}body>div>main section{background-color:#ededed;margin:1rem;padding:1rem;border-radius:.4rem;box-shadow:0 0 .8rem #0000004d}body>div>main section.header{display:grid;place-content:center;text-align:center}body>div>main section.header>h2{color:#194f82;text-transform:uppercase;font-weight:700}body>div>main section.carousel{display:grid;grid-template:"header carousel" / 33.33333333% auto}body>div>main section.carousel>h2{grid-area:header;background-color:#194f82;color:#ededed;display:grid;place-content:center;text-align:center}body>div>main section.carousel>.carousel{-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;grid-area:carousel;display:flex;position:relative;overflow-x:scroll;scroll-behavior:smooth;scroll-snap-type:x mandatory;gap:.6rem;padding:.6rem 0;scrollbar-width:thin;scrollbar-color:#194f82 #ededed}body>div>main section.carousel>.carousel>.item{min-width:100%;scroll-snap-align:start}body>div>main section.carousel>.carousel>.item>.logview{background-color:#f6f8ff;box-shadow:0 0 .8rem -.2rem #0000004d;border-radius:.4rem;display:grid;grid-template:"date date" 2rem "image image" auto "avatar details" 5rem / 5rem calc(100% - 5.6rem);gap:.6rem;margin:0 .6rem;padding:.6rem}body>div>main section.carousel>.carousel>.item>.logview>.dplogo:before{transform:translateY(-40%) translate(0);align-items:center;justify-self:center}body>div>main section.carousel>.carousel>.item>.logview>.dplogo:after{top:.8rem;left:1rem}body>div>main section.carousel>.carousel>.item>.logview>.date{display:grid;align-items:center;padding:0 .6rem;background-color:#10375c;color:#ededed;font-weight:700;border-radius:.4rem;grid-area:date}body>div>main section.carousel>.carousel>.item>.logview>.imgbg{display:grid;grid-template:"test";grid-area:image;background-repeat:no-repeat;background-position:top;background-size:cover;width:100%;aspect-ratio:1.5;border-radius:.4rem;overflow:hidden}body>div>main section.carousel>.carousel>.item>.logview>.imgbg>svg .fill1{fill:#56ace0;transition:fill .25s ease-in-out}body>div>main section.carousel>.carousel>.item>.logview>.imgbg>svg .fill2{fill:#56ace0;transition:fill .25s ease-in-out}body>div>main section.carousel>.carousel>.item>.logview>.imgbg>svg .fill3{fill:#fff;transition:fill .25s ease-in-out}body>div>main section.carousel>.carousel>.item>.logview>.imgbg>svg .fill4{fill:#194f82;transition:fill .25s ease-in-out}body>div>main section.carousel>.carousel>.item>.logview>.imgbg>.image{grid-area:test;width:100%;object-position:top;object-fit:cover;opacity:0;transition:opacity .25s ease-in-out}body>div>main section.carousel>.carousel>.item>.logview>.imgbg>.image.loaded{opacity:1}body>div>main section.carousel>.carousel>.item>.logview>.avatar{grid-area:avatar;height:100%;border-radius:.4rem;object-fit:cover;width:100%;aspect-ratio:1}body>div>main section.carousel>.carousel>.item>.logview>svg{background-color:#ededed;border-radius:.4rem}body>div>main section.carousel>.carousel>.item>.logview>svg .fill1{fill:#56ace0;transition:fill .25s ease-in-out}body>div>main section.carousel>.carousel>.item>.logview>svg .fill2{fill:#56ace0;transition:fill .25s ease-in-out}body>div>main section.carousel>.carousel>.item>.logview>svg .fill3{fill:#fff;transition:fill .25s ease-in-out}body>div>main section.carousel>.carousel>.item>.logview>svg .fill4{fill:#194f82;transition:fill .25s ease-in-out}body>div>main section.carousel>.carousel>.item>.logview>.details{grid-area:details;color:#10375c;font-size:small;overflow:hidden;text-overflow:ellipsis}body>div>main section.carousel>.carousel>.item>.logview>.details>a{font-weight:700;text-decoration:none;transition:color .25s ease-in-out;color:#7596c2}body>div>main section.carousel>.carousel>.item>.logview>.details>a:hover{color:red}@media (min-width: 60rem){body>div>main section.carousel>.carousel>.item>.logview>.details{font-size:unset}}body>div>main section.carousel>.carousel::-webkit-scrollbar{display:none}@media (min-width: 48rem){body>div>main section.carousel>.carousel{scrollbar-width:none}body>div>main section.carousel>.carousel>.item{min-width:calc(50% - .3rem)}}body>div>main section.carousel>.controls{grid-area:controls;display:none}@media (min-width: 48rem){body>div>main section.carousel>.controls{display:flex;flex-wrap:wrap;justify-content:center;gap:.2rem;border-radius:.4rem;text-align:center}body>div>main section.carousel>.controls>label{display:block;height:1rem;width:1rem;border-radius:.4rem;cursor:pointer;background-color:#ededed;transition:background-color .25s ease-in-out}body>div>main section.carousel>.controls>label:not(:is(.previous,.next)){font-size:0}body>div>main section.carousel>.controls>label.visible{background-color:#194f82}body>div>main section.carousel>.controls>label:hover{background-color:red}body>div>main section.carousel>.controls>label.previous{width:0;height:0;border:.5em #194f82 solid;border-radius:.2rem;rotate:45deg;transition:border-color .25s ease-in-out;border-right-color:transparent;border-top-color:transparent;background-color:transparent}body>div>main section.carousel>.controls>label.previous:hover{border-left-color:red;border-bottom-color:red}body>div>main section.carousel>.controls>label.next{width:0;height:0;border:.5em #194f82 solid;border-radius:.2rem;rotate:45deg;transition:border-color .25s ease-in-out;border-left-color:transparent;border-bottom-color:transparent;background-color:transparent}body>div>main section.carousel>.controls>label.next:hover{border-right-color:red;border-top-color:red}}@media (min-width: 48rem){body>div>main section.carousel{grid-template:"header carousel" "header controls" / 33.33333333% auto}}body>div>main section.unauthenticated{display:grid;place-content:center;justify-items:center;text-align:center;background-color:unset;box-shadow:unset}body>div>main section.unauthenticated>p>label{cursor:pointer;transition:color .25s ease-in-out}body>div>main section.unauthenticated>p>label:hover{color:red}body>div>main section.unauthenticated>svg{width:5.5rem}body>div>main section.unauthenticated>svg .fill1{fill:#56ace0;transition:fill .25s ease-in-out}body>div>main section.unauthenticated>svg .fill2{fill:#56ace0;transition:fill .25s ease-in-out}body>div>main section.unauthenticated>svg .fill3{fill:#fff;transition:fill .25s ease-in-out}body>div>main section.unauthenticated>svg .fill4{fill:#194f82;transition:fill .25s ease-in-out}body>div>main section>.listwrap>.listhead{display:flex}body>div>main section>.listwrap>.listhead>label{position:relative}body>div>main section>.listwrap>.listhead>label:first-of-type{width:60%}body>div>main section>.listwrap>.listhead>label:nth-of-type(2){width:20%}body>div>main section>.listwrap>.listhead>label.selected:after{width:0;height:0;border:.5em #194f82 solid;rotate:45deg;transition:border-color .25s ease-in-out;border-left-color:transparent;border-top-color:transparent;content:"";display:block;border-radius:.2rem}body>div>main section>.listwrap>.listhead>label.selected:after:hover{border-right-color:red;border-bottom-color:red}body>div>main section>.listwrap>.listhead>label.selected.reversed:after{transform:translateY(50%) rotate(180deg)}body>div>main section>.listwrap>.listhead>div{width:20%}body>div>main section>.listwrap>ul{list-style:none}body>div>main section>.listwrap>ul>li{background-color:#f6f8ff;border-radius:.4rem;padding:.4rem}body>div>main section>.listwrap>ul>li+li{margin-top:.4rem}body>div>main section>.listwrap>ul>li>label{display:flex;flex-direction:column;gap:0 1rem}@media (min-width: 48rem){body>div>main section>.listwrap>ul>li>label{display:grid;grid-template:"img title details" 4rem "img publisher details" 2rem / 12rem auto 8rem}}body>div>main section>.listwrap>ul>li>label>.imgwrapper{grid-area:img;aspect-ratio:2 / 1;display:grid;overflow:hidden;border-radius:.4rem;background-repeat:no-repeat;background-size:cover}body>div>main section>.listwrap>ul>li>label>.imgwrapper>img{object-fit:cover;width:100%}body>div>main section>.listwrap>ul>li>label>.title{grid-area:title}body>div>main section>.listwrap>ul>li>label>.title>a{color:#10375c;text-decoration:none;font-weight:700;font-size:larger;transition:color .25s ease-in-out}body>div>main section>.listwrap>ul>li>label>.title>a:hover{color:red}body>div>main section>.listwrap>ul>li>label>.publisher{grid-area:publisher;display:grid;align-items:end;color:#10375c;font-size:small}body>div>main section>.listwrap>ul>li>label>.details{grid-area:details;display:grid;grid-template:"players players" 1fr "weight time" 2fr / 1fr 1fr;gap:.2rem}body>div>main section>.listwrap>ul>li>label>.details>span{background-color:#fff;border-radius:.4rem}body>div>main section>.listwrap>ul>li>label>.details>span>svg .fill1{fill:#56ace0;transition:fill .25s ease-in-out}body>div>main section>.listwrap>ul>li>label>.details>span>svg .fill2{fill:#56ace0;transition:fill .25s ease-in-out}body>div>main section>.listwrap>ul>li>label>.details>span>svg .fill3{fill:#fff;transition:fill .25s ease-in-out}body>div>main section>.listwrap>ul>li>label>.details>span>svg .fill4{fill:#194f82;transition:fill .25s ease-in-out}body>div>main section>.listwrap>ul>li>label>.details>span.players{grid-area:players;display:flex;align-items:center;padding:0 .4rem}body>div>main section>.listwrap>ul>li>label>.details>span.players>svg{max-width:1.2rem}body>div>main section>.listwrap>ul>li>label>.details>span.weight{grid-area:weight;display:grid;place-content:center}body>div>main section>.listwrap>ul>li>label>.details>span.weight>svg{height:3rem}body>div>main section>.listwrap>ul>li>label>.details>span.time{grid-area:time;display:grid;place-content:center}body>div>main section>.listwrap>ul>li>label>.details>span.time>svg{height:3rem}body>div>main section>.listwrap>ul>li>.info{display:grid;grid-template:"designer year" "mechanics categories" "description description";gap:.4rem}body>div>main section>.listwrap>ul>li>.info>div.designer{grid-area:designer;margin-top:.4rem}body>div>main section>.listwrap>ul>li>.info>div.year{grid-area:year;margin-top:.4rem}body>div>main section>.listwrap>ul>li>.info>div.mechanics{grid-area:mechanics}body>div>main section>.listwrap>ul>li>.info>div.categories{grid-area:categories}body>div>main section>.listwrap>ul>li>.info>div.description{grid-area:description}body>div>main section>.listwrap>ul>li>.info>div.description>.text{background-color:#fff;color:#10375c;text-transform:none;font-size:initial;list-style:none;padding:.6rem;border-radius:0 .4rem .4rem;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-box-orient:vertical;line-clamp:6;-webkit-line-clamp:6}body>div>main section>.listwrap>ul>li>.info>div.description>input:checked+.text{line-clamp:initial;-webkit-line-clamp:initial}body>div>main section>.listwrap>ul>li>.info>div>label{display:inline-block;font-size:small;text-transform:uppercase;background-color:#194f82;color:#ededed;padding:.4rem .6rem;border-radius:.4rem .4rem 0 0}body>div>main section>.listwrap>ul>li>.info>div>ul{background-color:#fff;list-style:none;padding:.6rem;border-radius:0 .4rem .4rem}body>div>main section.game{background-color:#f6f8ff}body>div>main section.game>.details{display:grid;gap:.4rem}@media (min-width: 56.25rem){body>div>main section.game>.details{grid-template:"img title title title title title title" 2rem "img players players weight weight time time" auto "img designer designer designer year year year" auto "img mechanics mechanics mechanics categories categories categories" auto "img manual manual manual bgglink bgglink bgglink" auto "img toggler toggler toggler toggler toggler toggler" auto / auto 1fr 1fr 1fr 1fr 1fr 1fr}body>div>main section.game>.details>img{grid-area:img}body>div>main section.game>.details>h2{grid-area:title}body>div>main section.game>.details>.players{grid-area:players}body>div>main section.game>.details>.weight{grid-area:weight}body>div>main section.game>.details>.time{grid-area:time}body>div>main section.game>.details>.designer{grid-area:designer}body>div>main section.game>.details>.year{grid-area:year}body>div>main section.game>.details>.mechanics{grid-area:mechanics}body>div>main section.game>.details>.categories{grid-area:categories}body>div>main section.game>.details>.manual{grid-area:manual}body>div>main section.game>.details>.bgglink{grid-area:bgglink}body>div>main section.game>.details>.toggler{grid-area:toggler}}body>div>main section.game>.details>img{border-radius:.4rem;justify-self:center;max-width:100%}body>div>main section.game>.details>h2{color:#10375c}body>div>main section.game>.details>label{display:inline-block;font-size:small;text-transform:uppercase;background-color:#194f82;color:#ededed;padding:.4rem .6rem;border-radius:.4rem .4rem 0 0;border-radius:.4rem;display:grid;align-items:center}body>div>main section.game>.details>label:after{content:"";width:0;height:0;border:.5em #194f82 solid;border-radius:.2rem;rotate:45deg;transition:border-color .25s ease-in-out;border-left-color:transparent;border-top-color:transparent;border-right-color:#ededed;border-bottom-color:#ededed}body>div>main section.game>.details>label:after:hover{border-right-color:red;border-bottom-color:red}body>div>main section.game>.details>label:has(>input:checked){border-radius:.4rem .4rem 0 0}body>div>main section.game>.details>div>label{display:inline-block;font-size:small;text-transform:uppercase;background-color:#194f82;color:#ededed;padding:.4rem .6rem;border-radius:.4rem .4rem 0 0}body>div>main section.game>.details>div>ul{background-color:#fff;list-style:none;padding:.6rem;border-radius:0 .4rem .4rem}body>div>main section.game>.details>div>svg .fill1{fill:#56ace0;transition:fill .25s ease-in-out}body>div>main section.game>.details>div>svg .fill2{fill:#56ace0;transition:fill .25s ease-in-out}body>div>main section.game>.details>div>svg .fill3{fill:#fff;transition:fill .25s ease-in-out}body>div>main section.game>.details>div>svg .fill4{fill:#194f82;transition:fill .25s ease-in-out}body>div>main section.game>.details>.players{display:flex;justify-content:center;align-items:center}body>div>main section.game>.details>.players>svg{max-width:2rem}body>div>main section.game>.details>.weight{display:grid;place-content:center}body>div>main section.game>.details>.weight>svg{width:4rem}body>div>main section.game>.details>.time{display:grid;place-content:center}body>div>main section.game>.details>.time>svg{width:4rem}body>div>main section.game>.details>.bgglink{display:grid;place-content:center}body>div>main section.game>.details>.bgglink>a{text-decoration:none;color:#10375c;transition:color .25s ease-in-out;display:flex;align-items:center;column-gap:.4rem}body>div>main section.game>.details>.bgglink>a>svg{height:2rem}body>div>main section.game>.details>.bgglink>a:hover{color:red}body>div>main section.game>.description{background-color:#ededed;border-radius:.4rem;display:flex}body>div>main section.game>.description>.wrapper{margin:1rem}body>div>main section.gamestats{background-color:#f6f8ff;display:grid;grid-template-columns:1fr 1fr 1fr;gap:.4rem}body>div>main section.gamestats>.head{color:#10375c;grid-column:1 / span 3}body>div>main section.gamestats>.head>label{position:relative;padding-left:3.2rem;-webkit-user-select:none;user-select:none}body>div>main section.gamestats>.head>label:before{position:absolute;top:50%;left:.6rem;transform:translateY(-50%);content:"";display:block;height:1rem;aspect-ratio:1.8;border:.2rem solid #fff;border-radius:1rem}body>div>main section.gamestats>.head>label:after{position:absolute;top:50%;left:.8rem;transform:translateY(-50%);content:"";display:block;height:1rem;aspect-ratio:1;background-color:#fff;border-radius:1rem;transition:left .25s ease-in-out}body>div>main section.gamestats>.head>label:has(>input:checked):after{left:1.6rem}body>div>main section.gamestats>div>label{display:inline-block;font-size:small;text-transform:uppercase;background-color:#194f82;color:#ededed;padding:.4rem .6rem;border-radius:.4rem .4rem 0 0}body>div>main section.gamestats>div>ul{background-color:#fff;list-style:none;padding:.6rem;border-radius:0 .4rem .4rem}body>div>main section.gamestats>div>ul>li>ul{background-color:#fff;list-style:none;padding:.6rem;border-radius:0 .4rem .4rem;padding:0}body>div>main section.gamestats>div>ul>li>ul>li>a{text-decoration:none;color:#10375c;transition:color .25s ease-in-out}body>div>main section.gamestats>div>ul>li>ul>li>a:hover{color:red}body>div>main section.gamestats>div>ul>li>a{text-decoration:none;color:#10375c;transition:color .25s ease-in-out}body>div>main section.gamestats>div>ul>li>a:hover{color:red}body>div>main section.play{display:flex;flex-direction:column}body>div>main section.play>label{display:inline-block;font-size:small;text-transform:uppercase;background-color:#194f82;color:#ededed;padding:.4rem .6rem;border-radius:.4rem .4rem 0 0}body>div>main section.play>label:nth-of-type(2){position:relative;padding-left:3.2rem;-webkit-user-select:none;user-select:none}body>div>main section.play>label:nth-of-type(2):before{position:absolute;top:50%;left:.6rem;transform:translateY(-50%);content:"";display:block;height:1rem;aspect-ratio:1.8;border:.2rem solid #fff;border-radius:1rem}body>div>main section.play>label:nth-of-type(2):after{position:absolute;top:50%;left:.8rem;transform:translateY(-50%);content:"";display:block;height:1rem;aspect-ratio:1;background-color:#fff;border-radius:1rem;transition:left .25s ease-in-out}body>div>main section.play>label:nth-of-type(2):has(>input:checked):after{left:1.6rem}body>div>main section.play>.playwrap>div{display:grid;grid-template-columns:auto 1fr 1fr;gap:.4rem}body>div>main section.play>.playwrap>div>.points{display:grid;place-items:center}body>div>main section.play>.playwrap>div>.win{display:grid;place-items:center}body>div>main section.play>.playwrap>div>.win>svg{height:1.5rem}body>div>main section.play>.playwrap>div>.win>svg .fill1{fill:#56ace0;transition:fill .25s ease-in-out}body>div>main section.play>.playwrap>div>.win>svg .fill2{fill:#56ace0;transition:fill .25s ease-in-out}body>div>main section.play>.playwrap>div>.win>svg .fill3{fill:#fff;transition:fill .25s ease-in-out}body>div>main section.play>.playwrap>div>.win>svg .fill4{fill:#194f82;transition:fill .25s ease-in-out}body>div>main section.play>div:has(>form)>form>fieldset{display:flex;flex-direction:column;gap:1em;background-color:#ededed;border:none;border-radius:.4rem;padding:1em 1.6em}body>div>main section.play>div:has(>form)>form>fieldset>legend{background-color:#10375c;color:#ededed;border-radius:.4em;padding:1em 1.6em;font-weight:700}body>div>main section.play>div:has(>form)>form>fieldset>img{place-self:center;height:300px}body>div>main section.play>div:has(>form)>form>fieldset>p.barrier{text-align:center}body>div>main section.play>div:has(>form)>form>fieldset>label{display:flex;flex-direction:column;row-gap:.2rem;font-size:small}body>div>main section.play>div:has(>form)>form>fieldset>label>select[multiple]{min-height:5rem}body>div>main section.play>div:has(>form)>form>fieldset>label>input,body>div>main section.play>div:has(>form)>form>fieldset>label select,body>div>main section.play>div:has(>form)>form>fieldset>label .fileselect{padding:.4rem .6rem;border:none;border-radius:.4rem;transition:opacity .25s ease-in-out}body>div>main section.play>div:has(>form)>form>fieldset>label>input:disabled,body>div>main section.play>div:has(>form)>form>fieldset>label select:disabled,body>div>main section.play>div:has(>form)>form>fieldset>label .fileselect:disabled{background-color:#fff;opacity:.4}body>div>main section.play>div:has(>form)>form>fieldset>label>.fileselect{padding:0;cursor:pointer;display:flex;background-color:#fff;-webkit-user-select:none;user-select:none}body>div>main section.play>div:has(>form)>form>fieldset>label>.fileselect.disabled{opacity:.4;cursor:default}body>div>main section.play>div:has(>form)>form>fieldset>label>.fileselect>div{padding:.4rem .6rem}body>div>main section.play>div:has(>form)>form>fieldset>label>.fileselect>.head{background-color:#f6f8ff}body>div>main section.play>div:has(>form)>form>fieldset>label.google{flex-direction:row;justify-content:space-around;align-items:center;cursor:pointer;padding:.4rem 0;border-radius:.4rem;transition:background-color .25s ease-in-out}body>div>main section.play>div:has(>form)>form>fieldset>label.google>svg{height:3rem}body>div>main section.play>div:has(>form)>form>fieldset>label.google:hover{background-color:#a8b5d8}body>div>main section.play>div:has(>form)>form>fieldset>label>label{display:flex;flex-wrap:wrap;gap:.4rem;padding:.4rem .6rem;border-radius:.4rem;background-color:#194f82;color:#ededed;align-items:center}body>div>main section.play>div:has(>form)>form>fieldset>label>label+label{margin-top:.2rem}body>div>main section.play>div:has(>form)>form>fieldset>label>label>input{padding:.4rem .6rem;border:none;border-radius:.4rem}body>div>main section.play>div:has(>form)>form>fieldset>.buttons{display:grid;gap:.4em;grid-template-columns:auto auto;place-items:center}body>div>main section.play>div:has(>form)>form>fieldset>.buttons>label,body>div>main section.play>div:has(>form)>form>fieldset>.buttons .button{cursor:pointer;font-size:0;width:100%;text-align:center;padding:.4rem 0;border-radius:.4rem;transition:background-color .25s ease-in-out}body>div>main section.play>div:has(>form)>form>fieldset>.buttons>label>svg,body>div>main section.play>div:has(>form)>form>fieldset>.buttons .button>svg{width:3rem}body>div>main section.play>div:has(>form)>form>fieldset>.buttons>label:hover,body>div>main section.play>div:has(>form)>form>fieldset>.buttons .button:hover{background-color:#a8b5d8}body>div>main section.play>div:has(>form)>form>fieldset>.button{cursor:pointer;font-size:0;width:100%;text-align:center;padding:.4rem 0;border-radius:.4rem;transition:background-color .25s ease-in-out}body>div>main section.play>div:has(>form)>form>fieldset>.button>svg{width:3rem}body>div>main section.play>div:has(>form)>form>fieldset>.button:hover{background-color:#a8b5d8}body>div>main section.play>div:has(>form)>form>fieldset>.spinner{height:3.8rem}body>div>main section.play>div:has(>form)>form>fieldset>.spinner>span{border-width:.25rem 0 0 0}body>div>main section.play>div:has(>form)>form>fieldset>.spinner>span.s1{width:3.8rem;height:3.8rem}body>div>main section.play>div:has(>form)>form>fieldset>.spinner>span.s2{width:3.6rem;height:3.6rem}body>div>main section.play>div:has(>form)>form>fieldset>.spinner>span.s3{width:3.4rem;height:3.4rem}body>div>main section.plays{background-color:#f6f8ff}body>div>main section.plays>label{margin-top:.4rem;display:inline-block;font-size:small;text-transform:uppercase;background-color:#194f82;color:#ededed;padding:.4rem .6rem;border-radius:.4rem .4rem 0 0}body>div>main section.plays>label>a{color:#ededed;text-decoration:none}body>div>main section.plays>div{display:flex;flex-direction:column;background-color:#ededed;padding:.5rem;border-radius:.4rem}body>div>main section.plays>div>label{display:inline-block;font-size:small;text-transform:uppercase;background-color:#194f82;color:#ededed;padding:.4rem .6rem;border-radius:.4rem .4rem 0 0}body>div>main section.plays>div>label:nth-of-type(2){position:relative;padding-left:3.2rem;-webkit-user-select:none;user-select:none}body>div>main section.plays>div>label:nth-of-type(2):before{position:absolute;top:50%;left:.6rem;transform:translateY(-50%);content:"";display:block;height:1rem;aspect-ratio:1.8;border:.2rem solid #fff;border-radius:1rem}body>div>main section.plays>div>label:nth-of-type(2):after{position:absolute;top:50%;left:.8rem;transform:translateY(-50%);content:"";display:block;height:1rem;aspect-ratio:1;background-color:#fff;border-radius:1rem;transition:left .25s ease-in-out}body>div>main section.plays>div>label:nth-of-type(2):has(>input:checked):after{left:1.6rem}body>div>main section.plays>div>.playwrap>div{display:grid;grid-template-columns:auto 1fr 1fr;gap:.4rem}body>div>main section.plays>div>.playwrap>div>.points{display:grid;place-items:center}body>div>main section.plays>div>.playwrap>div>.win{display:grid;place-items:center}body>div>main section.plays>div>.playwrap>div>.win>svg{height:1.5rem}body>div>main section.plays>div>.playwrap>div>.win>svg .fill1{fill:#56ace0;transition:fill .25s ease-in-out}body>div>main section.plays>div>.playwrap>div>.win>svg .fill2{fill:#56ace0;transition:fill .25s ease-in-out}body>div>main section.plays>div>.playwrap>div>.win>svg .fill3{fill:#fff;transition:fill .25s ease-in-out}body>div>main section.plays>div>.playwrap>div>.win>svg .fill4{fill:#194f82;transition:fill .25s ease-in-out}body>div>main section.plays>div>div:has(>form)>form>fieldset{display:flex;flex-direction:column;gap:1em;background-color:#ededed;border:none;border-radius:.4rem;padding:1em 1.6em}body>div>main section.plays>div>div:has(>form)>form>fieldset>legend{background-color:#10375c;color:#ededed;border-radius:.4em;padding:1em 1.6em;font-weight:700}body>div>main section.plays>div>div:has(>form)>form>fieldset>img{place-self:center;height:300px}body>div>main section.plays>div>div:has(>form)>form>fieldset>p.barrier{text-align:center}body>div>main section.plays>div>div:has(>form)>form>fieldset>label{display:flex;flex-direction:column;row-gap:.2rem;font-size:small}body>div>main section.plays>div>div:has(>form)>form>fieldset>label>select[multiple]{min-height:5rem}body>div>main section.plays>div>div:has(>form)>form>fieldset>label>input,body>div>main section.plays>div>div:has(>form)>form>fieldset>label select,body>div>main section.plays>div>div:has(>form)>form>fieldset>label .fileselect{padding:.4rem .6rem;border:none;border-radius:.4rem;transition:opacity .25s ease-in-out}body>div>main section.plays>div>div:has(>form)>form>fieldset>label>input:disabled,body>div>main section.plays>div>div:has(>form)>form>fieldset>label select:disabled,body>div>main section.plays>div>div:has(>form)>form>fieldset>label .fileselect:disabled{background-color:#fff;opacity:.4}body>div>main section.plays>div>div:has(>form)>form>fieldset>label>.fileselect{padding:0;cursor:pointer;display:flex;background-color:#fff;-webkit-user-select:none;user-select:none}body>div>main section.plays>div>div:has(>form)>form>fieldset>label>.fileselect.disabled{opacity:.4;cursor:default}body>div>main section.plays>div>div:has(>form)>form>fieldset>label>.fileselect>div{padding:.4rem .6rem}body>div>main section.plays>div>div:has(>form)>form>fieldset>label>.fileselect>.head{background-color:#f6f8ff}body>div>main section.plays>div>div:has(>form)>form>fieldset>label.google{flex-direction:row;justify-content:space-around;align-items:center;cursor:pointer;padding:.4rem 0;border-radius:.4rem;transition:background-color .25s ease-in-out}body>div>main section.plays>div>div:has(>form)>form>fieldset>label.google>svg{height:3rem}body>div>main section.plays>div>div:has(>form)>form>fieldset>label.google:hover{background-color:#a8b5d8}body>div>main section.plays>div>div:has(>form)>form>fieldset>label>label{display:flex;flex-wrap:wrap;gap:.4rem;padding:.4rem .6rem;border-radius:.4rem;background-color:#194f82;color:#ededed;align-items:center}body>div>main section.plays>div>div:has(>form)>form>fieldset>label>label+label{margin-top:.2rem}body>div>main section.plays>div>div:has(>form)>form>fieldset>label>label>input{padding:.4rem .6rem;border:none;border-radius:.4rem}body>div>main section.plays>div>div:has(>form)>form>fieldset>.buttons{display:grid;gap:.4em;grid-template-columns:auto auto;place-items:center}body>div>main section.plays>div>div:has(>form)>form>fieldset>.buttons>label,body>div>main section.plays>div>div:has(>form)>form>fieldset>.buttons .button{cursor:pointer;font-size:0;width:100%;text-align:center;padding:.4rem 0;border-radius:.4rem;transition:background-color .25s ease-in-out}body>div>main section.plays>div>div:has(>form)>form>fieldset>.buttons>label>svg,body>div>main section.plays>div>div:has(>form)>form>fieldset>.buttons .button>svg{width:3rem}body>div>main section.plays>div>div:has(>form)>form>fieldset>.buttons>label:hover,body>div>main section.plays>div>div:has(>form)>form>fieldset>.buttons .button:hover{background-color:#a8b5d8}body>div>main section.plays>div>div:has(>form)>form>fieldset>.button{cursor:pointer;font-size:0;width:100%;text-align:center;padding:.4rem 0;border-radius:.4rem;transition:background-color .25s ease-in-out}body>div>main section.plays>div>div:has(>form)>form>fieldset>.button>svg{width:3rem}body>div>main section.plays>div>div:has(>form)>form>fieldset>.button:hover{background-color:#a8b5d8}body>div>main section.plays>div>div:has(>form)>form>fieldset>.spinner{height:3.8rem}body>div>main section.plays>div>div:has(>form)>form>fieldset>.spinner>span{border-width:.25rem 0 0 0}body>div>main section.plays>div>div:has(>form)>form>fieldset>.spinner>span.s1{width:3.8rem;height:3.8rem}body>div>main section.plays>div>div:has(>form)>form>fieldset>.spinner>span.s2{width:3.6rem;height:3.6rem}body>div>main section.plays>div>div:has(>form)>form>fieldset>.spinner>span.s3{width:3.4rem;height:3.4rem}body>div>main section.plays>div+h3{margin-top:.4rem}body>div>main section.spinner>.spinner{height:3.8rem}body>div>main section.spinner>.spinner>span{border-width:.25rem 0 0 0}body>div>main section.spinner>.spinner>span.s1{width:3.8rem;height:3.8rem}body>div>main section.spinner>.spinner>span.s2{width:3.6rem;height:3.6rem}body>div>main section.spinner>.spinner>span.s3{width:3.4rem;height:3.4rem}body>div>main section.user>img{border-radius:.4rem;object-fit:cover;width:3.5rem;height:auto;aspect-ratio:1}body>div>main section.user>svg{width:5rem}body>div>main section.about>ul{list-style:none}body>div>main section.pastyear{display:grid;gap:.6rem}@media (min-width: 32rem){body>div>main section.pastyear{grid-template-columns:calc((100% - 1.2rem)/2) calc((100% - 1.2rem)/2)}}@media (min-width: 56.25rem){body>div>main section.pastyear{grid-template-columns:calc((100% - 1.2rem) / 3) calc((100% - 1.2rem) / 3) calc((100% - 1.2rem) / 3)}}body>div>main section.pastyear>h2{background-color:#194f82;color:#ededed;display:grid;place-content:center;text-align:center}@media (min-width: 32rem){body>div>main section.pastyear>h2{order:1}}body>div>main section.pastyear>.wrap{display:grid;grid-template:"img" auto "name" 2rem;position:relative;padding:.6rem;background-color:#f6f8ff;border-radius:.4rem}body>div>main section.pastyear>.wrap>div{display:grid;grid-template:"img";grid-area:img;background-repeat:no-repeat;background-position:top;background-size:cover;width:100%;aspect-ratio:1.5;border-radius:.4rem;overflow:hidden}body>div>main section.pastyear>.wrap>div>img{grid-area:img;object-position:top;object-fit:cover;width:100%;opacity:0;transition:opacity .25s ease-in-out}body>div>main section.pastyear>.wrap>div>img.loaded{opacity:1}body>div>main section.pastyear>.wrap>a{color:#194f82;text-decoration:none;transition:color .25s ease-in-out;display:grid;align-items:center}body>div>main section.pastyear>.wrap>a:hover{color:red}body>div>main section.pastyear>.wrap>.plays{display:grid;align-items:end;justify-content:end;font-weight:700;font-size:5rem;line-height:.9;position:absolute;color:#f6f8ff}body>div>main section.signup>form>fieldset{display:flex;flex-direction:column;gap:1em;background-color:#ededed;border:none;border-radius:.4rem;padding:1em 1.6em}body>div>main section.signup>form>fieldset>legend{background-color:#10375c;color:#ededed;border-radius:.4em;padding:1em 1.6em;font-weight:700}body>div>main section.signup>form>fieldset>img{place-self:center;height:300px}body>div>main section.signup>form>fieldset>p.barrier{text-align:center}body>div>main section.signup>form>fieldset>label{display:flex;flex-direction:column;row-gap:.2rem;font-size:small}body>div>main section.signup>form>fieldset>label>select[multiple]{min-height:5rem}body>div>main section.signup>form>fieldset>label>input,body>div>main section.signup>form>fieldset>label select,body>div>main section.signup>form>fieldset>label .fileselect{padding:.4rem .6rem;border:none;border-radius:.4rem;transition:opacity .25s ease-in-out}body>div>main section.signup>form>fieldset>label>input:disabled,body>div>main section.signup>form>fieldset>label select:disabled,body>div>main section.signup>form>fieldset>label .fileselect:disabled{background-color:#fff;opacity:.4}body>div>main section.signup>form>fieldset>label>.fileselect{padding:0;cursor:pointer;display:flex;background-color:#fff;-webkit-user-select:none;user-select:none}body>div>main section.signup>form>fieldset>label>.fileselect.disabled{opacity:.4;cursor:default}body>div>main section.signup>form>fieldset>label>.fileselect>div{padding:.4rem .6rem}body>div>main section.signup>form>fieldset>label>.fileselect>.head{background-color:#f6f8ff}body>div>main section.signup>form>fieldset>label.google{flex-direction:row;justify-content:space-around;align-items:center;cursor:pointer;padding:.4rem 0;border-radius:.4rem;transition:background-color .25s ease-in-out}body>div>main section.signup>form>fieldset>label.google>svg{height:3rem}body>div>main section.signup>form>fieldset>label.google:hover{background-color:#a8b5d8}body>div>main section.signup>form>fieldset>label>label{display:flex;flex-wrap:wrap;gap:.4rem;padding:.4rem .6rem;border-radius:.4rem;background-color:#194f82;color:#ededed;align-items:center}body>div>main section.signup>form>fieldset>label>label+label{margin-top:.2rem}body>div>main section.signup>form>fieldset>label>label>input{padding:.4rem .6rem;border:none;border-radius:.4rem}body>div>main section.signup>form>fieldset>.buttons{display:grid;gap:.4em;grid-template-columns:auto auto;place-items:center}body>div>main section.signup>form>fieldset>.buttons>label,body>div>main section.signup>form>fieldset>.buttons .button{cursor:pointer;font-size:0;width:100%;text-align:center;padding:.4rem 0;border-radius:.4rem;transition:background-color .25s ease-in-out}body>div>main section.signup>form>fieldset>.buttons>label>svg,body>div>main section.signup>form>fieldset>.buttons .button>svg{width:3rem}body>div>main section.signup>form>fieldset>.buttons>label:hover,body>div>main section.signup>form>fieldset>.buttons .button:hover{background-color:#a8b5d8}body>div>main section.signup>form>fieldset>.button{cursor:pointer;font-size:0;width:100%;text-align:center;padding:.4rem 0;border-radius:.4rem;transition:background-color .25s ease-in-out}body>div>main section.signup>form>fieldset>.button>svg{width:3rem}body>div>main section.signup>form>fieldset>.button:hover{background-color:#a8b5d8}body>div>main section.signup>form>fieldset>.spinner{height:3.8rem}body>div>main section.signup>form>fieldset>.spinner>span{border-width:.25rem 0 0 0}body>div>main section.signup>form>fieldset>.spinner>span.s1{width:3.8rem;height:3.8rem}body>div>main section.signup>form>fieldset>.spinner>span.s2{width:3.6rem;height:3.6rem}body>div>main section.signup>form>fieldset>.spinner>span.s3{width:3.4rem;height:3.4rem}