.home-body.svelte-1uha8ag{width:100%;height:100vh;overflow:auto;background:linear-gradient(#040508,#1d1f34)}.home-scroll.svelte-1uha8ag{display:flex;flex-direction:column;align-items:center;min-height:100%;padding:3rem 1rem;max-width:600px;margin:0 auto}.home-header.svelte-1uha8ag{text-align:center;margin-bottom:2rem}.logo-img.svelte-1uha8ag{width:56px;margin-bottom:8px}.home-header.svelte-1uha8ag h1:where(.svelte-1uha8ag){color:#fff;margin:0}.byline.svelte-1uha8ag{font-family:var(--mono);line-height:normal;font-size:12pt;text-transform:uppercase;margin-top:8px;margin-bottom:0;opacity:.5;-webkit-user-select:none;user-select:none}.modes-section.svelte-1uha8ag{display:flex;flex-direction:column;align-items:center;gap:1.5rem;width:100%;max-width:400px;margin-bottom:3rem}.mode-btn.svelte-1uha8ag{font-family:var(--mono);text-transform:uppercase;font-size:12pt;line-height:normal;border:1px solid #fff;color:#fff;background:transparent;padding:14px 32px;text-decoration:none;transition:all .3s;display:inline-block}.mode-btn.svelte-1uha8ag:hover{border-color:var(--gold-light);background:var(--gold-light);color:var(--bg);text-decoration:none}.mp-section.svelte-1uha8ag{width:100%}.mp-form.svelte-1uha8ag{display:flex;flex-direction:column;gap:.6rem;align-items:center}.mp-input.svelte-1uha8ag{width:100%;max-width:300px;padding:12px 16px;border:1px solid rgba(255,255,255,.3);background:transparent;color:#fff;font-family:var(--mono);font-size:10pt;text-transform:uppercase;text-align:center;outline:none}.mp-input.svelte-1uha8ag:focus{border-color:#fff}.mp-input.svelte-1uha8ag::placeholder{color:var(--text-muted);text-transform:uppercase}.mp-input.room-code.svelte-1uha8ag{letter-spacing:.2em;font-weight:700;font-size:14pt}.mp-buttons.svelte-1uha8ag{display:flex;gap:.75rem}.error.svelte-1uha8ag{color:var(--red);font-family:var(--mono);font-size:10pt;text-transform:uppercase;margin:0}.how-section.svelte-1uha8ag{width:100%;max-width:500px;margin-bottom:2rem}.how-steps.svelte-1uha8ag{display:flex;flex-direction:column;gap:1.5rem}.how-step.svelte-1uha8ag{text-align:center}.how-heading.svelte-1uha8ag{font-family:var(--mono);text-transform:uppercase;font-size:12pt;opacity:.5;line-height:normal;margin:0 0 4px}.how-body.svelte-1uha8ag{font-family:var(--mono);text-transform:uppercase;font-size:12pt;color:#fff;line-height:normal;margin:0}.footer-credits.svelte-1uha8ag{margin-top:auto;padding-top:2rem;font-family:var(--mono);font-size:10pt;text-transform:uppercase;opacity:.5}.footer-credits.svelte-1uha8ag a:where(.svelte-1uha8ag){color:var(--gold)}
