@import url(https://fonts.googleapis.com/css2?family=Mali:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--font:"Mali",cursive;--font-gameover:"Press Start 2P",system-ui}.background{background:#023e85}.background-black{background:#000}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#00baff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;height:100vh;margin:0;-webkit-user-select:none;user-select:none;width:100vw}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.container-homescreen{background:linear-gradient(to bottom right,#0af,#0cf);display:flex;flex-direction:column;height:100vh;-webkit-user-select:none;user-select:none;width:100vw;.box-logo{align-items:center;display:flex;height:9.375rem;justify-content:center;.logo{filter:drop-shadow(.125rem .125rem .375rem #000000ca);-webkit-user-select:none;user-select:none;width:18.75rem}}.box-components{display:flex;flex-direction:column;flex-wrap:nowrap;height:calc(100vh - 15.625rem);justify-content:space-around;width:100%;.container-name-input{align-items:center;display:flex;flex-direction:column;height:6.25rem;justify-content:space-around;.box-error{align-items:center;display:flex;height:3.125rem;justify-content:center;width:100%;.error-message{color:red;font-family:var(--font);font-weight:600;padding:0 1.25rem;text-align:center;text-shadow:unset .0625rem .0625rem .125rem #00000069}}input[type=text]{border:none;border-radius:.3125rem;box-shadow:none;font-family:var(--font);font-size:1.2rem;font-weight:700;height:2.5rem;outline:none;text-align:center;transition:box-shadow 2s,outline 2s}input[type=text]:hover{box-shadow:.125rem .125rem .3125rem #000;outline:.125rem solid #094080}}.container-level-selector{height:3.125rem;width:100%;.box-level{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;height:100%;justify-content:space-evenly;width:100%;label{align-items:center;display:flex;flex-direction:column;font-family:var(--font);font-size:1.2rem;font-weight:600;gap:.3125rem;text-shadow:.0625rem .0625rem .0938rem #000000ca;width:6.25rem;input[type=radio]{-webkit-appearance:none;appearance:none;background-color:#984006c8;border:.125rem solid #f1f1f1;border-radius:50%;cursor:pointer;height:1.25rem;transition:box-shadow 2s;vertical-align:middle;width:1.25rem}input[type=radio]:checked{background-color:#0088d0;background-image:radial-gradient(circle at center,#fff153d3 50%,#0000 55%);border:none;box-shadow:.125rem .125rem .0938rem #000000ca}input[type=radio]:focus-visible{outline:none}}}}.container-start-button{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;gap:1.25rem;height:6.25rem;justify-content:space-around;.box-info{height:3.125rem;.initial-info{font-size:1.2em}.error-message{font-size:1em}.error-message,.initial-info{font-family:var(--font);height:5rem;text-align:center;text-shadow:.0625rem .0625rem .125rem #00000069}}.box-Button{box-shadow:.125rem .125rem .3125rem #000000ca;.btn-start{border:none;border-radius:.3125rem;box-shadow:0 .125rem .3125rem #000;outline:.125rem solid #000;padding:.625rem 1.875rem;transition:transform .1s ease;p{font-family:var(--font);font-size:1.2rem;font-weight:600}}.btn-start:active{transform:translateY(.125rem)}}}}}@media screen and (min-width:43.75rem){.container-homescreen{background:linear-gradient(to bottom right,#0af,#0cf);display:flex;flex-direction:column;height:100vh;padding:1.875rem 0 0;-webkit-user-select:none;user-select:none;width:100vw;.box-logo{align-items:center;display:flex;height:9.375rem;justify-content:center;.logo{filter:drop-shadow(.125rem .125rem .375rem #000000ca);-webkit-user-select:none;user-select:none;width:25rem}}.box-components{display:flex;flex-direction:column;flex-wrap:nowrap;height:calc(100vh - 15.625rem);justify-content:space-around;width:100%;.container-name-input{align-items:center;display:flex;flex-direction:column;height:6.25rem;justify-content:space-around;.box-error{align-items:center;display:flex;height:3.125rem;justify-content:center;width:100%;.error-message{color:red;font-family:var(--font);font-size:2em;font-weight:600;padding:0 1.25rem;text-align:center;text-shadow:unset .0625rem .0625rem .125rem #00000069}}input[type=text]{border:none;border-radius:.3125rem;box-shadow:none;font-family:var(--font);font-size:2rem;font-weight:700;height:2.5rem;outline:none;text-align:center;transition:box-shadow 2s,outline 2s}input[type=text]:hover{box-shadow:.125rem .125rem .3125rem #000;outline:.125rem solid #094080}input[type=text]:focus-visible{box-shadow:.125rem .125rem .3125rem #000;outline:.125rem solid #094080}}.container-level-selector{height:3.125rem;width:100%;.box-level{align-items:center;display:flex;flex-direction:row;flex-wrap:nowrap;height:100%;justify-content:space-evenly;width:100%;label{align-items:center;display:flex;flex-direction:column;font-family:var(--font);font-size:1.2rem;font-weight:600;gap:.3125rem;text-shadow:.0625rem .0625rem .0938rem #000000ca;width:6.25rem;input[type=radio]{-webkit-appearance:none;appearance:none;background-color:#984006c8;border:.125rem solid #f1f1f1;border-radius:50%;cursor:pointer;height:1.25rem;transition:box-shadow 2s;vertical-align:middle;width:1.25rem}input[type=radio]:checked{background-color:#0088d0;background-image:radial-gradient(circle at center,#fff153d3 50%,#0000 55%);border:none;box-shadow:.125rem .125rem .0938rem #000000ca}input[type=radio]:focus-visible{outline:none}}}}.container-start-button{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;gap:1.25rem;height:6.25rem;justify-content:space-around;.box-info{height:3.125rem;.error-message,.initial-info{font-family:var(--font);font-size:2em;height:5rem;text-align:center;text-shadow:.0625rem .0625rem .125rem #00000069}}.box-Button{box-shadow:.125rem .125rem .3125rem #000000ca;.btn-start{border:none;border-radius:.3125rem;box-shadow:0 .125rem .3125rem #000;outline:.125rem solid #000;padding:.625rem 1.875rem;transition:transform .1s ease;p{font-family:var(--font);font-size:2em;font-weight:600}}.btn-start:active{transform:translateY(.125rem)}}}}}}.container-gamescreen{align-items:center;background-position:50%;background-repeat:no-repeat;background-size:cover;background:rgba(0,0,0,.737);display:flex;flex-direction:column;height:100vh;width:100vw}.container-gamescreen .box-dashboard{align-items:center;background:linear-gradient(180deg,#00ccff25,#00aaff7c);border-bottom:.125rem solid #00aaff90;display:flex;flex-direction:row;height:9.375rem;justify-content:center;width:100vw}.container-gamescreen .box-dashboard div:first-child,.container-gamescreen .box-dashboard div:nth-child(2),.container-gamescreen .box-dashboard div:nth-child(3){display:flex;flex-direction:column;height:100%;justify-content:space-evenly;width:6.25rem}.container-gamescreen .box-dashboard div span:first-child{color:#fff;filter:drop-shadow(.125rem .125rem .0625rem #02418d);font-size:2em;text-align:center;width:100%}.container-gamescreen .box-dashboard div span:nth-child(2){align-items:center;color:#fff04d;display:flex;flex-direction:column;font-family:var(--font);font-size:2em;font-weight:700;justify-content:end;text-shadow:.125rem .125rem .3125rem #984200;width:6.25rem}.container-gamescreen .container-game{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 9.375rem);justify-content:center;padding:1.25rem;width:100vw}.container-gamescreen .container-game .box-game{grid-gap:.625rem;align-items:center;box-sizing:border-box;display:grid;gap:.625rem;height:auto;justify-content:center;max-width:37.5rem;padding:1.25rem;width:90vw}.container-gamescreen .container-game .box-game.grid-cols-2{grid-template-columns:repeat(2,1fr)}.container-gamescreen .container-game .box-game.grid-cols-4{grid-template-columns:repeat(4,1fr)}.container-gamescreen .container-game .box-game .card{aspect-ratio:1/1;background-color:#ddd;border-radius:.5rem;cursor:pointer;perspective:62.5rem;position:relative}.container-gamescreen .container-game .box-game .card .card-inner{height:100%;position:absolute;transform-style:preserve-3d;transition:transform .6s;width:100%}.container-gamescreen .container-game .box-game .card.flipped .card-inner{transform:rotateY(180deg)}.container-gamescreen .container-game .box-game .card .card-back,.container-gamescreen .container-game .box-game .card .card-front{align-items:center;backface-visibility:hidden;border-radius:.5rem;display:flex;font-size:2em;height:100%;justify-content:center;position:absolute;-webkit-user-select:none;user-select:none;width:100%}.container-gamescreen .container-game .box-game .card .card-front{background:url(/static/media/memory-game.5695342d2cd52fcc7e6a.png) no-repeat 50%;background-size:contain;color:#333;z-index:2}.container-gamescreen .container-game .box-game .card .card-back{background-color:#4caf50;color:#fff;transform:rotateY(180deg);z-index:1}.container-gamescreen .container-game .box-game .card.matched .card-inner{opacity:.7;transform:rotateY(180deg)}.container-gamescreen .container-game .box-game.grid-cols-4 .card .card-back{font-size:1.5em}.container-game .game-over-message{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:1.875rem;height:calc(100vh - 9.375rem);justify-content:center;padding:1.25rem;width:100vw;h2{font-family:var(--font-gameover)}h2,p{color:#fff}p{font-family:var(--font);text-align:center;width:50%}}.container-game .error-emoji{color:red;font-size:5em;left:50%;opacity:1;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease-in-out;z-index:10}.container-game .error-emoji.hidden{opacity:0}@media screen and (min-width:43.75rem){.container-gamescreen .box-dashboard{align-items:center;background:linear-gradient(180deg,#00ccff25,#00aaff7c);border-bottom:.125rem solid #00aaff90;display:flex;flex-direction:row;gap:5rem;height:9.375rem;justify-content:center;width:100vw}.container-gamescreen .box-dashboard div span:first-child{color:#fff;filter:drop-shadow(.125rem .125rem .0625rem #02418d);font-size:3em;text-align:center;width:100%}.container-gamescreen .box-dashboard div span:nth-child(2){align-items:center;color:#fff04d;display:flex;flex-direction:column;font-family:var(--font);font-size:3em;font-weight:700;justify-content:end;text-shadow:.125rem .125rem .3125rem #984200;width:6.25rem}.container-gamescreen .container-game{align-items:center;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:wrap;height:calc(100vh - 7.5rem);justify-content:center;padding:1.25rem;width:100vw}.container-gamescreen .container-game .box-game.grid-cols-2{grid-template-columns:repeat(2,0fr);height:calc(100vh - 18.75rem)}.container-gamescreen .container-game .box-game.grid-cols-4{grid-template-columns:repeat(4,0fr)}.container-gamescreen .container-game .box-game .card{height:6.25rem}.container-gamescreen .container-game .box-game .card .card-front{background:url(/static/media/memory-game.5695342d2cd52fcc7e6a.png) no-repeat 50%;background-size:contain;color:#333;z-index:2}.container-gamescreen .container-game .box-game .card .card-back{background-color:#4caf50;color:#fff;transform:rotateY(180deg);z-index:1}.container-gamescreen .container-game .box-game .card.matched .card-inner{height:3.125rem;opacity:.7;transform:rotateY(180deg)}.container-game .game-over-message{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;gap:1.875rem;height:calc(100vh - 18.75rem);justify-content:center;padding:1.25rem;width:100vw;h2{font-family:var(--font-gameover);font-size:3em}h2,p{color:#fff}p{font-family:var(--font);font-size:2em;text-align:center}}}.container-score{align-items:center;background-color:#000;color:#fff;display:flex;flex-direction:column;height:100vh;position:relative;width:100vw;.box-score{align-items:center;display:flex;flex-direction:row;font-family:var(--font);font-size:2em;font-weight:600;gap:1.25rem;justify-content:center;width:100vw;.player{align-items:center;display:flex;flex-direction:column;height:15.625rem;justify-content:space-evenly;.box-trophy{align-items:center;display:flex;flex-direction:column;gap:1.25rem;justify-content:space-evenly}}}.box-win{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:space-evenly;position:absolute;top:0;width:100vw;.win{background:url(/static/media/win.4d23a6058d04d9d0bb23.gif) no-repeat 50%;background-size:cover;opacity:0}.win,.win.show{height:100%;width:100%}.win.show{opacity:1}}.box-btn{align-items:center;display:flex;height:calc(100vh - 12.5rem);justify-content:center;width:100vw;z-index:10;.btn{box-shadow:.125rem .125rem .3125rem #fff;.btn-restart{border:none;border-radius:.3125rem;box-shadow:0 .125rem .3125rem #000;outline:.125rem solid #000;padding:.625rem 1.875rem;transition:transform .1s ease;span{font-family:var(--font);font-size:1.2rem;font-weight:600}}.btn-restart:active{transform:translateY(.125rem)}}}}@media screen and (min-width:43.75rem){.container-score{align-items:center;background-color:#000;color:#fff;display:flex;flex-direction:column;height:100vh;padding:1.25rem 0 0;position:relative;width:100vw;.box-score{align-items:center;display:flex;flex-direction:row;font-family:var(--font);font-size:3em;font-weight:600;gap:1.25rem;justify-content:center;width:100vw;.player{align-items:center;display:flex;flex-direction:column;height:15.625rem;justify-content:space-evenly;.box-trophy{align-items:center;display:flex;flex-direction:column;gap:1.25rem;justify-content:space-evenly}}}.box-win{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:space-evenly;position:absolute;top:0;width:100vw;.win{background:url(/static/media/win.4d23a6058d04d9d0bb23.gif) no-repeat 50%;background-size:contain;height:100%;opacity:0;width:100%}.win.show{opacity:1}}.box-btn{align-items:center;display:flex;height:calc(100vh - 12.5rem);justify-content:center;width:100vw;z-index:10;.btn{box-shadow:.125rem .125rem .3125rem #fff;.btn-restart{border:none;border-radius:.3125rem;box-shadow:0 .125rem .3125rem #000;outline:.125rem solid #000;padding:.625rem 1.875rem;transition:transform .1s ease;span{font-family:var(--font);font-size:2em;font-weight:600}}.btn-restart:active{transform:translateY(.125rem)}}}}}
/*# sourceMappingURL=main.29171b4c.css.map*/