body{color:#eef3ff;background:radial-gradient(circle at 0 0,#48bb7833,#0000 28%),linear-gradient(135deg,#081120 0%,#0d1728 45%,#121d33 100%);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.page-shell.svelte-1fvv4l8{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;min-height:100vh;padding:2rem;display:grid}.hero-card.svelte-1fvv4l8,.panel-card.svelte-1fvv4l8{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0a101eb3;border:1px solid #ffffff14;border-radius:24px;padding:1.5rem;box-shadow:0 24px 80px #0000004d}.hero-card.svelte-1fvv4l8{grid-column:1/-1;gap:1rem;display:grid;position:relative}.eyebrow.svelte-1fvv4l8,.panel-title.svelte-1fvv4l8{letter-spacing:.16em;text-transform:uppercase;color:#8ec5ff;font-size:.72rem;font-weight:700}h1.svelte-1fvv4l8{max-width:16ch;margin:.75rem 0;font-size:clamp(2rem,4vw,3.6rem);line-height:1.03}p.svelte-1fvv4l8{color:#eef3ffc7;margin:0;line-height:1.6}.form-grid.svelte-1fvv4l8{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}label.svelte-1fvv4l8{gap:.5rem;display:grid}label.svelte-1fvv4l8 span:where(.svelte-1fvv4l8){color:#eef3ffd6;font-size:.85rem;font-weight:600}input.svelte-1fvv4l8{box-sizing:border-box;color:#fff;width:100%;font:inherit;background:#ffffff0d;border:1px solid #ffffff14;border-radius:16px;outline:none;padding:.95rem 1rem}input.svelte-1fvv4l8:focus{border-color:#8ec5ffe6;box-shadow:0 0 0 4px #8ec5ff29}.actions.svelte-1fvv4l8{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}button.svelte-1fvv4l8{font:inherit;color:#081120;cursor:pointer;background:linear-gradient(135deg,#8ec5ff,#7bffb6);border:0;border-radius:999px;padding:.95rem 1.35rem;font-weight:700}button.svelte-1fvv4l8:disabled{opacity:.7;cursor:progress}.status.svelte-1fvv4l8{color:#eef3ffb8}.ready-banner.svelte-1fvv4l8{color:#ecfff4;text-align:center;letter-spacing:.08em;background:#7bffb624;border-radius:22px;padding:1.25rem 1rem;font-size:clamp(2.5rem,10vw,5rem);font-weight:900}.ready-banner.banner-disconnected.svelte-1fvv4l8{color:#ffd6d6;background:#ff7b7b2e}.ready-banner.banner-connected.svelte-1fvv4l8{color:#ecfff4;background:#7bffb624}.ready-banner.banner-prepared.svelte-1fvv4l8{color:#eef6ff;background:#8ec5ff29}.ready-banner.banner-running.svelte-1fvv4l8{color:#fff5e0;background:#ffd07b29}.ready-banner.banner-result.svelte-1fvv4l8{color:#f4e8ff;background:#b77bff29}.game-modal.svelte-1fvv4l8,.result-modal.svelte-1fvv4l8{z-index:100;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#020712db;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.game-modal-surface.svelte-1fvv4l8{border-radius:28px;width:min(1200px,100%);height:min(96vh,980px);overflow:hidden}.result-card.svelte-1fvv4l8{text-align:center;background:#0a101ef2;border:1px solid #ffffff1a;border-radius:28px;gap:1rem;width:min(560px,100%);padding:1.5rem;display:grid;box-shadow:0 24px 80px #0006}.result-card.svelte-1fvv4l8 h2:where(.svelte-1fvv4l8){margin:0;font-size:2rem}.result-score.svelte-1fvv4l8{color:#7bffb6;margin:0;font-size:4rem;font-weight:900}.close-button.svelte-1fvv4l8{justify-self:center;padding-inline:2rem}.game-meta.svelte-1fvv4l8{color:#eef3ffb8;flex-wrap:wrap;justify-content:space-between;gap:1rem;font-size:.9rem;display:flex}.panel-card.svelte-1fvv4l8{flex-direction:column;gap:1rem;display:flex;position:relative}.message-list.svelte-1fvv4l8{gap:.9rem;margin:0;padding:0;list-style:none;display:grid}.message-list.svelte-1fvv4l8 li:where(.svelte-1fvv4l8){background:#ffffff0d;border:1px solid #ffffff0f;border-radius:18px;padding:1rem}.message-list.svelte-1fvv4l8 strong:where(.svelte-1fvv4l8),.message-list.svelte-1fvv4l8 span:where(.svelte-1fvv4l8),.message-list.svelte-1fvv4l8 small:where(.svelte-1fvv4l8),.message-list.svelte-1fvv4l8 p:where(.svelte-1fvv4l8){display:block}.message-list.svelte-1fvv4l8 span:where(.svelte-1fvv4l8),.message-list.svelte-1fvv4l8 small:where(.svelte-1fvv4l8){color:#eef3ff99;font-size:.85rem}.message-list.svelte-1fvv4l8 p:where(.svelte-1fvv4l8){white-space:pre-wrap;margin:.45rem 0}.empty-state.svelte-1fvv4l8{color:#eef3ffa8}@media (width<=900px){.page-shell.svelte-1fvv4l8{grid-template-columns:1fr;padding:1rem}.form-grid.svelte-1fvv4l8{grid-template-columns:1fr}.game-modal-surface.svelte-1fvv4l8{height:88vh}.result-score.svelte-1fvv4l8{font-size:3rem}}