.game-container{display:flex;flex-direction:column;gap:48px;padding:32px 96px}.level-description{align-items:center;background-color:#fff;display:flex;justify-content:space-around;padding:8px;position:-webkit-sticky;position:sticky;top:-1px;z-index:20}.level-description.sticky{box-shadow:0 3px 3px 3px rgba(0,0,0,.2);width:100%}.level-description p{font-size:1.25rem}.level-description .icons{display:flex;gap:32px}.level-description .icons>div{align-items:center;display:flex;flex-direction:column;font-weight:700;gap:8px;justify-content:center}.level-description .icons img{height:60px}.level-description .icons .hit{opacity:.4}.level-description .back{background-color:#f87171;border:none;border-radius:8px;color:#fff;font-size:1.1rem;padding:12px 18px}.level-description .back:hover{background-color:#ef4444}.level-description .back:active{background-color:#dc2626}.game{align-items:center;display:flex;justify-content:center;position:relative}.game img{height:auto;width:100%}.selection-menu{box-shadow:1px 1px 3px rgba(0,0,0,.25);color:#000;flex-direction:column;position:absolute}.selection-menu,.selection-menu>div{align-items:center;background-color:#fff;display:flex;justify-content:center}.selection-menu>div{border-bottom:1px solid rgba(0,0,0,.25);cursor:pointer;flex:1 1;gap:24px;padding:8px 64px 8px 8px}.selection-menu>div.disabled{cursor:default;opacity:.4}.selection-menu>div:hover{background-color:#f3f4f6}.selection-menu>div:active{background-color:#e5e7eb}.selection-menu img{height:30px;width:auto}.overlay{align-items:center;height:100%;position:absolute;width:100%}.overlay,.user-form{display:flex;justify-content:center}.user-form{background-color:#fff;border-radius:8px;box-shadow:1px 1px 3px rgba(0,0,0,.25);color:#000;flex-direction:column;left:50%;position:fixed;top:50%;transform:translate(-50%,-50%);width:550px}.user-form h3{font-size:1.4rem;margin:0}.user-form .input-section,.user-form h3{border-bottom:1px solid rgba(0,0,0,.25);padding:20px 16px}.user-form p{margin-bottom:24px}.user-form label{display:block;font-size:.9rem;margin-bottom:8px}.user-form input{border:1px solid rgba(0,0,0,.25);border-radius:8px;box-shadow:1px 1px 3px rgba(0,0,0,.15);padding:16px;width:calc(100% - 44px)}.user-form input.error{border:1px solid #dc2626b2;box-shadow:1px 1px 3px #dc262670}.user-form .error-message{color:#dc2626;font-size:.75rem;margin-top:0}.user-form .error-message.hide{visibility:hidden}.button-section{display:flex;gap:16px;justify-content:flex-end;padding:20px 16px}.button-section button{border:none;border-radius:8px;cursor:pointer;font-size:1rem;padding:12px 18px}.button-section .cancel{background-color:#fff;color:#ef4444;font-weight:700}.button-section .cancel:hover{background-color:#fef2f2}.button-section .cancel:active{background-color:#fecaca}.button-section .submit{background-color:#f87171;color:#fff;font-weight:700}.button-section .submit:hover{background-color:#ef4444}.button-section .submit:active{background-color:#dc2626}.heading{align-items:center;background-color:#fff;box-shadow:0 0 3px 3px rgba(0,0,0,.2);display:flex;justify-content:center;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10}.heading .title{font-size:1.75rem;font-weight:700;margin:0}.heading .title a{align-items:center;display:flex;gap:8px;text-decoration:none}.heading .blue{color:#3b82f6}.heading img{height:55px;margin-right:8px;width:auto}.home{display:flex;flex-direction:column;gap:48px;padding:32px 96px}.leaderboard-card{align-items:center;background-color:#f9fafb;border-radius:12px;box-shadow:0 0 3px rgba(0,0,0,.1);display:flex;flex-wrap:wrap;gap:24px;justify-content:space-around;padding:64px 16px}.leaderboard-card h3{font-size:2rem;margin:0}.leaderboard-card .leaderboard-button{background-color:#f87171;border:0;border-radius:6px;color:#fff;font-size:1rem;padding:12px 24px}.leaderboard-card .leaderboard-button:hover{background-color:#ef4444}.leaderboard-card .leaderboard-button:active{background-color:#dc2626}.levels-display{display:grid;grid-gap:32px;gap:32px;grid-template-columns:repeat(3,1fr)}.level{border-radius:6px;box-shadow:0 1px 4px 1px rgba(0,0,0,.1);cursor:pointer;transition:all .2s}.level:hover{box-shadow:0 1px 8px 1px rgba(0,0,0,.25)}.level img{height:14rem;object-fit:cover;width:100%}.level .description{align-items:center;color:#000;display:flex;justify-content:space-between;padding:12px 8px}.level .icons{display:flex;gap:8px}.level .icons img{height:30px}.level.highlight{background-color:#fee2e2}.leaderboard{display:flex;flex-direction:column;gap:24px;padding:32px 96px}.buttons{display:flex;gap:16px}.buttons button{border:none;border-radius:8px;font-size:1.1rem;padding:12px 18px}.buttons .play{background-color:#f87171;border:none;color:#fff}.buttons .play:hover{background-color:#ef4444}.buttons .play:active{background-color:#dc2626}.buttons .back{background-color:#fff;color:#ef4444}.buttons .back:hover{background-color:#fef2f2}.buttons .back:active{background-color:#fecaca}.data table{border-collapse:collapse;border-radius:18px;box-shadow:1px 1px 4px rgba(0,0,0,.2);table-layout:fixed;text-align:left;width:100%}.data td,.data th{border-bottom:1px solid rgba(0,0,0,.1);padding:12px}.data td{font-size:.9rem}.data tbody:last-child{border-bottom:none}body{font-family:sans-serif;height:100%;margin:0}.red{color:#ef4444}