:root{font-family: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;padding:0;width:100vw;height:100vh}h1{font-size:3.2em;line-height:1.1}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#root{height:100vh;width:100%}.home-page{height:100vh;display:flex;flex-direction:column;background:linear-gradient(to right bottom,#8f49b1,#863cb1,#5f3daa,#491caa)}.header{box-sizing:border-box;max-height:180px;display:flex;align-items:start;margin-bottom:50px;justify-content:space-between;padding:30px 40px}.logo{box-sizing:border-box;display:flex;flex-direction:row;height:3rem}.logo-name{font-family:Poppins,sans-serif;font-size:2.2rem;font-weight:700;color:#fff;letter-spacing:.5px;margin-left:8px;margin-bottom:2px}.game-container{height:20rem;max-width:45rem;align-self:center;padding:2rem;background:#ffffff26;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3);position:relative}ol{list-style:none;margin:0;padding:0}.game-board{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin:0;padding:0;flex-direction:column}.game-board ol{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin:0;padding:0}.game-board button{width:6rem;height:6rem;color:#702793;font-size:4rem;cursor:pointer;padding:1rem;background:#0000000d;border-radius:16px;box-shadow:0 4px 30px #0000001a;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.3)}@media (max-width: 600px){.game-container{transform:scale(.9);height:18.4rem;padding:1rem}.game-board,.game-board ol{gap:.3rem}}@media (max-width: 350px){.logo{height:2.5rem}.logo-name{font-size:2rem}.game-container{transform:scale(.9);height:15.4rem;padding:1rem}.game-board,.game-board ol{gap:.3rem}.game-board button{width:5rem;height:5rem}}.game-over{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:16px;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:2;background-color:#652d9fcc;animation:pop-in .5s cubic-bezier(.68,-.55,.65,.52) forwards}.game-over h2{font-size:2rem;text-align:center;color:#fff;margin:0}.game-over p{font-size:1.3rem;text-align:center;color:#fff;font-weight:600}.game-over button{display:block;margin:0 auto;font-size:1rem;background:none;border:2px solid #fcd256;color:#fcd256;padding:.5rem 1rem;border-radius:4px;cursor:pointer;transition:all .2s,color .2s;box-shadow:0 0 8px #fb06}.game-over button:hover{background:#fcd256;color:#3f3b00;transform:scale(1.1);box-shadow:0 0 20px #fb0c}@keyframes pop-in{0%{transform:scale(0);opacity:0}80%{transform:scale(1.1);opacity:1}to{transform:scale(1)}}