:root{--card-border-radius: 6px;--score-display-height: 70px;--black: #0b0b0d;--gold: #d9a536;--gold-light: #ffe9b9;--black-opaque: rgba(11, 11, 13, .85);font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.background{position:fixed;background:url(/imgs/mhrisebg1.jpg);background-size:cover;background-repeat:no-repeat;background-position:center;width:100%;height:100%;z-index:-1}.background:after{content:"";position:absolute;width:100%;height:100%;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}*{margin:0;padding:0;box-sizing:border-box}button{background:none;border:none;cursor:pointer}li{list-style:none}.main-menu{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.main-menu .img-wrapper{width:min(700px,100%);padding:20px}.main-menu .img-wrapper img{width:100%}.game-options{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding-block:20px;border-radius:10px}.game-options .btn{width:fit-content}.game-options ul{display:flex;flex-direction:column;justify-content:center;gap:10px}.game-options ul li{margin:auto}.option{color:#ffffff80;font-size:2rem;font-weight:700;transition:all .1s;padding:2px 60px}.option.selected{background:linear-gradient(90deg,transparent 0%,var(--black-opaque) 25%,var(--black-opaque) 75%,transparent 100%);color:#fff}.score-display{position:sticky;top:0;z-index:2;background-color:var(--black-opaque);display:flex;width:100%;gap:100px;justify-content:center;align-items:center;padding-block:10px;height:var(--score-display-height);box-shadow:0 5px 15px #000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.card-list{position:relative;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;align-items:center;gap:30px;min-height:calc(100vh - var(--score-display-height));margin:auto;padding:20px}.card{width:180px;border-radius:10px;transition:all .15s ease-in-out;filter:drop-shadow(2px 2px 10px #000000);background-image:linear-gradient(167deg,var(--gold) 0%,var(--gold-light) 50%,var(--gold) 100%);padding:5px}.card:hover{transform:scale(1.05);filter:drop-shadow(5px 5px 12px #000000)}.card button{display:block;width:100%}.card .text-wrapper{height:62px;width:100%;display:flex;align-items:center;justify-content:center;padding:10px;background-color:#0b0b0d;border-radius:0 0 var(--card-border-radius) var(--card-border-radius)}.card h2{color:#fff;font-size:1rem}.card .img-wrapper{padding:20px;background:radial-gradient(#fff 50%,gray);border-radius:var(--card-border-radius) var(--card-border-radius) 0 0}.card .img-wrapper img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.game-over{position:fixed;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.game-over .wrapper{background-color:var(--black-opaque);animation:gameOver .2s ease-in forwards;text-align:center;padding:40px;border-radius:10px;border:5px solid var(--gold)}.game-over .wrapper h1{font-size:3rem}.game-over .wrapper p{font-size:1.2rem}.game-over .wrapper ul{display:flex;justify-content:center;gap:20px;margin-top:20px}.btn{padding:5px 15px;color:#fff;background-color:var(--gold);font-size:1.3rem;font-weight:600;border-radius:6px;transition:all .1s;box-shadow:0 10px 15px #000000b3}.btn:active{transform:translateY(2px);box-shadow:0 5px 10px #000000b3}@keyframes gameOver{0%{opacity:0;transform:translateY(-20px)}to{opacity:1}}