@import"https://fonts.googleapis.com/css2?family=Quicksand:wght@400;700&family=Handjet:wght@400;700&display=swap";*{box-sizing:border-box}body{margin:0;font-family:Quicksand,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:radial-gradient(#186a5e,#053339);color:#e1eeeb;min-height:100vh}#content{max-width:60rem;margin:2rem auto;padding:2rem;background:radial-gradient(#0b201d,#021619);border-radius:16px;box-shadow:0 2px 8px #000c}h1{font-family:Handjet,monospace;text-align:center;text-transform:uppercase;color:#c1e2dd;text-shadow:0 0 4px rgba(35,34,34,.4);font-size:3.5rem;margin:0}h1 em{font-style:normal;color:#0ef}#timer h1 em{font-style:normal;color:#23222299}header p{font-size:1.2rem;margin:0;text-align:center;color:#c6f4f2}#player{text-align:center}#player h2{color:#54a399}#player p{display:flex;justify-content:center;align-items:center}#player input{font:inherit;border:1px solid #54a399;background-color:#192f2b;border-radius:4px 0 0 4px;padding:.25rem;color:#d1f0ec}#player button{cursor:pointer;background-color:#54a399;border:1px solid #54a399;padding:.4rem 1rem;color:#061e1a;border-top-right-radius:4px;border-bottom-right-radius:4px}#player button:hover{background-color:#3c8379;border-color:#3c8379}.leaderboard-dialog{border:none;border-radius:8px;padding:2rem;background-color:#0b201d;color:#e1eeeb;box-shadow:0 2px 8px #000c;max-width:40rem;width:100%;animation:slide-in-from-top .35s ease-out}.leaderboard-dialog[open]{animation:slide-in-from-top .35s ease-out}.leaderboard-dialog::backdrop{background:#000000e6}.leaderboard-dialog h2{font-family:Handjet,monospace;font-size:2rem;margin-bottom:1rem;text-transform:uppercase;color:#c1e2dd;text-align:center}.leaderboard-dialog table{width:100%;border-collapse:collapse;margin-bottom:1.5rem}.leaderboard-dialog th,.leaderboard-dialog td{padding:.75rem;border:1px solid #54a399;text-align:left}.leaderboard-dialog th{background-color:#021619;color:#c1e2dd}.leaderboard-dialog td{background-color:#0b201d;color:#e1eeeb}.leaderboard-dialog form{text-align:right}.leaderboard-dialog button{padding:.5rem 1rem;border:none;border-radius:4px;background:#54a399;color:#061e1a;font-size:1.1rem;cursor:pointer}.leaderboard-dialog button:hover{background-color:#3c8379}#challenges{max-width:50rem;margin:3rem auto;display:flex;flex-wrap:wrap;gap:2rem}.challenge{width:22rem;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;margin:2rem auto;background:linear-gradient(#4df8df,#4df0f8);color:#221c18;box-shadow:0 2px 8px #23222299;border-radius:6px}.challenge button{margin-top:1rem;padding:.5rem 1rem;border:none;border-radius:4px;background:#12352f;color:#edfcfa;font-size:1.2rem;cursor:pointer}.challenge button:hover{background:#051715}.challenge h2{font-size:1.5rem;letter-spacing:.1em;margin:0;text-align:center;text-transform:uppercase;color:#221c18}.challenge-time{border:1px solid #46cebe;border-radius:4px;padding:.25rem .5rem;margin:.5rem}.challenge .active{animation:flash 1s infinite}.result-modal{border:none;border-radius:8px;padding:2rem;background-color:#d7fcf8}.result-modal[open]{animation:slide-in-from-top .35s ease-out}.result-modal::backdrop{background:#000000e6}.result-modal h2{font-family:Handjet,monospace;margin:0 0 .25rem;font-size:3rem;text-transform:uppercase}.result-modal progress{width:100%;height:1.5rem;margin:0;accent-color:#46cebe}.result-modal p{margin:.5rem 0;font-size:1.2rem}.result-modal p strong{color:#10655b}.result-modal form{text-align:right}.result-modal button{margin-top:1rem;padding:.5rem 1rem;border:none;border-radius:4px;background:#12352f;color:#edfcfa;font-size:1.2rem;cursor:pointer}.result-modal button:hover{background:#051715}.loading-skeleton-container{display:flex;flex-direction:column;gap:1rem;padding:1rem 0}.skeleton-row{display:flex;justify-content:space-between;padding:.5rem 0}.skeleton{background-color:#ffffff1a;border-radius:4px;animation:shimmer 1.5s infinite}.skeleton-username{width:200px;height:20px}.skeleton-score{width:100px;height:20px}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:100% 0}}.skeleton{background:linear-gradient(90deg,#ffffff1a 25%,#fff3,#ffffff1a 75%);background-size:200% 100%}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;text-align:center;color:#c1e2dd}.loading-container h1{margin-top:1rem;font-family:Handjet,monospace}.loading-animation{border:4px solid rgba(255,255,255,.3);border-top:4px solid #54a399;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:2rem 0}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes slide-in-from-top{0%{transform:translateY(-15%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes flash{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}