main.svelte-31c4r7{padding:clamp(10px,1vw,2rem);max-width:100vw;text-align:left;max-width:95vw;width:500px;gap:20px}main.svelte-31c4r7>form:where(.svelte-31c4r7):nth-of-type(1){--accent-colour: rgb(194, 122, 255)}main.svelte-31c4r7>form:where(.svelte-31c4r7):nth-of-type(2){--accent-colour: rgb(81, 162, 255)}main.svelte-31c4r7>button:where(.svelte-31c4r7):nth-of-type(1){--accent-colour: rgb(6, 223, 114)}main.svelte-31c4r7>button:where(.svelte-31c4r7):nth-of-type(2){--accent-colour: rgb(253, 199, 0)}main.svelte-31c4r7>button:where(.svelte-31c4r7):nth-of-type(3){--accent-colour: rgb(251, 100, 182)}main.svelte-31c4r7>header:where(.svelte-31c4r7){text-align:center}main.svelte-31c4r7>header:where(.svelte-31c4r7)>h1:where(.svelte-31c4r7){font-size:clamp(20px,10vw,3.2rem)}main.svelte-31c4r7>header:where(.svelte-31c4r7)>p:where(.svelte-31c4r7){font-size:clamp(12px,5vw,1rem)}main.svelte-31c4r7,main.svelte-31c4r7>form:where(.svelte-31c4r7),main.svelte-31c4r7>form:where(.svelte-31c4r7)>h2:where(.svelte-31c4r7){display:flex}main.svelte-31c4r7,main.svelte-31c4r7>form:where(.svelte-31c4r7){flex-direction:column}main.svelte-31c4r7>form:where(.svelte-31c4r7),main.svelte-31c4r7>button:where(.svelte-31c4r7){background-color:color-mix(in hsl shorter hue,color-mix(in hsl shorter hue,rgb(50,77,118) 60%,transparent) 100%,transparent);border:1px solid color-mix(in hsl shorter hue,rgb(50,77,118) 90%,grey);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;padding:20px}main.svelte-31c4r7>form:where(.svelte-31c4r7)>h2:where(.svelte-31c4r7),main.svelte-31c4r7>button:where(.svelte-31c4r7)>h2:where(.svelte-31c4r7){font-weight:400;font-size:large}main.svelte-31c4r7>form:where(.svelte-31c4r7) svg,main.svelte-31c4r7>button:where(.svelte-31c4r7) svg{color:var(--accent-colour)}main.svelte-31c4r7>form:where(.svelte-31c4r7){width:100%;gap:15px}main.svelte-31c4r7>form:where(.svelte-31c4r7)>h2:where(.svelte-31c4r7){align-items:center;gap:5px}main.svelte-31c4r7>form:where(.svelte-31c4r7):has(input:where(.svelte-31c4r7):invalid)>button[type=submit]:where(.svelte-31c4r7),main.svelte-31c4r7>form:where(.svelte-31c4r7) button[type=submit]:where(.svelte-31c4r7):disabled{--background-strength: 60%;transition:background-color .4s ease-in-out;cursor:default}main.svelte-31c4r7>form:where(.svelte-31c4r7)>label:where(.svelte-31c4r7),main.svelte-31c4r7>form:where(.svelte-31c4r7)>button[type=submit]:where(.svelte-31c4r7){border:1px solid var(--border-colour);border-radius:10px}main.svelte-31c4r7>form:where(.svelte-31c4r7):nth-of-type(2)>.field:where(.svelte-31c4r7){height:60px}main.svelte-31c4r7>button:where(.svelte-31c4r7){grid-template-columns:max-content 1fr;grid-template-rows:max-content 1fr;grid-auto-columns:1fr;text-align:left;gap:5px 20px;display:grid;grid-template-areas:"Icon Title" "Icon Description"}main.svelte-31c4r7>button:where(.svelte-31c4r7):hover,main.svelte-31c4r7>button:where(.svelte-31c4r7):active,main.svelte-31c4r7>button:where(.svelte-31c4r7):focus{border-color:var(--accent-colour);background-color:color-mix(in hsl shorter hue,var(--accent-colour) 10%,transparent)}main.svelte-31c4r7>button:where(.svelte-31c4r7)>svg{aspect-ratio:1/1;grid-area:Icon;height:100%}main.svelte-31c4r7>button:where(.svelte-31c4r7)>h2:where(.svelte-31c4r7){grid-area:Title}main.svelte-31c4r7>button:where(.svelte-31c4r7)>div:where(.svelte-31c4r7){color:var(--faint-colour);grid-area:Description}main.svelte-31c4r7>button:where(.svelte-31c4r7),main.svelte-31c4r7>form:where(.svelte-31c4r7) :is(input:where(.svelte-31c4r7),select:where(.svelte-31c4r7),label:where(.svelte-31c4r7)){cursor:pointer}dialog.svelte-1etp0fh{background-color:color-mix(in hsl shorter hue,color-mix(in hsl shorter hue,rgb(50,77,118) 60%,transparent) 50%,transparent);border:1px solid color-mix(in hsl shorter hue,rgb(50,77,118) 90%,grey);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;animation:svelte-1etp0fh-zoomIn .1s ease-in 1;min-width:min(400px,100%);min-height:100px;margin:auto}dialog.svelte-1etp0fh:not([open]){visibility:none;display:none}dialog.svelte-1etp0fh,dialog.svelte-1etp0fh>form,dialog.svelte-1etp0fh .buttons{flex-direction:column;display:flex;gap:20px}dialog.svelte-1etp0fh::backdrop{background-color:#00000080}dialog.svelte-1etp0fh>header{border-bottom:1px solid var(--faint-colour);justify-content:space-between;display:flex;padding:10px}dialog.svelte-1etp0fh>header>:is(h1,h2,h3,h4,h5,h6){font-size:large}dialog.svelte-1etp0fh>header:has(button){text-align:left}dialog.svelte-1etp0fh>header>:not(button){flex-grow:1}dialog.svelte-1etp0fh label.field{border-radius:10px}dialog.svelte-1etp0fh .actions{justify-content:right;display:flex;gap:10px}dialog.svelte-1etp0fh .actions>*{border-radius:5px}dialog.svelte-1etp0fh .buttons>button{background-color:color-mix(in hsl shorter hue,color-mix(in hsl shorter hue,var(--accent-colour) 60%,transparent) 20%,transparent);border:1px solid color-mix(in hsl shorter hue,var(--accent-colour) 90%,grey);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;cursor:pointer;padding:20px;width:100%}@keyframes svelte-1etp0fh-zoomIn{0%{transform:scale(.5)}to{transform:scale(1)}}section.svelte-1t3p23u{flex-direction:column;max-height:100vh;padding:20px;display:flex;flex-grow:1;gap:20px}section.svelte-1t3p23u>header:where(.svelte-1t3p23u){justify-content:space-between;display:flex}@media(min-width:600px){section.svelte-1t3p23u>header:where(.svelte-1t3p23u)>button.back:where(.svelte-1t3p23u){display:none;visibility:none}}section.svelte-1t3p23u>header:where(.svelte-1t3p23u)>button.delete:where(.svelte-1t3p23u){background-color:color-mix(in hsl shorter hue,color-mix(in hsl shorter hue,rgb(151,3,3) 60%,transparent) 60%,transparent);border:1px solid color-mix(in hsl shorter hue,rgb(151,3,3) 90%,grey);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;align-items:center;display:flex;gap:10px}section.svelte-1t3p23u>form:where(.svelte-1t3p23u){display:flex;gap:10px}section.svelte-1t3p23u>form:where(.svelte-1t3p23u)>.field:where(.svelte-1t3p23u){border-radius:10px;flex-grow:1}section.svelte-1t3p23u>form:where(.svelte-1t3p23u)>button[type=submit]:where(.svelte-1t3p23u){background-color:color-mix(in hsl shorter hue,color-mix(in hsl shorter hue,green 60%,transparent) 60%,transparent);border:1px solid color-mix(in hsl shorter hue,green 90%,grey);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;align-items:center;display:flex;gap:5px}section.svelte-1t3p23u>div:where(.svelte-1t3p23u){overflow-y:auto;flex-wrap:wrap;gap:20px}@media(max-width:600px){section.svelte-1t3p23u>div:where(.svelte-1t3p23u){justify-content:center}}section.svelte-1t3p23u>div:where(.svelte-1t3p23u),section.svelte-1t3p23u>div:where(.svelte-1t3p23u)>div:where(.svelte-1t3p23u){display:flex}section.svelte-1t3p23u>div:where(.svelte-1t3p23u)>div:where(.svelte-1t3p23u){background-color:color-mix(in hsl shorter hue,color-mix(in hsl shorter hue,rgb(50,77,118) 60%,transparent) 100%,transparent);border:1px solid color-mix(in hsl shorter hue,rgb(50,77,118) 90%,grey);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;justify-content:space-between;align-items:center;padding:10px 20px;max-width:400px;flex-grow:1;width:100%}section.svelte-1t3p23u>div:where(.svelte-1t3p23u)>div:where(.svelte-1t3p23u)>button:where(.svelte-1t3p23u)>svg{pointer-events:none}.primary-bnt.svelte-upvxxp{align-items:center;border-radius:10px;padding:7px 10px;font-weight:700;display:flex;border:none;gap:5px}.page.svelte-upvxxp{flex-direction:column;height:100vh}.page.svelte-upvxxp,.page.svelte-upvxxp>header:where(.svelte-upvxxp){display:flex;width:100%}.page.svelte-upvxxp>header:where(.svelte-upvxxp){border-bottom:1px solid color-mix(in hsl shorter hue,var(--faint-colour) 20%,transparent);background-color:#2c323b;align-items:center;padding:20px;width:100%;gap:10px}.page.svelte-upvxxp>header:where(.svelte-upvxxp)>h1:where(.svelte-upvxxp){font-size:x-large}.page.svelte-upvxxp>header:where(.svelte-upvxxp)>button:where(.svelte-upvxxp){color:var(--faint-colour);translate:0 2px;background:none;border:none}.page.svelte-upvxxp>main:where(.svelte-upvxxp){overflow:hidden;display:flex;flex-grow:1}.page.svelte-upvxxp>main:where(.svelte-upvxxp)>:where(.svelte-upvxxp){flex-direction:column;display:flex;gap:20px}.page.svelte-upvxxp>main:where(.svelte-upvxxp)>.categories:where(.svelte-upvxxp){--background-colour: #1e2939;border-right:1px solid var(--border-colour);background-color:var(--background-colour);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-shrink:0;padding:20px;gap:0}@media(min-width:600px){.page.svelte-upvxxp>main:where(.svelte-upvxxp)>.categories:where(.svelte-upvxxp){width:300px}}@media not (min-width:600px){.page.svelte-upvxxp>main:where(.svelte-upvxxp)>.categories:where(.svelte-upvxxp){width:100%}}.page.svelte-upvxxp>main:where(.svelte-upvxxp)>.categories:where(.svelte-upvxxp)>h2:where(.svelte-upvxxp){border-bottom:2px solid color-mix(in hsl shorter hue,var(--faint-colour) 20%,transparent);padding-bottom:20px}.page.svelte-upvxxp>main:where(.svelte-upvxxp)>.categories:where(.svelte-upvxxp)>div:where(.svelte-upvxxp){flex-direction:column;padding-top:20px;overflow-y:auto;display:flex;gap:20px}.page.svelte-upvxxp>main:where(.svelte-upvxxp)>.categories:where(.svelte-upvxxp)>div:where(.svelte-upvxxp)>button.primary-bnt:where(.svelte-upvxxp){justify-content:center}.page.svelte-upvxxp>main:where(.svelte-upvxxp)>.categories:where(.svelte-upvxxp)>div:where(.svelte-upvxxp)>label:where(.svelte-upvxxp){background-color:color-mix(in hsl shorter hue,color-mix(in hsl shorter hue,rgb(50,77,118) 60%,transparent) var(--background-opacity, 100%),transparent);border:1px solid color-mix(in hsl shorter hue,rgb(50,77,118) 90%,grey);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;transition:background-color .4s ease-in-out,border-color .4s ease-in-out;justify-content:space-between;align-items:center;cursor:pointer;padding:20px;gap:10px}.page.svelte-upvxxp>main:where(.svelte-upvxxp)>.categories:where(.svelte-upvxxp)>div:where(.svelte-upvxxp)>label:where(.svelte-upvxxp):has(input:where(.svelte-upvxxp):checked){--background-opacity: 20%;transition:background-color .2s ease-in-out,border-color .2s ease-in-out;border-color:var(--primary-colour)}.page.svelte-upvxxp>main:where(.svelte-upvxxp)>.categories:where(.svelte-upvxxp)>div:where(.svelte-upvxxp)>label:where(.svelte-upvxxp)>span:where(.svelte-upvxxp)>:where(.svelte-upvxxp):nth-child(2),.page.svelte-upvxxp>main:where(.svelte-upvxxp)>.categories:where(.svelte-upvxxp)>div:where(.svelte-upvxxp)>label:where(.svelte-upvxxp)>svg{color:var(--faint-colour)}.page.svelte-upvxxp>main:where(.svelte-upvxxp)>.categories:where(.svelte-upvxxp)>div:where(.svelte-upvxxp)>label:where(.svelte-upvxxp),.page.svelte-upvxxp>main:where(.svelte-upvxxp)>.categories:where(.svelte-upvxxp)>div:where(.svelte-upvxxp)>label:where(.svelte-upvxxp)>span:where(.svelte-upvxxp){display:flex}.page.svelte-upvxxp>main:where(.svelte-upvxxp)>.categories:where(.svelte-upvxxp)>div:where(.svelte-upvxxp)>label:where(.svelte-upvxxp)>span:where(.svelte-upvxxp){gap:5px}.page.svelte-upvxxp>main:where(.svelte-upvxxp)>.categories:where(.svelte-upvxxp)>div:where(.svelte-upvxxp)>label:where(.svelte-upvxxp)>input:where(.svelte-upvxxp){display:none}.page.svelte-upvxxp>main:where(.svelte-upvxxp)>.words:where(.svelte-upvxxp){flex-grow:1}.page.svelte-upvxxp>main:where(.svelte-upvxxp)>.words:where(.svelte-upvxxp):has(div.message:where(.svelte-upvxxp):only-child){display:grid;place-items:center}@media not (min-width:600px){.page.svelte-upvxxp>main:where(.svelte-upvxxp):not(.category-selected)>.words:where(.svelte-upvxxp),.page.svelte-upvxxp>main.category-selected:where(.svelte-upvxxp)>.categories:where(.svelte-upvxxp){display:none;visibility:hidden}}section.svelte-z6k4h5{background-color:color-mix(in hsl shorter hue,color-mix(in hsl shorter hue,rgb(50,77,118) 60%,transparent) 40%,transparent);border:1px solid color-mix(in hsl shorter hue,rgb(50,77,118) 90%,grey);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;min-width:min(95vw,500px);max-width:95vw;padding:20px;gap:10px}@media(min-width:400px){section.svelte-z6k4h5{grid-template-columns:max-content 1fr;grid-template-rows:max-content 1fr;grid-auto-columns:1fr;display:grid;grid-template-areas:"Title Title" "Number Symboles"}}@media not (min-width:400px){section.svelte-z6k4h5{flex-direction:column;display:flex}}section.svelte-z6k4h5>:where(.svelte-z6k4h5):nth-child(1){color:var(--faint-colour);font-size:1.3rem;grid-area:Title}@media(min-width:400px){section.svelte-z6k4h5>:where(.svelte-z6k4h5):nth-child(1){text-align:left}}section.svelte-z6k4h5>:where(.svelte-z6k4h5):nth-child(2){grid-area:Number;font-size:2rem}section.svelte-z6k4h5>:where(.svelte-z6k4h5):nth-child(3){align-items:center;grid-area:Symboles;text-align:right;display:flex;gap:7px}@media(min-width:400px){section.svelte-z6k4h5>:where(.svelte-z6k4h5):nth-child(3){justify-content:right}}@media not (min-width:400px){section.svelte-z6k4h5>:where(.svelte-z6k4h5):nth-child(3){justify-content:center}}section.svelte-z6k4h5>:where(.svelte-z6k4h5):nth-child(3)>:where(.svelte-z6k4h5){outline:1px solid color-mix(in hsl shorter hue,var(--faint-colour) 20%,transparent);border-radius:100%;place-items:center;aspect-ratio:1/1;font-size:1rem;line-height:0;display:grid;padding:5px;height:2rem}section.svelte-z6k4h5>:where(.svelte-z6k4h5):nth-child(3)>:where(.svelte-z6k4h5):not(.used){background-color:color-mix(in hsl shorter hue,rgb(0,77,170) 50%,transparent)}section.svelte-z6k4h5>:where(.svelte-z6k4h5):nth-child(3)>*.used:where(.svelte-z6k4h5){background-color:#151c28}section.svelte-ymlnr6{justify-content:center;width:fit-content;flex-wrap:wrap;gap:20px 40px;display:flex}section.svelte-ymlnr6>div.section:where(.svelte-ymlnr6){display:flex;gap:10px}section.svelte-ymlnr6>div.section:where(.svelte-ymlnr6)>span:where(.svelte-ymlnr6){background-color:color-mix(in hsl shorter hue,color-mix(in hsl shorter hue,rgb(50,77,118) 60%,transparent) 10%,transparent);border:1px solid color-mix(in hsl shorter hue,rgb(50,77,118) 90%,grey);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;place-content:center;aspect-ratio:14/19;font-size:var(--font-size, 3rem);line-height:0;display:grid;padding:10px;height:6rem}div.svelte-1dvbqra{justify-content:center;align-items:flex-end;flex-wrap:wrap;max-width:90vw;display:flex;gap:3px}div.svelte-1dvbqra>button:where(.svelte-1dvbqra){background-color:color-mix(in hsl shorter hue,color-mix(in hsl shorter hue,var(--colour, rgb(50, 77, 118)) 60%,transparent) var(--opacity, 60%),transparent);border:1px solid color-mix(in hsl shorter hue,var(--colour, rgb(50, 77, 118)) 90%,grey);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:10px;text-transform:uppercase;aspect-ratio:1/1;display:block}@media(min-width:600px){div.svelte-1dvbqra>button:where(.svelte-1dvbqra){width:clamp(30px,5vw + 1rem,75px)}}@media not (min-width:600px){div.svelte-1dvbqra>button:where(.svelte-1dvbqra){width:10vw}}div.svelte-1dvbqra>button:where(.svelte-1dvbqra):disabled,div.svelte-1dvbqra>button.wrong:where(.svelte-1dvbqra),div.svelte-1dvbqra>button.right:where(.svelte-1dvbqra){--opacity: 40%;opacity:.7}div.svelte-1dvbqra>button.right:where(.svelte-1dvbqra){--colour: rgb(0, 255, 0, .75)}div.svelte-1dvbqra>button.wrong:where(.svelte-1dvbqra){--colour: rgb(151, 3, 3)}div.game.svelte-1x7vv0{justify-content:space-between;align-items:center;min-height:100vh;padding:20px 0}div.game.svelte-1x7vv0,div.game.svelte-1x7vv0>main:where(.svelte-1x7vv0),div.game.svelte-1x7vv0>main:where(.svelte-1x7vv0)>header:where(.svelte-1x7vv0){flex-direction:column;display:flex}div.game.svelte-1x7vv0>main:where(.svelte-1x7vv0){justify-content:center;align-items:center;flex-grow:1;gap:30px}div.game.svelte-1x7vv0>main:where(.svelte-1x7vv0)>header:where(.svelte-1x7vv0){flex-direction:column;margin-bottom:20px;display:flex;gap:10px}div.game.svelte-1x7vv0>main:where(.svelte-1x7vv0)>header:where(.svelte-1x7vv0)>h1:where(.svelte-1x7vv0){font-size:1.9rem}div.game.svelte-1x7vv0>main:where(.svelte-1x7vv0)>header:where(.svelte-1x7vv0)>p:where(.svelte-1x7vv0){color:var(--faint-colour)}:root{--faint-colour: rgb(153, 161, 175);--border-colour: rgb(54, 65, 83);--primary-colour: rgb(20, 71, 230)}button{cursor:pointer}.primary-bnt{background-color:color-mix(in hsl shorter hue,var(--primary-colour) var(--background-strength, 100%),black);transition:background-color .4s ease-in-out;color:#fff;padding:10px;border:none}.primary-bnt:hover{--background-strength: 80%;transition:background-color .25s ease-in-out;cursor:pointer}.destructive-bnt{background-color:color-mix(in hsl shorter hue,rgb(188,0,0) var(--background-strength, 100%),black);transition:background-color .4s ease-in-out;color:#fff;padding:10px;border:none}.destructive-bnt:hover{--background-strength: 80%;transition:background-color .25s ease-in-out;cursor:pointer}hr{color:color-mix(in hsl shorter hue,var(--faint-colour) 20%,transparent)}label.field,label[class|=field]{background-color:#101828c1;position:relative;padding-top:1rem;display:block}label.field>div,label[class|=field]>div{color:color-mix(in hsl shorter hue,var(--border-colour) 40%,grey);padding:2px 15px 0;transition:all .15s;position:absolute;text-align:left;font-size:clamp(5px,5vw,.8rem);width:100%;top:0}label.field>:nth-child(2),label[class|=field]>:nth-child(2){padding:7px 15px}label.field>input,label.field>select,label[class|=field]>input,label[class|=field]>select{font-size:1.2rem;background:none;border:none;width:100%}label.field>input,label.field>select,label[class|=field]>input,label[class|=field]>select{outline:none}label.field:has(input:placeholder-shown:not(:is(:active,:focus)))>div,label[class|=field]:has(input:placeholder-shown:not(:is(:active,:focus)))>div{transition:all .45s;top:calc(50% - 2px);translate:0 -50%}label.field:has(:is(input,select):focus),label[class|=field]:has(:is(input,select):focus){outline:1px solid red}.loading{opacity:.75}.loading:after{content:".";animation:animated-elipsis 1s steps(3,end) infinite}@keyframes animated-elipsis{0%,10%{content:"."}53%{content:".."}80%{content:"..."}}button.icon-bnt{place-items:center;background:none;display:grid;border:none}button.icon-bnt>:global(svg){pointer-events:none}