: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}}.cell.svelte-1td281i{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:var(--button-bg);border:2px solid var(--border-color);cursor:pointer;font-size:3rem;font-weight:700;transition:background-color .2s}.cell.svelte-1td281i:hover{background-color:var(--button-hover-bg)}.marker.marker-x.svelte-1td281i{color:#ff4136}.marker.marker-o.svelte-1td281i{color:#0074d9}.board.svelte-15jw89c{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,1fr);gap:10px;width:300px;height:300px;margin:20px auto}@media (max-width: 400px){.board.svelte-15jw89c{width:90vw;height:90vw}}.status.svelte-blpbk7{text-align:center;margin-bottom:20px;font-size:1.5rem}.options.svelte-k7f0xz{display:flex;justify-content:center;gap:20px;margin-bottom:20px}.options.svelte-k7f0xz .option-group:where(.svelte-k7f0xz){display:flex;flex-direction:column;align-items:center}.options.svelte-k7f0xz .option-group:where(.svelte-k7f0xz) h3:where(.svelte-k7f0xz){margin-bottom:10px;color:var(--text-color)}.options.svelte-k7f0xz .option-group:where(.svelte-k7f0xz) button:where(.svelte-k7f0xz){background-color:var(--button-bg);color:var(--button-text);border:1px solid var(--border-color);padding:8px 16px;cursor:pointer;transition:background-color .2s,color .2s}.options.svelte-k7f0xz .option-group:where(.svelte-k7f0xz) button.active:where(.svelte-k7f0xz){background-color:#0074d9;color:#fff}.options.svelte-k7f0xz .option-group:where(.svelte-k7f0xz) button:where(.svelte-k7f0xz):hover:not(.active){background-color:var(--button-hover-bg)}button.svelte-ujipqe{position:absolute;top:10px;right:10px;padding:8px 12px;background-color:var(--button-bg);color:var(--button-text);border:1px solid var(--border-color);border-radius:5px;cursor:pointer;transition:background-color .2s,color .2s}button.svelte-ujipqe:hover{background-color:var(--button-hover-bg)}:root{--bg-color-light: #ffffff;--text-color-light: #333333;--button-bg-light: #f0f0f0;--button-text-light: #333333;--button-hover-bg-light: #e0e0e0;--border-color-light: #cccccc;--bg-color-dark: #121212;--text-color-dark: #ffffff;--button-bg-dark: #333333;--button-text-dark: #ffffff;--button-hover-bg-dark: #555555;--border-color-dark: #555555}.light{--bg-color: var(--bg-color-light);--text-color: var(--text-color-light);--button-bg: var(--button-bg-light);--button-text: var(--button-text-light);--button-hover-bg: var(--button-hover-bg-light);--border-color: var(--border-color-light)}.dark{--bg-color: var(--bg-color-dark);--text-color: var(--text-color-dark);--button-bg: var(--button-bg-dark);--button-text: var(--button-text-dark);--button-hover-bg: var(--button-hover-bg-dark);--border-color: var(--border-color-dark)}body{background-color:var(--bg-color);color:var(--text-color)}main.svelte-1zjosn{display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:sans-serif;min-height:100vh;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s,color .3s;text-align:center}.container.svelte-1zjosn,.game-area.svelte-1zjosn{display:flex;flex-direction:column;align-items:center;gap:1rem}h1.svelte-1zjosn{color:var(--text-color)}button.svelte-1zjosn{padding:10px 20px;font-size:1rem;cursor:pointer;background-color:#ff4136;color:#fff;border:none;border-radius:5px;transition:background-color .2s}button.svelte-1zjosn:hover{background-color:#e03126}