: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)}.actions.svelte-125hi35{margin-left:auto;display:flex;gap:6px;align-items:center}button.svelte-125hi35,.review-link.svelte-125hi35{padding:4px 12px;background:#2d7021;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:12px;text-decoration:none}button.svelte-125hi35:not(.actions:where(.svelte-125hi35) button:where(.svelte-125hi35)){margin-left:auto}.review-link.svelte-125hi35:not(.actions:where(.svelte-125hi35) .review-link:where(.svelte-125hi35)){margin-left:auto}button.svelte-125hi35:hover:not(:disabled),.review-link.svelte-125hi35:hover{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}.divider.svelte-1jw1ylp{border-top:1px solid #ddd;margin:2rem auto;max-width:300px}h3.svelte-1jw1ylp{color:#2d5016;margin-bottom:.5rem}.review-input.svelte-1jw1ylp{display:flex;gap:8px;max-width:400px;margin:1rem auto 0}.review-input.svelte-1jw1ylp input:where(.svelte-1jw1ylp){flex:1;padding:10px 12px;border:2px solid #ddd;border-radius:6px;font-size:14px;outline:none;transition:border-color .2s}.review-input.svelte-1jw1ylp input:where(.svelte-1jw1ylp):focus{border-color:#2d7021}.review-btn.svelte-1jw1ylp{padding:10px 20px;font-size:14px;background:#2d7021;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:background .2s;white-space:nowrap}.review-btn.svelte-1jw1ylp:hover:not(:disabled){background:#3d8028}.review-btn.svelte-1jw1ylp:disabled{background:#999;cursor:not-allowed}.review-error.svelte-1jw1ylp{color:#c00;font-size:13px;margin-top:.5rem}.review-controls.svelte-1b8l82d{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:16px;padding:8px}button.svelte-1b8l82d{padding:8px 16px;font-size:18px;background:#2d7021;color:#fff;border:none;border-radius:4px;cursor:pointer;transition:background .2s;min-width:44px}button.svelte-1b8l82d:hover:not(:disabled){background:#3d8028}button.svelte-1b8l82d:disabled{background:#999;cursor:not-allowed}.move-counter.svelte-1b8l82d{font-size:14px;color:#666;min-width:100px;text-align:center}.review-container.svelte-1ibidfd{max-width:800px;margin:0 auto}.loading.svelte-1ibidfd{text-align:center;padding:2rem;color:#666}.error-state.svelte-1ibidfd{text-align:center;padding:2rem}.error-state.svelte-1ibidfd p:where(.svelte-1ibidfd){color:#c00;margin-bottom:1rem}.error-state.svelte-1ibidfd button:where(.svelte-1ibidfd){padding:8px 16px;background:#2d7021;color:#fff;border:none;border-radius:4px;cursor:pointer}.review-header.svelte-1ibidfd{position:relative;margin-bottom:8px;text-align:center}.back-btn.svelte-1ibidfd{position:absolute;left:0;top:50%;transform:translateY(-50%);padding:6px 12px;background:#666;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:14px}.back-btn.svelte-1ibidfd:hover{background:#555}h2.svelte-1ibidfd{margin:0}h3.svelte-1ibidfd{text-align:center;color:#666;margin-bottom:1rem}.match-selector.svelte-1ibidfd{display:flex;align-items:center;justify-content:center;gap:4px;font-size:14px;color:#666;margin-top:4px}.match-btn.svelte-1ibidfd{padding:4px 10px;background:#ddd;color:#333;border:none;border-radius:4px;cursor:pointer;font-size:13px}.match-btn.svelte-1ibidfd:hover{background:#ccc}.match-btn.active.svelte-1ibidfd{background:#2d7021;color:#fff}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}