.game-over-content{display:flex;flex-direction:column;align-items:center;text-align:center;font-size:1.25rem}.game-over-title{margin-bottom:0}.images-compare{display:flex;gap:1rem;margin-bottom:4rem;font-size:2rem;width:900px}.images-compare img{margin-bottom:1rem}.option-list{--top: 0;--left: 0;list-style:none;position:absolute;top:var(--top);left:var(--left);display:flex;flex-direction:column;gap:.5rem;padding-left:0;padding:.5rem 1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#1119;border-radius:1rem}.option-list:after{content:"";position:absolute;top:0;left:-45px;width:30px;height:30px;border:2px solid white;border-radius:50%}.option{cursor:pointer}.option:not(:last-child){border-bottom:1px solid aliceblue;padding-bottom:.5rem}@media (hover: hover){.option:hover{color:#4dc0fd}}.timer{position:relative;width:25%;height:5px;background-color:#c0c0c04c;border-radius:.5rem;overflow:hidden}.timer-title{display:block;font-size:1.5rem;margin-bottom:.25rem;text-align:center}.timer:after{content:"";position:absolute;top:0;left:0;height:100%;background-image:linear-gradient(to right,#80003c,orange);width:var(--time)}.remaining-time{font-size:2rem}.header-game{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;font-size:1.75rem}.header-info{display:flex;gap:1rem}.game-container{position:relative;display:flex;flex-direction:column;align-items:center;width:700px;height:600px;margin-inline:auto}.image-container{--room-image: url(/example.png);position:relative;display:grid;grid-template-columns:repeat(20,1fr);width:650px;height:100%;margin-bottom:2rem;min-width:500px;background-image:var(--room-image);background-size:cover;background-repeat:no-repeat}.image-to-play{position:absolute;top:0;left:0;width:100%}.image{grid-column:1/-1;grid-row:1/-1}.tile{display:flex;align-items:center;justify-content:center;border:1px solid red;opacity:0;cursor:pointer}.game-user-info{display:flex;justify-content:center;align-items:flex-start;text-align:center;gap:2rem;margin-bottom:2rem}.info{padding:.5rem 1rem;border-radius:.5rem;color:#fff}.info-title{margin-block:0 .5rem;font-size:1rem}.info-data{display:flex;align-items:center;gap:1rem;font-size:1.25rem;letter-spacing:.25rem}.info-icon{width:30px}.errors{display:flex;justify-content:center;gap:2rem;margin-bottom:2rem}.modal{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000c}.modal-content{position:relative;display:flex;flex-direction:column;align-items:center;width:max-content;padding:1rem 2rem;background-color:#b26128;letter-spacing:1px;border-radius:1rem}.modal-close{width:50px;position:absolute;top:1rem;right:1rem;cursor:pointer;filter:invert(1)}.emphasis{font-size:1.25rem}.slide{display:flex;overflow:hidden;width:1100px;height:266px;position:relative}.slide-track{display:flex;width:max-content;gap:1rem;animation:slide-images 10s linear infinite}@keyframes slide-images{to{translate:-100%}}.slide-image{width:auto;height:100%;flex-shrink:0}.main-title{font-size:3.625rem;margin-block:3rem 0;text-align:center}.main-container{display:flex;flex-direction:column;align-items:center;gap:3rem}.buttons{display:flex;flex-direction:column;align-items:center;gap:1rem}.main-buttons{display:flex;gap:1rem}.button{padding:1rem 1.5rem;border:1px solid var(--secondary-100);border-radius:.5rem;background-color:transparent;cursor:pointer}.button-primary{background-color:var(--primary-500)}.button-login{width:100%}*,*:after,*:before{box-sizing:border-box}:root{--primary-100: #e3d8fd;--primary-200: #c0a7fb;--primary-300: #9d76f9;--primary-400: #7a45f7;--primary-500: #5714f5;--primary-600: #4309cd;--primary-700: #33079d;--primary-800: #23056c;--primary-900: #13023b;--secondary-100: #f0eff2;--secondary-200: #d5d2da;--secondary-300: #bbb6c3;--secondary-400: #a19aac;--secondary-500: #877e95;--secondary-600: #6e657b;--secondary-700: #554e5f;--secondary-800: #3c3743;--secondary-900: #2b2631;--neutral-100: #3b3b46;--neutral-200: #33333d;--neutral-300: #2a2a32;--neutral-400: #26262c;--neutral-500: #212126;--neutral-600: #1d1d21;--neutral-700: #18181b;--neutral-800: #121113;--neutral-900: rgb(13, 12, 13)}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}button{width:fit-content;color:inherit}h1,h2,h3{font-family:Preahvihear,serif}h1{margin-block:2rem 0}body{display:flex;flex-direction:column;align-items:center;font-family:Patrick Hand,serif;background-color:#0d0c0d;color:var(--secondary-100);max-width:1440px;margin:0 auto}