/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}@font-face{font-family:InterVariable;font-style:normal;font-weight:100 900;font-display:swap;src:url(/assets/InterVariable-DiVDrmQJ.woff2) format("woff2")}@font-face{font-family:InterVariable;font-style:italic;font-weight:100 900;font-display:swap;src:url(/assets/InterVariable-Italic-FCBEiFp6.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:100;font-display:swap;src:url(/assets/Inter-Thin-DzN99i8q.woff2) format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:100;font-display:swap;src:url(/assets/Inter-ThinItalic-DxehbPeK.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:200;font-display:swap;src:url(/assets/Inter-ExtraLight-7kXoOaX_.woff2) format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:200;font-display:swap;src:url(/assets/Inter-ExtraLightItalic-Ox17i_b0.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:300;font-display:swap;src:url(/assets/Inter-Light-14LG-y7V.woff2) format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:300;font-display:swap;src:url(/assets/Inter-LightItalic-iBr7p6CH.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/Inter-Regular-COLGFB3M.woff2) format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/Inter-Italic-Bm_w1qmz.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/Inter-Medium-CDhBSFyE.woff2) format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:500;font-display:swap;src:url(/assets/Inter-MediumItalic-BqDObnQN.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/Inter-SemiBold-BAEEcJ4E.woff2) format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:600;font-display:swap;src:url(/assets/Inter-SemiBoldItalic-B7KOJJiL.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/Inter-Bold-BOs3KVhN.woff2) format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:700;font-display:swap;src:url(/assets/Inter-BoldItalic-Cabj1n7x.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/Inter-ExtraBold-BUaDDWMS.woff2) format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:800;font-display:swap;src:url(/assets/Inter-ExtraBoldItalic-efVpd_pq.woff2) format("woff2")}@font-face{font-family:Inter;font-style:normal;font-weight:900;font-display:swap;src:url(/assets/Inter-Black-BJbWHna9.woff2) format("woff2")}@font-face{font-family:Inter;font-style:italic;font-weight:900;font-display:swap;src:url(/assets/Inter-BlackItalic-D3PIgx41.woff2) format("woff2")}@font-face{font-family:InterDisplay;font-style:normal;font-weight:100;font-display:swap;src:url(/assets/InterDisplay-Thin-BT9qaRpT.woff2) format("woff2")}@font-face{font-family:InterDisplay;font-style:italic;font-weight:100;font-display:swap;src:url(/assets/InterDisplay-ThinItalic-DtFR0WUP.woff2) format("woff2")}@font-face{font-family:InterDisplay;font-style:normal;font-weight:200;font-display:swap;src:url(/assets/InterDisplay-ExtraLight-B3-UpUq4.woff2) format("woff2")}@font-face{font-family:InterDisplay;font-style:italic;font-weight:200;font-display:swap;src:url(/assets/InterDisplay-ExtraLightItalic-C8b3Z3Tc.woff2) format("woff2")}@font-face{font-family:InterDisplay;font-style:normal;font-weight:300;font-display:swap;src:url(/assets/InterDisplay-Light-DQj7ly9y.woff2) format("woff2")}@font-face{font-family:InterDisplay;font-style:italic;font-weight:300;font-display:swap;src:url(/assets/InterDisplay-LightItalic-Bbt9QreW.woff2) format("woff2")}@font-face{font-family:InterDisplay;font-style:normal;font-weight:400;font-display:swap;src:url(/assets/InterDisplay-Regular-CHKdHLF4.woff2) format("woff2")}@font-face{font-family:InterDisplay;font-style:italic;font-weight:400;font-display:swap;src:url(/assets/InterDisplay-Italic-Pk5cUfHi.woff2) format("woff2")}@font-face{font-family:InterDisplay;font-style:normal;font-weight:500;font-display:swap;src:url(/assets/InterDisplay-Medium-CYGNL_ty.woff2) format("woff2")}@font-face{font-family:InterDisplay;font-style:italic;font-weight:500;font-display:swap;src:url(/assets/InterDisplay-MediumItalic-hd-DtBFz.woff2) format("woff2")}@font-face{font-family:InterDisplay;font-style:normal;font-weight:600;font-display:swap;src:url(/assets/InterDisplay-SemiBold--Mm3ZPsY.woff2) format("woff2")}@font-face{font-family:InterDisplay;font-style:italic;font-weight:600;font-display:swap;src:url(/assets/InterDisplay-SemiBoldItalic-KqvXNdTp.woff2) format("woff2")}@font-face{font-family:InterDisplay;font-style:normal;font-weight:700;font-display:swap;src:url(/assets/InterDisplay-Bold-BpCEuk9N.woff2) format("woff2")}@font-face{font-family:InterDisplay;font-style:italic;font-weight:700;font-display:swap;src:url(/assets/InterDisplay-BoldItalic-2f5-4TWO.woff2) format("woff2")}@font-face{font-family:InterDisplay;font-style:normal;font-weight:800;font-display:swap;src:url(/assets/InterDisplay-ExtraBold-CTk6ni5a.woff2) format("woff2")}@font-face{font-family:InterDisplay;font-style:italic;font-weight:800;font-display:swap;src:url(/assets/InterDisplay-ExtraBoldItalic-7uYEMdJ3.woff2) format("woff2")}@font-face{font-family:InterDisplay;font-style:normal;font-weight:900;font-display:swap;src:url(/assets/InterDisplay-Black--Thh5XZM.woff2) format("woff2")}@font-face{font-family:InterDisplay;font-style:italic;font-weight:900;font-display:swap;src:url(/assets/InterDisplay-BlackItalic-CeOspfgx.woff2) format("woff2")}@font-feature-values InterVariable{@character-variant{cv01:1;cv02:2;cv03:3;cv04:4;cv05:5;cv06:6;cv07:7;cv08:8;cv09:9;cv10:10;cv11:11;cv12:12;cv13:13;alt-1:1;alt-3:9;open-4:2;open-6:3;open-9:4;lc-l-with-tail:5;simplified-u:6;alt-double-s:7;uc-i-with-serif:8;uc-g-with-spur:10;single-story-a:11;compact-lc-f:12;compact-lc-t:13}@styleset{ss01:1;ss02:2;ss03:3;ss04:4;ss05:5;ss06:6;ss07:7;ss08:8;open-digits:1;disambiguation:2;disambiguation-except-zero:4;round-quotes-and-commas:3;square-punctuation:7;square-quotes:8;circled-characters:5;squared-characters:6}}@font-feature-values Inter{@character-variant{cv01:1;cv02:2;cv03:3;cv04:4;cv05:5;cv06:6;cv07:7;cv08:8;cv09:9;cv10:10;cv11:11;cv12:12;cv13:13;alt-1:1;alt-3:9;open-4:2;open-6:3;open-9:4;lc-l-with-tail:5;simplified-u:6;alt-double-s:7;uc-i-with-serif:8;uc-g-with-spur:10;single-story-a:11;compact-lc-f:12;compact-lc-t:13}@styleset{ss01:1;ss02:2;ss03:3;ss04:4;ss05:5;ss06:6;ss07:7;ss08:8;open-digits:1;disambiguation:2;disambiguation-except-zero:4;round-quotes-and-commas:3;square-punctuation:7;square-quotes:8;circled-characters:5;squared-characters:6}}@font-feature-values InterDisplay{@character-variant{cv01:1;cv02:2;cv03:3;cv04:4;cv05:5;cv06:6;cv07:7;cv08:8;cv09:9;cv10:10;cv11:11;cv12:12;cv13:13;alt-1:1;alt-3:9;open-4:2;open-6:3;open-9:4;lc-l-with-tail:5;simplified-u:6;alt-double-s:7;uc-i-with-serif:8;uc-g-with-spur:10;single-story-a:11;compact-lc-f:12;compact-lc-t:13}@styleset{ss01:1;ss02:2;ss03:3;ss04:4;ss05:5;ss06:6;ss07:7;ss08:8;open-digits:1;disambiguation:2;disambiguation-except-zero:4;round-quotes-and-commas:3;square-punctuation:7;square-quotes:8;circled-characters:5;squared-characters:6}}:root{--background-1: #edf2f4;--background-2: #e0e0e0;--background-3: #cccccc;--color-1: #101418;--color-2: #edf2f4;--accent-1: #2d7dd2;--accent-2: #ef476f;--accent-3: #28b628}body{font-family:Inter;background-color:var(--background-1);color:var(--color-1);min-height:100vh}#root{min-height:100vh}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}.game{display:grid;grid-template-areas:"header scoreboard" "screen screen";grid-template-columns:1fr 150px;grid-template-rows:max-content 1fr;min-height:100vh;row-gap:clamp(0px,.5vw,.5rem)}.game__header{display:grid;justify-content:start;padding-left:10%;font-size:clamp(1.7rem,8.7vw,2.5rem);padding-top:.2rem;justify-content:center;margin:0;text-wrap:wrap;grid-area:header}.game__scoreboard{grid-area:scoreboard}.game__game-selector,.game__board{grid-area:screen}.game-selector{display:grid;grid-template-rows:max-content 1fr;gap:1rem}.game-selector__genres{--repeat: auto-fill;display:grid;grid-template-columns:repeat(var(--repeat),250px);grid-auto-rows:350px;gap:15px;justify-content:center}@media (min-width: calc(1250px + 5rem)){.game-selector__genres{--repeat: 5}}.game-selector__genres__button{position:relative;padding:0;border:0;border-radius:3px}.game-selector__genres__button--selected{box-shadow:0 0 0 2px var(--background-1),0 0 0 5px var(--color-1)}.game-selector__genres__button img{border-radius:inherit;object-fit:cover;height:100%;width:100%;filter:brightness(.9)}.game-selector__genres__button p{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:2rem;font-weight:700;margin:0}.game-selector__difficulties{padding-bottom:1rem;display:grid;grid-template-columns:repeat(auto-fit,200px 200px);align-items:center;justify-content:center;justify-items:center;gap:20px}@media (max-width: 450px){.game-selector__difficulties{grid-template-columns:200px}}.game-selector__difficulties__button{width:100%;border-radius:2px;color:#fff;border:0;padding:.5rem 3rem;background-color:var(--difficulty-color-1);box-shadow:0 7px 0 0 var(--difficulty-color-2);text-wrap:nowrap;transition:transform .05s ease-in-out,box-shadow .05s ease-in-out}.game-selector__difficulties__button:active{box-shadow:0 4px 0 0 var(--difficulty-color-2);transform:translateY(3px)}.game-selector__difficulties__button__name{font-weight:600;font-size:1.5rem}.game-selector__difficulties__button__score{box-shadow:1px}.game-selector__difficulties__button--easy{--difficulty-color-1: #60bf22;--difficulty-color-2: #4fa119}.game-selector__difficulties__button--normal{--difficulty-color-1: #ffc600;--difficulty-color-2: #d1a401}.game-selector__difficulties__button--hard{--difficulty-color-1: #f18f01;--difficulty-color-2: #c97903}.game-selector__difficulties__button--serious{--difficulty-color-1: #e41f1f;--difficulty-color-2: #b61616}.board{display:grid;grid-template-rows:max-content 1fr;gap:1rem}.board__buttons-wrapper{--button-size: 2.4rem;display:grid;grid-template-columns:repeat(2,var(--button-size));grid-template-rows:var(--button-size);justify-content:end;padding-right:1.5rem;gap:.5rem}.board__buttons-wrapper__button{padding:13%;border:none;display:grid;grid-template-columns:1fr;grid-template-rows:1fr;border-radius:3px;transition:transform .1s,filter .1s}.board__buttons-wrapper__button:hover{transform:scale(1.1)}.board__buttons-wrapper__button:active{filter:brightness(.8)}.board__buttons-wrapper__button--restart{background-color:var(--accent-1)}.board__buttons-wrapper__button--exit{background-color:var(--accent-2)}.board__buttons-wrapper__button img{width:100%}.board__cards-wrapper{--repeat: auto-fill;display:grid;gap:1rem;grid-auto-rows:max-content;grid-template-columns:repeat(var(--repeat),var(--width) var(--width));justify-content:center;align-content:center}@media (min-width: calc(1000px + 4rem)){.board__cards-wrapper--easy{--repeat: 2}}.board__cards-wrapper--easy,.board__cards-wrapper--normal{--width: 250px}.board__cards-wrapper--hard{--width: 215px}.board__cards-wrapper--serious{--width: 170px}@media (max-width: calc(500px + 1rem)){.board__cards-wrapper{--repeat: 1;--width: 1fr;padding:0 clamp(0rem,2vw,1rem)}}.card__image{aspect-ratio:2 / 3;width:100%;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none;transition:transform .1s;border-radius:3px}.end-modal{position:fixed;top:0;left:0;height:100vh;width:100vw;background-color:#000000bf;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.end-modal__dialog{top:50%;left:50%;transform:translate(-50%,-80%);position:fixed;background-color:var(--background-2);padding:1rem 1.5rem;display:grid;grid-template-columns:1fr 1fr;column-gap:2rem;row-gap:1rem;font-size:1.2rem;border-radius:4px;justify-content:center;box-shadow:0 0 100px 2px #000}.end-modal__dialog__content{grid-column:span 2;display:grid;gap:.3rem;justify-items:center}.end-modal__dialog__content h2{font-size:2.2rem;justify-self:center}.end-modal__dialog__content p{font-size:1.1rem;justify-self:center}.end-modal__dialog__button{padding:.4rem .7rem;font-weight:600;color:var(--color-2);background-color:var(--accent-1);border:none;border-radius:2px;transition:transform .1s,filter .1s;text-wrap:nowrap}.end-modal__dialog__button:hover{transform:scale(1.02)}.end-modal__dialog__button:active{filter:brightness(.8)}.end-modal__dialog__button--play{background-color:var(--accent-3)}.scoreboard{display:grid;grid-template-rows:max-content max-content;justify-content:center;align-items:center;font-size:1.1rem;justify-items:end;align-content:center;padding-top:clamp(0px,.5vw,.5rem);padding-right:clamp(0px,.5vw,.5rem);gap:.5rem}