:root{--vt-c-white:#fff;--vt-c-white-soft:#f8f8f8;--vt-c-white-mute:#f2f2f2;--vt-c-black:#181818;--vt-c-black-soft:#222;--vt-c-black-mute:#282828;--vt-c-indigo:#2c3e50;--vt-c-divider-light-1:#3c3c3c4a;--vt-c-divider-light-2:#3c3c3c1f;--vt-c-divider-dark-1:#545454a6;--vt-c-divider-dark-2:#5454547a;--vt-c-text-light-1:var(--vt-c-indigo);--vt-c-text-light-2:#3c3c3ca8;--vt-c-text-dark-1:var(--vt-c-white);--vt-c-text-dark-2:#ebebeba3;--color-background:var(--vt-c-white);--color-background-soft:var(--vt-c-white-soft);--color-background-mute:var(--vt-c-white-mute);--color-border:var(--vt-c-divider-light-2);--color-border-hover:var(--vt-c-divider-light-1);--color-heading:var(--vt-c-text-light-1);--color-text:var(--vt-c-text-light-1);--section-gap:160px}@media (prefers-color-scheme:dark){:root{--color-background:var(--vt-c-black);--color-background-soft:var(--vt-c-black-soft);--color-background-mute:var(--vt-c-black-mute);--color-border:var(--vt-c-divider-dark-2);--color-border-hover:var(--vt-c-divider-dark-1);--color-heading:var(--vt-c-text-dark-1);--color-text:var(--vt-c-text-dark-2)}}*,:before,:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;line-height:1.6;transition:color .5s,background-color .5s}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}a,.green{color:#00bd7e;padding:3px;text-decoration:none;transition:all .4s}@media (hover:hover){a:hover{background-color:#00bd7e33}}@media (width>=1024px){body{place-items:center;display:flex}#app{grid-template-columns:1fr 1fr;padding:0 2rem;display:grid}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:radial-gradient(circle at top,#ff5b7d3d,#0000 24%),radial-gradient(circle at 50% 35%,#ffc25d24,#0000 18%),linear-gradient(#1d0e20 0%,#120d18 60%,#0b0910 100%);min-height:100vh;font-family:Segoe UI,system-ui,-apple-system,sans-serif}button{cursor:pointer;font-family:inherit}input{font-family:inherit}.home[data-v-d934e535]{justify-content:center;align-items:flex-start;min-height:100vh;padding:32px 16px;display:flex}.home__layout[data-v-d934e535]{align-items:flex-start;gap:24px;width:100%;max-width:880px;display:flex}.home__card[data-v-d934e535]{background:#1a4230;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;flex-shrink:0;gap:16px;width:360px;padding:36px 28px;display:flex;box-shadow:0 20px 50px #0006}.home__title[data-v-d934e535]{text-align:center;color:#a8e6a3;font-size:30px;font-weight:900;line-height:1.2}.home__title span[data-v-d934e535]{color:gold}.home__subtitle[data-v-d934e535]{text-align:center;color:#fff6;font-size:13px}.home__error[data-v-d934e535]{color:#ff8a8a;text-align:center;background:#ff50501f;border:1px solid #ff505059;border-radius:10px;padding:10px 14px;font-size:13px}.home__form[data-v-d934e535]{flex-direction:column;gap:6px;display:flex}.home__label[data-v-d934e535]{color:#ffffff80;font-size:12px}.home__input[data-v-d934e535]{color:#fff;background:#ffffff12;border:1px solid #ffffff24;border-radius:10px;outline:none;width:100%;padding:11px 14px;font-size:14px;transition:border-color .15s}.home__input[data-v-d934e535]:focus{border-color:#4caf50}.home__input[data-v-d934e535]::placeholder{color:#ffffff40}.home__input--code[data-v-d934e535]{text-transform:uppercase;letter-spacing:2px;font-weight:700}.home__password-row[data-v-d934e535]{align-items:center;display:flex}.home__toggle[data-v-d934e535]{color:#ffffff8c;cursor:pointer;align-items:center;gap:8px;font-size:13px;display:flex}.home__toggle input[data-v-d934e535]{accent-color:#4caf50;width:15px;height:15px}.home__btn[data-v-d934e535]{border:none;border-radius:10px;width:100%;padding:13px;font-size:14px;font-weight:700;transition:background .15s,opacity .15s}.home__btn[data-v-d934e535]:disabled{opacity:.35;cursor:not-allowed}.home__btn--primary[data-v-d934e535]{color:#fff;background:#4caf50}.home__btn--primary[data-v-d934e535]:hover:not(:disabled){background:#45a049}.home__btn--secondary[data-v-d934e535]{color:#fff;background:#ffffff1a;border:1px solid #ffffff2e;flex-shrink:0;width:auto;padding:11px 18px}.home__btn--secondary[data-v-d934e535]:hover:not(:disabled){background:#ffffff2e}.home__divider[data-v-d934e535]{color:#ffffff38;align-items:center;gap:8px;font-size:12px;display:flex}.home__divider[data-v-d934e535]:before,.home__divider[data-v-d934e535]:after{content:"";background:#ffffff14;flex:1;height:1px}.home__join[data-v-d934e535]{gap:8px;display:flex}.home__rooms[data-v-d934e535]{background:#0003;border:1px solid #ffffff12;border-radius:16px;flex-direction:column;flex:1;min-height:300px;display:flex;overflow:hidden}.home__rooms-header[data-v-d934e535]{color:#a8e6a3;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:14px 18px;font-size:14px;font-weight:700;display:flex}.home__rooms-count[data-v-d934e535]{color:#ffffff59;font-size:12px;font-weight:400}.home__rooms-empty[data-v-d934e535]{color:#ffffff40;text-align:center;flex:1;justify-content:center;align-items:center;padding:40px;font-size:14px;font-style:italic;display:flex}.home__rooms-list[data-v-d934e535]{flex-direction:column;flex:1;gap:6px;padding:8px;display:flex;overflow-y:auto}.room-item[data-v-d934e535]{cursor:pointer;text-align:left;color:#fff;background:#ffffff0d;border:1px solid #ffffff12;border-radius:10px;justify-content:space-between;align-items:center;width:100%;padding:12px 14px;transition:background .15s,border-color .15s;display:flex}.room-item[data-v-d934e535]:hover{background:#ffffff1a;border-color:#ffffff26}.room-item__left[data-v-d934e535]{align-items:center;gap:10px;display:flex}.room-item__lock[data-v-d934e535]{opacity:0;font-size:16px;transition:opacity .1s}.room-item__lock.visible[data-v-d934e535]{opacity:1}.room-item__info[data-v-d934e535]{flex-direction:column;gap:2px;display:flex}.room-item__host[data-v-d934e535]{font-size:14px;font-weight:600}.room-item__id[data-v-d934e535]{color:#ffffff59;letter-spacing:1px;font-size:11px}.room-item__right[data-v-d934e535]{align-items:center;gap:8px;display:flex}.room-item__players[data-v-d934e535]{align-items:center;gap:4px;display:flex}.room-item__dot[data-v-d934e535]{background:#fff3;border-radius:50%;width:8px;height:8px;transition:background .15s}.room-item__dot.filled[data-v-d934e535]{background:#4caf50}.room-item__count[data-v-d934e535]{color:#ffffff80;min-width:24px;font-size:12px}.modal-overlay[data-v-d934e535]{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal[data-v-d934e535]{background:#1a4230;border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;gap:14px;width:min(360px,90vw);padding:28px;display:flex;box-shadow:0 24px 60px #00000080}.modal__title[data-v-d934e535]{text-align:center;font-size:18px;font-weight:700}.modal__sub[data-v-d934e535]{color:#ffffff80;text-align:center;font-size:13px}.modal__input[data-v-d934e535]{color:#fff;text-align:center;background:#ffffff12;border:1px solid #ffffff2e;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-size:15px}.modal__input[data-v-d934e535]:focus{border-color:#4caf50}.modal__input[data-v-d934e535]::placeholder{color:#ffffff47}.modal__error[data-v-d934e535]{color:#ff8a8a;text-align:center;font-size:13px}.modal__actions[data-v-d934e535]{gap:8px;display:flex}.modal__btn[data-v-d934e535]{border:none;border-radius:10px;flex:1;padding:12px;font-size:14px;font-weight:700;transition:background .15s}.modal__btn[data-v-d934e535]:disabled{opacity:.38;cursor:not-allowed}.modal__btn--confirm[data-v-d934e535]{color:#fff;background:#4caf50}.modal__btn--confirm[data-v-d934e535]:hover:not(:disabled){background:#45a049}.modal__btn--cancel[data-v-d934e535]{color:#fff;background:#ffffff14;border:1px solid #ffffff26}.modal__btn--cancel[data-v-d934e535]:hover{background:#ffffff24}@media (width<=680px){.home__layout[data-v-d934e535]{flex-direction:column;align-items:stretch}.home__card[data-v-d934e535]{width:100%}}