: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}h1{font-size:3.2em;line-height:1.1}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.level-0{--lv-color: 110, 212, 62}.level-1{--lv-color: 247, 184, 7}.level-2{--lv-color: 255, 130, 141}.level-3{--lv-color: 160, 81, 220}.level-4{--lv-color: 194, 153, 231}.level-5{--lv-text-clip: linear-gradient(110deg, #5ac42c, #5ccc22, #959f26, #cc7c23, #c93143, #8f4876, #4c3eb1, #3c3397)}.srv-info.svelte-164ul3z h2:where(.svelte-164ul3z){margin:0}.srv-info.svelte-164ul3z span:where(.svelte-164ul3z){font-size:.8em;opacity:.8}.server.svelte-164ul3z{margin:20px;padding:20px 10px 30px;border-radius:20px;background:#0003;display:flex;flex-direction:column;gap:10px}.rooms.svelte-164ul3z{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.no-rooms.svelte-164ul3z{opacity:.5}.room.svelte-164ul3z{border-radius:20px;width:200px;height:200px;position:relative;overflow:hidden;border:1px solid rgb(var(--lv-color));box-shadow:0 0 10px 5px rgba(var(--lv-color),.1)}.room.svelte-164ul3z .info:where(.svelte-164ul3z),.room.svelte-164ul3z .users:where(.svelte-164ul3z){position:absolute;width:100%;padding:0 15px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000004d;height:50px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.room.svelte-164ul3z img:where(.svelte-164ul3z){position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.room.svelte-164ul3z div:where(.svelte-164ul3z){z-index:30}.room.svelte-164ul3z .info:where(.svelte-164ul3z){flex-direction:row;justify-content:space-between;align-items:center;gap:5px}.room.svelte-164ul3z .info:where(.svelte-164ul3z) .song:where(.svelte-164ul3z){text-align:left;min-width:0}.room.svelte-164ul3z .info:where(.svelte-164ul3z) .song:where(.svelte-164ul3z) :where(.svelte-164ul3z){white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.room.svelte-164ul3z .info:where(.svelte-164ul3z) .song:where(.svelte-164ul3z) .name:where(.svelte-164ul3z){margin-bottom:-3px;font-weight:700}.room.svelte-164ul3z .info:where(.svelte-164ul3z) .song:where(.svelte-164ul3z) .composer:where(.svelte-164ul3z){opacity:.6;font-size:.7em}.room.svelte-164ul3z .info:where(.svelte-164ul3z) .difficulty:where(.svelte-164ul3z){font-size:1em;font-weight:700;top:10px;right:15px;border-radius:0 0 0 20px;display:flex;justify-content:center;align-items:center}.room.svelte-164ul3z .users:where(.svelte-164ul3z){bottom:0;justify-content:center}.room.svelte-164ul3z .users:where(.svelte-164ul3z) .user:where(.svelte-164ul3z){display:flex;justify-content:space-between;font-size:.8em}