: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;display:flex;place-items:center;min-width:320px;min-height:100vh}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}}.board-wrapper.svelte-yo8uk3{display:inline-grid;grid-template-columns:auto min(80vw,60vh,600px);grid-template-rows:auto auto}.col-labels.svelte-yo8uk3{display:grid;grid-template-columns:repeat(8,1fr);gap:1px;padding:clamp(4px,1vw,8px);padding-top:0;padding-bottom:4px}.col-label.svelte-yo8uk3{display:flex;align-items:center;justify-content:center;font-weight:700;font-size:clamp(.7rem,2vw,.9rem);color:#888;-webkit-user-select:none;user-select:none}.row-labels.svelte-yo8uk3{display:grid;grid-template-rows:repeat(8,1fr);gap:1px;padding:clamp(4px,1vw,8px);padding-left:0;padding-right:6px}.row-label.svelte-yo8uk3{display:flex;align-items:center;justify-content:center;font-weight:700;font-size:clamp(.7rem,2vw,.9rem);color:#888;-webkit-user-select:none;user-select:none}.board.svelte-yo8uk3{display:grid;grid-template-columns:repeat(8,1fr);gap:1px;background-color:#2d5016;padding:clamp(4px,1vw,8px);border-radius:4px;box-shadow:0 4px 6px #0000004d;aspect-ratio:1}.cell.svelte-yo8uk3{aspect-ratio:1;background-color:#3d7021;border:1px solid #2d5016;display:flex;align-items:center;justify-content:center;cursor:pointer;padding:0;transition:background-color .2s}.cell.svelte-yo8uk3:hover:not(:disabled){background-color:#4d8028}.cell.svelte-yo8uk3:disabled{cursor:not-allowed}.cell.valid.svelte-yo8uk3{background-color:#5d9038}.cell.last-move.svelte-yo8uk3{box-shadow:inset 0 0 0 3px #fc0}.cell.valid.svelte-yo8uk3:after{content:"";width:20%;height:20%;border-radius:50%}.white-to-play.svelte-yo8uk3 .cell.valid:where(.svelte-yo8uk3):after{background-color:#ffffff80}.black-to-play.svelte-yo8uk3 .cell.valid:where(.svelte-yo8uk3):after{background-color:#00000080}.piece.svelte-yo8uk3{width:85%;height:85%;border-radius:50%;box-shadow:inset -2px -2px 4px #0000004d}.cell.black.svelte-yo8uk3 .piece:where(.svelte-yo8uk3){background:radial-gradient(circle at 30% 30%,#444,#000)}.cell.white.svelte-yo8uk3 .piece:where(.svelte-yo8uk3){background:radial-gradient(circle at 30% 30%,#fff,#ddd)}.piece.flip.svelte-yo8uk3{animation:svelte-yo8uk3-flip .6s ease-in-out}@keyframes svelte-yo8uk3-flip{0%{transform:rotateY(0)}50%{transform:rotateY(90deg)}to{transform:rotateY(180deg)}}.connection-status.svelte-125hi35{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#f5f5f5;color:#333;border-radius:4px;font-size:14px;margin-bottom:16px}.connection-status.error.svelte-125hi35{background:#fee;color:#c00}.status-dot.svelte-125hi35{width:10px;height:10px;border-radius:50%}.status-dot.disconnected.svelte-125hi35{background:#999}.status-dot.connecting.svelte-125hi35{background:#f90;animation:svelte-125hi35-pulse 1s infinite}.status-dot.connected.svelte-125hi35{background:#0a0}.status-dot.error.svelte-125hi35{background:#c00}.color-indicator.svelte-125hi35{width:20px;height:20px;border-radius:50%;border:2px solid #333}.color-indicator.black.svelte-125hi35{background:radial-gradient(circle at 30% 30%,#444,#000)}.color-indicator.white.svelte-125hi35{background:radial-gradient(circle at 30% 30%,#fff,#ddd)}button.svelte-125hi35{margin-left:auto;padding:4px 12px;background:#2d7021;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px}button.svelte-125hi35:hover:not(:disabled){background:#3d8028}button.svelte-125hi35:disabled{background:#666;cursor:default}@keyframes svelte-125hi35-pulse{0%,to{opacity:1}50%{opacity:.5}}.lobby.svelte-1jw1ylp{text-align:center;padding:2rem;color:#333}h1.svelte-1jw1ylp{font-size:2.5rem;margin-bottom:.5rem;color:#2d5016}.subtitle.svelte-1jw1ylp{color:#666;margin-bottom:2rem}.create-btn.svelte-1jw1ylp{padding:16px 32px;font-size:18px;background:#2d7021;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s}.create-btn.svelte-1jw1ylp:hover:not(:disabled){background:#3d8028}.create-btn.svelte-1jw1ylp:disabled{background:#999;cursor:not-allowed}.instructions.svelte-1jw1ylp{margin-top:2rem;color:#666;font-size:14px}main.svelte-1n46o8q{max-width:800px;margin:0 auto;padding:20px}h2.svelte-1n46o8q{text-align:center;margin-bottom:.5rem}h3.svelte-1n46o8q{text-align:center;color:#666;margin-bottom:1rem}.waiting.svelte-1n46o8q{text-align:center;padding:2rem}.waiting.svelte-1n46o8q code:where(.svelte-1n46o8q){display:block;background:#f0f0f0;color:#333;padding:.5rem 1rem;margin:1rem auto;border-radius:4px;font-family:monospace;word-break:break-all;max-width:400px}p.svelte-1n46o8q{text-align:center}.transcript.svelte-1n46o8q{margin-top:1.5rem;text-align:center}.transcript.svelte-1n46o8q h4:where(.svelte-1n46o8q){margin-bottom:.5rem;color:#666}.transcript.svelte-1n46o8q code:where(.svelte-1n46o8q){display:block;background:#f0f0f0;color:#333;padding:.5rem 1rem;border-radius:4px;font-family:monospace;word-break:break-all;font-size:.9rem}