:root{--color-primary: #8DC53E;--color-primary-light: #E6F1E2;--color-secondary: #038e7c;--color-secondary-light: #c0e0db;--color-accent: #dc006d;--color-accent-2: #5a3f98;--color-black: #000000;--color-background: #F1F6F5;--color-white: #FFFFFF;--fs-h1: max(64px * var(--scale), 30px);--fs-h2: max(42px * var(--scale), 24px);--fs-h3: max(32px * var(--scale), 20px);--fs-h4: max(24px * var(--scale), 18px);--fs-button-xl: max(22px * var(--scale), 16px);--fs-button: max(18px * var(--scale), 16px);--font-family: Montserrat, sans-serif;--container-width: 1520px;--container-padding: 32px;--scale: 1}@media (width < 1600px){:root{--scale: .9}}@media (width < 1200px){:root{--scale: .8}}@media (width < 800px){:root{--scale: .7}}@media (width < 600px){:root{--scale: .6;--container-padding: 24px}}@media (width < 400px){:root{--scale: .5;--container-padding: 16px}}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;font-family:var(--font-family),serif}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block-end:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5;margin:0}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}body{background-color:var(--color-background)}.btn{display:inline-flex;padding:calc(20px * var(--scale)) calc(30px * var(--scale));align-items:center;gap:10px;border-radius:10px;background:var(--color-primary);cursor:pointer;border:0;color:#fff;font-size:var(--fs-button);font-style:normal;font-weight:600;line-height:normal;overflow:hidden;position:relative;transition:all .55s cubic-bezier(.19,1,.22,1)}.btn:after{background:#fff;content:"";height:155px;left:-75px;opacity:.2;position:absolute;top:-50px;transform:rotate(35deg);transition:all .55s cubic-bezier(.19,1,.22,1);width:50px;z-index:10;filter:blur(10px)}.btn:hover{background:var(--color-secondary);box-shadow:0 0 5px 1px #fff}.btn:hover:after{left:120%;transition:all .55s cubic-bezier(.19,1,.22,1)}.btn--outline{background:none;border:2px solid var(--color-primary);color:var(--color-primary)}.btn--outline:hover{border-color:var(--color-secondary);color:#fff}.btn--accent{background:var(--color-accent)}.btn--accent:hover{background:var(--color-accent-2)}.link{background:none;border:none;color:var(--color-black, #000);font-size:max(18px * var(--scale),12px);font-style:normal;font-weight:600;line-height:normal;display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .55s cubic-bezier(.19,1,.22,1)}.link:hover{color:var(--color-secondary)}.link img{transform:scale(max(var(--scale, 1),.75))}.link>*{flex-shrink:0}.container{max-width:var(--container-width);margin:0 auto;padding:0 var(--container-padding)}.navbar{display:flex;justify-content:space-between;padding-block:36px}.section-flow,.flow-row{display:grid;--flow-col-count: 12;--flow-col-count-half: calc(var(--flow-col-count) / 2);--flow-col-size: min(((100dvw - var(--container-padding) * 2) / var(--flow-col-count)), (var(--container-width) / var(--flow-col-count)));grid-template-columns:[fullwidth-start] 1fr [container-start] repeat(var(--flow-col-count-half),[col-start] var(--flow-col-size) [col-end]) [center] repeat(var(--flow-col-count-half),[col-start] var(--flow-col-size) [col-end]) [container-end] 1fr [fullwidth-end];row-gap:1rem}.section-flow .container,.flow-row .container{grid-column:container-start / container-end;padding-inline:0!important;width:100%}@media (width > 1200px){.section-flow .flow-col,.flow-row .flow-col{grid-row:1 / -1;grid-column:var(--col, 0 / 0)}}@media (width < 1200px){.section-flow .flow-col,.flow-row .flow-col{grid-column:container-start / container-end;padding-inline:0!important;width:100%}}@media (width < 1200px){.section-flow .flow-col--sm-full,.flow-row .flow-col--sm-full{grid-column:fullwidth-start / fullwidth-end}}.section-flow .flow-col--autospacing,.flow-row .flow-col--autospacing{display:flex;flex-direction:column;gap:1rem;justify-content:center;align-items:start}.flow-row--center{align-items:center}h1,.h1{font-size:var(--fs-h1);font-weight:700}h2,.h2{font-size:var(--fs-h2);font-weight:700}h3,.h3{font-size:var(--fs-h3);font-weight:700}h4,.h4{font-size:var(--fs-h4);font-weight:700}p{font-weight:400}.text-primary{color:var(--color-primary)}.input-group.svelte-1nge0tz{display:flex;flex-wrap:wrap;gap:calc(20px * var(--scale));text-align:center}@media (width < 600px){.input-group.svelte-1nge0tz{display:grid;grid-template-columns:repeat(2,1fr)}}.input-group.svelte-1nge0tz label:where(.svelte-1nge0tz){position:relative;padding:calc(24px * var(--scale)) calc(44px * var(--scale));color:var(--color-primary);border:1px solid var(--color-primary);background:var(--color-primary-light);font-size:var(--fs-button-xl);font-weight:600;border-radius:20px;cursor:pointer;transition:all .2s ease}.input-group.svelte-1nge0tz label:where(.svelte-1nge0tz):hover,.input-group.svelte-1nge0tz label:where(.svelte-1nge0tz):has(input:where(.svelte-1nge0tz):checked){background:var(--color-primary);color:var(--color-white)}.input-group.svelte-1nge0tz input:where(.svelte-1nge0tz){opacity:0;position:absolute}.card.svelte-5zqfwp{perspective:1000px;cursor:pointer;border:0;padding:0;width:max(150px * var(--scale),100px);height:max(150px * var(--scale),100px);background:transparent;transition:.25s filter}.card-inner.svelte-5zqfwp{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s,background-color .6s;transform-style:preserve-3d;background:#fff;border-radius:8px;border:1px solid #d5d5d5}.card.flipped.svelte-5zqfwp .card-inner:where(.svelte-5zqfwp){transform:rotateY(180deg)}.card-front.svelte-5zqfwp,.card-back.svelte-5zqfwp{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:8px;overflow:hidden}.card-front.svelte-5zqfwp{background-image:url(./card_back.jpg);background-size:100% 100%;background-position:0 0,0 10px,10px -10px,-10px 0px}.card-back.svelte-5zqfwp{transform:rotateY(180deg);display:grid;place-items:center;grid-template-areas:"card"}.card-back.svelte-5zqfwp img:where(.svelte-5zqfwp){grid-area:card;width:100%;height:100%;object-fit:cover;transition:opacity .5s}.card.matched.svelte-5zqfwp .card-back:where(.svelte-5zqfwp) img:where(.svelte-5zqfwp){opacity:.5}.card.matched-by-player-1.svelte-5zqfwp .card-inner:where(.svelte-5zqfwp){background-color:#248813}.card.matched-by-player-2.svelte-5zqfwp .card-inner:where(.svelte-5zqfwp){background-color:#133c88}.game-grid.svelte-5c8lo7{display:grid;gap:.5rem;max-width:max-content;grid-template-columns:repeat(6,1fr);margin:0 auto}@media (max-width: 800px){.game-grid.svelte-5c8lo7{grid-template-columns:repeat(4,1fr)}}@media (max-width: 460px){.game-grid.svelte-5c8lo7{grid-template-columns:repeat(3,1fr)}}.game.svelte-5c8lo7{display:flex;flex-direction:column;gap:32px;max-width:940px;margin:0 auto}@media (max-width: 800px){.game.svelte-5c8lo7{max-width:624px}}.stats.svelte-5c8lo7{display:flex;flex-wrap:wrap;align-items:center;width:100%;gap:1rem}@media (width < 600px){.stats.svelte-5c8lo7{flex-direction:column;align-items:flex-start}}.stats__title.svelte-5c8lo7{margin:0}.stats__total.svelte-5c8lo7{margin:0;display:flex;padding:10px 20px 10px 18px;align-items:center;gap:8px;border-radius:60px;background:var(--color-secondary-light);color:var(--color-secondary);font-size:16px;font-style:normal;font-weight:600;line-height:normal}.stats__fails.svelte-5c8lo7{margin:0 0 0 auto;color:var(--green-dark, #038F7D);font-size:var(--fs-h3);font-style:normal;font-weight:500;line-height:normal}@media (width < 600px){.stats__fails.svelte-5c8lo7{margin:0}}dialog.svelte-xmv2bn{max-width:calc(600px * var(--scale));border:0;border-radius:8px;padding:calc(32px * var(--scale))}p.svelte-xmv2bn{margin:0 0 2rem;font-size:var(--fs-h3);font-weight:500;line-height:1.25}.button-row.svelte-xmv2bn{display:flex;justify-content:flex-start;gap:1rem}dialog.svelte-xmv2bn{--duration: .34s;z-index:1000;opacity:0;transition:translate var(--duration) ease-out,display var(--duration) ease-out allow-discrete,opacity var(--duration) ease-out}dialog.svelte-xmv2bn[open]{translate:0 0;opacity:1}@starting-style{dialog.svelte-xmv2bn[open]{translate:0 -8vh;opacity:0}}dialog.svelte-xmv2bn:not([open]){translate:0 8vh;opacity:0}.svelte-xmv2bn::backdrop{background:#00000080}.game-over.svelte-128n4vm{padding-bottom:3rem}.flow-row.svelte-128n4vm{row-gap:3rem}h1.svelte-128n4vm{margin-bottom:calc(46px * var(--scale))}.perex.svelte-128n4vm{font-size:var(--fs-h4);font-style:normal;font-weight:600;line-height:normal;margin-bottom:calc(26px * var(--scale))}@media (width < 600px){.maskot.svelte-128n4vm{max-width:250px}}@media (width > 1200px){.maskot.svelte-128n4vm{max-height:calc(100vh - 220px)}}main.svelte-83j49n{display:grid;grid-template-areas:"nav" "stack";overflow-x:clip}main.svelte-83j49n>:where(.svelte-83j49n){grid-area:stack}
