@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Silkscreen:wght@400;700&display=swap";#root{display:flex;width:100%;height:100vh;padding:30px 80px;box-sizing:border-box;flex-direction:column;align-items:stretch}:root{--text: #f3d7f9;--background: #0e0914;--primary: #da8ced;--secondary: #95174f;--accent: #e13d54;--shadow-color: 268deg 63% 0%;--shadow-elevation-low: .3px .5px .6px hsl(var(--shadow-color) / .33), .4px .8px 1px -1.3px hsl(var(--shadow-color) / .32), 1px 1.9px 2.4px -2.6px hsl(var(--shadow-color) / .31);--shadow-elevation-medium: .3px .5px .6px hsl(var(--shadow-color) / .34), .8px 1.6px 2px -.9px hsl(var(--shadow-color) / .34), 2px 3.9px 4.9px -1.7px hsl(var(--shadow-color) / .33), 4.8px 9.6px 11.9px -2.6px hsl(var(--shadow-color) / .32);--shadow-elevation-high: .3px .5px .6px hsl(var(--shadow-color) / .37), 1.5px 3px 3.7px -.4px hsl(var(--shadow-color) / .36), 2.9px 5.8px 7.2px -.9px hsl(var(--shadow-color) / .36), 5.1px 10.3px 12.8px -1.3px hsl(var(--shadow-color) / .35), 8.8px 17.6px 21.8px -1.7px hsl(var(--shadow-color) / .35), 14.6px 29.1px 36.1px -2.2px hsl(var(--shadow-color) / .35), 23px 46px 57.1px -2.6px hsl(var(--shadow-color) / .34)}body{background-color:var(--background);color:var(--text);font-family:Silkscreen,sans-serif}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;min-width:320px;min-height:100vh;align-items:stretch}h1{font-size:3.2em;line-height:1.1;font-weight:100;letter-spacing:-12px;margin:36px 0 50px}button{border-radius:8px;border:3px dashed var(--text);padding:.4em 1em;font-size:1em;font-weight:100;font-family:inherit;background-color:var(--background);cursor:pointer;transition:border-color .2s,border-style .2s,color .2s,scale .2s;color:var(--text)}button:hover{scale:1.2;color:var(--background);border-color:var(--background);background-color:var(--primary)}button:active{scale:.98}button:focus,button:focus-visible{outline:0px auto -webkit-focus-ring-color}.card-container{width:100%;height:100%;transition:scale .2s,filter .4s}.card-container:hover{scale:.975;filter:brightness(115%);cursor:pointer}.card-container img{width:100%;height:100%;object-fit:cover;border-radius:20px;box-shadow:var(--shadow-elevation-medium)}.card-container p{position:absolute}.gameboard{display:grid;gap:20px;padding:0 210px;justify-content:center;height:100%;place-content:center}.grid-8{grid-template-columns:repeat(4,minmax(200px,50%));grid-template-rows:repeat(2,minmax(200px,40%))}.grid-12{grid-template-columns:repeat(4,minmax(200px,1fr));grid-template-rows:repeat(3,minmax(200px,.8fr))}.grid-18{grid-template-columns:repeat(6,minmax(200px,70%));grid-template-rows:repeat(3,minmax(200px,30%))}.grid-item img{width:100%;height:100%;object-fit:cover}.gameover-screen{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center}.gameover-button-container{display:flex;gap:70px;font-size:25px}.gameover-screen button{font-size:25px}.gameover-screen>h2{text-align:center;padding:0 200px;margin-bottom:100px;font-size:3.2em}.gameplay-screen{display:flex;flex-direction:column;height:100%}.header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.logo-container{display:flex;flex-direction:row-reverse;align-items:center;gap:10px;font-size:40px;transition:filter .3s,text-decoration .3s,color .3s,scale .3s}.logo-container:hover{scale:.97;cursor:pointer;color:var(--primary);text-decoration:underline;text-decoration-color:var(--text);text-decoration-style:dashed;text-decoration-thickness:4px;text-underline-position:under}.logo-container img{width:80px}.scoreboard-container{font-size:24px}.gameplay-screen>p{height:100%;align-self:center;display:flex;align-items:center;font-size:32px}.logo-small{letter-spacing:-4px}.home-screen{display:flex;flex-direction:column;align-items:center;height:100%;justify-content:center}.home-screen>.logo-home{font-size:30px;display:flex;flex-direction:column;align-items:center}.home-buttons{display:flex;justify-content:center;flex-wrap:nowrap;flex-direction:row;gap:70px;font-size:25px}.logo-home img{width:250px;filter:hue-rotate(340deg);filter:drop-shadow(-2px 6px 9px hsl(0deg 0% 82.99% / 20%))}.help-badge img{width:50px;position:fixed;bottom:20px;right:20px}.rules{text-align:left;background-color:var(--text);color:var(--background);position:fixed;bottom:60px;right:60px;z-index:1;padding:20px;font-size:18px;border-radius:50px 50px 0}.help-badge img:hover{filter:}