:root{--primary: #3B82F6;--primary-light: #60A5FA;--primary-dark: #1D4ED8;--secondary: #9333EA;--secondary-light: #A855F7;--secondary-dark: #7E22CE;--accent: #EC4899;--accent-light: #F472B6;--accent-dark: #DB2777;--success: #10B981;--warning: #F59E0B;--error: #EF4444;--text-primary: #18181B;--text-secondary: #4B5563;--background-primary: #FFFFFF;--background-secondary: #F3F4F6;--border: #E5E7EB;--mark-x: #3B82F6;--mark-o: #EC4899;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;font-family:Chakra Petch,system-ui,sans-serif;line-height:1.5;font-weight:400;color:var(--text-primary);background-color:var(--background-primary);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dark-mode{--primary: #60A5FA;--primary-light: #93C5FD;--primary-dark: #3B82F6;--secondary: #A855F7;--secondary-light: #C084FC;--secondary-dark: #9333EA;--accent: #F472B6;--accent-light: #F9A8D4;--accent-dark: #EC4899;--text-primary: #F9FAFB;--text-secondary: #D1D5DB;--background-primary: #121212;--background-secondary: #1F2937;--border: #374151;--mark-x: #60A5FA;--mark-o: #F472B6}*{box-sizing:border-box;transition:background-color .3s,color .3s}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--background-primary);color:var(--text-primary)}h1,h2,h3,h4,h5,h6{line-height:1.2;margin-top:0}h1{font-size:2.5rem;font-weight:700}h2{font-size:2rem;font-weight:600}h3{font-size:1.5rem;font-weight:600}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:var(--primary);color:#fff;cursor:pointer;transition:border-color .25s,transform .1s,background-color .3s}button:hover{border-color:var(--primary-light);background-color:var(--primary-light)}button:active{transform:scale(.98)}button:focus,button:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px}input,select,textarea{border-radius:8px;border:1px solid var(--border);padding:.6em 1.2em;font-size:1em;font-family:inherit;background-color:var(--background-primary);color:var(--text-primary);transition:border-color .25s}input:focus,select:focus,textarea:focus{border-color:var(--primary);outline:none}#app{width:100%;margin:0;padding:0;text-align:center;min-height:100vh;display:flex;flex-direction:column}@media (max-width: 768px){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}button,input,select,textarea{padding:.5em 1em}}.retro-container{position:relative;border-radius:12px;box-shadow:0 0 20px #0000001a;padding:var(--space-6);background-color:var(--background-secondary);overflow:hidden}.retro-container:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--accent));z-index:1}.retro-grid{background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:20px 20px;background-position:-1px -1px}.glow-text{text-shadow:0 0 5px var(--primary-light)}.neon-border{box-shadow:0 0 8px var(--primary-light),inset 0 0 8px var(--primary-light)}.theme-toggle.svelte-oihue2{position:absolute;top:var(--space-4);right:var(--space-4);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--background-secondary);color:var(--text-primary);border:2px solid var(--border);cursor:pointer;transition:transform .3s,background-color .3s;z-index:10;padding:0}.theme-toggle.svelte-oihue2:hover{transform:scale(1.05);border-color:var(--primary);background-color:var(--background-secondary)}.theme-toggle.animating.svelte-oihue2{animation:svelte-oihue2-pulse .3s ease-in-out}.icon.svelte-oihue2{font-size:1.5rem;line-height:1}@keyframes svelte-oihue2-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width: 768px){.theme-toggle.svelte-oihue2{width:40px;height:40px;top:var(--space-2);right:var(--space-2)}.icon.svelte-oihue2{font-size:1.2rem}}.display-mode-toggle.svelte-1hnv7hk{position:absolute;top:var(--space-4);left:var(--space-4);width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--background-secondary);color:var(--text-primary);border:2px solid var(--border);cursor:pointer;transition:transform .3s,background-color .3s;z-index:10;padding:0}.display-mode-toggle.svelte-1hnv7hk:hover{transform:scale(1.05);border-color:var(--primary);background-color:var(--background-secondary)}.display-mode-toggle.animating.svelte-1hnv7hk{animation:svelte-1hnv7hk-pulse .3s ease-in-out}.icon.svelte-1hnv7hk{font-size:1.5rem;line-height:1}@keyframes svelte-1hnv7hk-pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@media (max-width: 768px){.display-mode-toggle.svelte-1hnv7hk{width:40px;height:40px;top:var(--space-2);left:var(--space-2)}.icon.svelte-1hnv7hk{font-size:1.2rem}}.player-setup.svelte-1oqa3lj{max-width:800px;margin:0 auto;width:100%}.players-grid.svelte-1oqa3lj{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8);margin:var(--space-8) 0}.player-card.svelte-1oqa3lj{position:relative;padding:var(--space-6);border-radius:12px;background-color:var(--background-primary);border:2px solid var(--border);transition:transform .3s,box-shadow .3s;box-shadow:0 4px 8px #0000001a}.player-card.svelte-1oqa3lj:hover{transform:translateY(-5px);box-shadow:0 12px 24px #00000026;border-color:var(--player-color)}.player-mark.svelte-1oqa3lj{position:absolute;top:-15px;left:50%;transform:translate(-50%);background-color:var(--player-color);color:#fff;width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.2rem;box-shadow:0 4px 8px #0003}.avatar-container.svelte-1oqa3lj{display:flex;justify-content:center;align-items:center;position:relative;margin-bottom:var(--space-4)}.player-avatar.svelte-1oqa3lj{width:100px;height:100px;border-radius:50%;object-fit:cover;transition:transform .3s;animation:svelte-1oqa3lj-float 3s ease-in-out infinite}.generate-avatar-btn.svelte-1oqa3lj{position:absolute;bottom:-10px;right:50%;transform:translate(50%);width:32px;height:32px;padding:0;border-radius:50%;background:var(--background-secondary);border:2px solid var(--border);cursor:pointer;font-size:1.2rem;display:flex;align-items:center;justify-content:center;transition:transform .2s}.generate-avatar-btn.svelte-1oqa3lj:hover{transform:translate(50%) scale(1.1)}.player-name-input.svelte-1oqa3lj{width:100%;margin-bottom:var(--space-4);text-align:center;font-weight:600;font-size:1.2rem}.actions.svelte-1oqa3lj{display:flex;justify-content:center;gap:var(--space-4);margin-top:var(--space-8)}.start-game-btn.svelte-1oqa3lj{background-color:var(--success)}.start-game-btn.svelte-1oqa3lj:hover{background-color:var(--success);filter:brightness(1.1)}@keyframes svelte-1oqa3lj-float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media (max-width: 768px){.players-grid.svelte-1oqa3lj{grid-template-columns:1fr;gap:var(--space-6)}.player-avatar.svelte-1oqa3lj{width:80px;height:80px}}.multiplayer-setup.svelte-1d6n4my{max-width:600px;margin:0 auto;padding:var(--space-8);text-align:center}.mode-buttons.svelte-1d6n4my{display:flex;gap:var(--space-4);justify-content:center;margin:var(--space-6) 0}.mode-btn.svelte-1d6n4my{min-width:200px}.divider.svelte-1d6n4my{margin:var(--space-6) 0;color:var(--text-secondary);font-weight:600;position:relative}.divider.svelte-1d6n4my:before,.divider.svelte-1d6n4my:after{content:"";position:absolute;top:50%;width:100px;height:1px;background-color:var(--border)}.divider.svelte-1d6n4my:before{right:calc(50% + var(--space-4))}.divider.svelte-1d6n4my:after{left:calc(50% + var(--space-4))}.room-info.svelte-1d6n4my{margin-top:var(--space-6);padding:var(--space-4);background-color:var(--background-secondary);border-radius:8px}.room-id.svelte-1d6n4my{font-family:monospace;font-weight:600;color:var(--primary)}.copy-btn.svelte-1d6n4my{margin-top:var(--space-2);background-color:var(--background-secondary);color:var(--text-primary);border:1px solid var(--border)}.copy-btn.svelte-1d6n4my:hover{background-color:var(--background-secondary);border-color:var(--primary)}.status-message.svelte-1d6n4my{margin-top:var(--space-4);color:var(--primary);font-weight:600}.error-message.svelte-1d6n4my{margin-top:var(--space-4);color:var(--error);font-weight:600}@media (max-width: 768px){.mode-buttons.svelte-1d6n4my{flex-direction:column}.mode-btn.svelte-1d6n4my{width:100%}}.cell.svelte-1h019x9.svelte-1h019x9{width:min(26vw,140px);height:min(26vw,140px);background-color:var(--background-primary);border:3px solid var(--border);border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;box-shadow:0 4px 8px #0000001a;opacity:0;transform:scale(.9)}.mounted.svelte-1h019x9.svelte-1h019x9{opacity:1;transform:scale(1);transition:opacity .3s,transform .3s}.cell.svelte-1h019x9.svelte-1h019x9:hover:not(.x-mark):not(.o-mark){transform:scale(1.05);box-shadow:0 8px 16px #0000001a;border-color:var(--primary)}.cell.svelte-1h019x9.svelte-1h019x9:active:not(.x-mark):not(.o-mark){transform:scale(.98)}.mark.svelte-1h019x9.svelte-1h019x9{font-size:min(12vw,4.5rem);font-weight:700;transition:transform .3s,opacity .3s}.x.svelte-1h019x9.svelte-1h019x9{color:var(--mark-x)}.o.svelte-1h019x9.svelte-1h019x9{color:var(--mark-o)}.x-mark.svelte-1h019x9.svelte-1h019x9{border-color:var(--mark-x)}.o-mark.svelte-1h019x9.svelte-1h019x9{border-color:var(--mark-o)}.inverted.svelte-1h019x9 .mark.svelte-1h019x9{transform:rotate(180deg)}.fading.svelte-1h019x9 .mark.svelte-1h019x9{opacity:.4;animation:svelte-1h019x9-pulse 2s infinite}.highlighted.svelte-1h019x9.svelte-1h019x9{animation:svelte-1h019x9-highlight 2s infinite}.animated.svelte-1h019x9 .mark.svelte-1h019x9{animation:svelte-1h019x9-pop .5s ease-out}@keyframes svelte-1h019x9-highlight{0%{box-shadow:0 0 5px var(--primary)}50%{box-shadow:0 0 20px var(--primary)}to{box-shadow:0 0 5px var(--primary)}}@keyframes svelte-1h019x9-pop{0%{transform:scale(.5);opacity:.3}70%{transform:scale(1.2)}to{transform:scale(1);opacity:1}}@keyframes svelte-1h019x9-pulse{0%{opacity:.3;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}to{opacity:.3;transform:scale(1)}}@media (max-width: 768px){.cell.svelte-1h019x9.svelte-1h019x9{width:min(28vw,90px);height:min(28vw,90px)}.mark.svelte-1h019x9.svelte-1h019x9{font-size:min(12vw,2rem)}}@media (min-width: 1024px){.cell.svelte-1h019x9.svelte-1h019x9{width:min(20vw,160px);height:min(20vw,160px)}.mark.svelte-1h019x9.svelte-1h019x9{font-size:min(10vw,5rem)}}.electric-pulse.svelte-yj1d4a{position:absolute;pointer-events:none;background:linear-gradient(90deg,transparent,var(--primary-light),transparent);opacity:.3}.row.svelte-yj1d4a{left:0;right:0;height:2px;top:calc((100% / 3) * var(--index) + (100% / 6));transform:scaleX(.3) translate(calc(var(--progress) * 400%))}.column.svelte-yj1d4a{top:0;bottom:0;width:2px;left:calc((100% / 3) * var(--index) + (100% / 6));background:linear-gradient(180deg,transparent,var(--primary-light),transparent);transform:scaleY(.3) translateY(calc(var(--progress) * 400%))}.modal-overlay.svelte-1ulfrrp{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal.svelte-1ulfrrp{background-color:var(--background-primary);padding:var(--space-6);border-radius:var(--radius);max-width:400px;width:90%;text-align:center}h2.svelte-1ulfrrp{margin:0 0 var(--space-4);color:var(--text-primary)}p.svelte-1ulfrrp{margin:0 0 var(--space-6);color:var(--text-secondary)}.button-group.svelte-1ulfrrp{display:flex;gap:var(--space-4);justify-content:center}.confirm-btn.svelte-1ulfrrp,.cancel-btn.svelte-1ulfrrp{padding:.5em 1em;border-radius:var(--radius);font-weight:600;transition:all .2s}.confirm-btn.svelte-1ulfrrp{background-color:var(--error);color:#fff}.confirm-btn.svelte-1ulfrrp:hover{background-color:var(--error);filter:brightness(1.1)}.cancel-btn.svelte-1ulfrrp{background-color:var(--background-secondary);color:var(--text-primary)}.cancel-btn.svelte-1ulfrrp:hover{background-color:var(--background-hover)}.game-container.svelte-xgs9em{max-width:min(95vw,800px);margin:0 auto;width:100%;padding:var(--space-8);display:grid;grid-template-rows:auto 1fr auto;gap:var(--space-6)}.game-info.svelte-xgs9em{display:flex;justify-content:center;gap:var(--space-8);align-items:center;width:100%}.current-player.svelte-xgs9em{display:flex;align-items:center;gap:var(--space-2);min-width:200px}.player-avatar.svelte-xgs9em{width:50px;height:50px;border-radius:50%;object-fit:cover;transition:transform .3s}.player-name.svelte-xgs9em{font-weight:700;font-size:1.2rem}.move-count.svelte-xgs9em{font-weight:600;font-size:1.1rem;color:var(--text-secondary)}.board.svelte-xgs9em{display:flex;flex-direction:column;gap:var(--space-4);justify-content:center;align-items:center;width:100%;max-width:min(90vw,500px);margin:0 auto;padding:var(--space-4)}.board-row.svelte-xgs9em{display:flex;gap:var(--space-4);justify-content:center;width:100%}.prevent-clicks.svelte-xgs9em{pointer-events:none}.inverted.svelte-xgs9em{transform:rotate(180deg)}.game-controls.svelte-xgs9em{margin-top:var(--space-6);justify-content:center;width:100%}.exit-btn.svelte-xgs9em{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border);font-size:.9rem;padding:.4em .8em}.exit-btn.svelte-xgs9em:hover{background-color:var(--background-secondary);color:var(--text-primary)}@media (max-width: 768px){.game-container.svelte-xgs9em{padding:var(--space-4)}.game-info.svelte-xgs9em{gap:var(--space-4);padding:0}.board.svelte-xgs9em,.board-row.svelte-xgs9em{gap:var(--space-2)}.game-info.svelte-xgs9em{flex-direction:column;gap:var(--space-2);align-items:center;text-align:center}.current-player.svelte-xgs9em{justify-content:center;min-width:0;width:100%}.board.svelte-xgs9em{padding:var(--space-2);max-width:100%}}.confetti-canvas.svelte-1cc12u0{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:999}.game-over.svelte-qkjzef{max-width:600px;margin:0 auto;width:100%;padding:var(--space-8)}.winner-text.svelte-qkjzef{color:var(--success);display:flex;align-items:center;justify-content:center;gap:var(--space-3);animation:svelte-qkjzef-winner-pulse 2s infinite}.draw-text.svelte-qkjzef{color:var(--warning);text-align:center}.winner-avatar.svelte-qkjzef{width:60px;height:60px;border-radius:50%;object-fit:cover;display:inline-block;animation:svelte-qkjzef-float 3s ease-in-out infinite}.stats.svelte-qkjzef{margin:var(--space-8) 0;opacity:0;transform:translateY(20px);transition:opacity .5s,transform .5s}.stats.visible.svelte-qkjzef{opacity:1;transform:translateY(0)}.stats-grid.svelte-qkjzef{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-4)}.draw-stats.svelte-qkjzef{grid-column:1 / -1;background-color:var(--background-primary);border:2px solid var(--border);border-radius:12px;padding:var(--space-4);text-align:center}.player-stats.svelte-qkjzef{background-color:var(--background-primary);border:2px solid var(--player-color);border-radius:12px;padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.player-header.svelte-qkjzef,.draw-header.svelte-qkjzef{display:flex;align-items:center;justify-content:flex-start;gap:var(--space-2);margin-bottom:var(--space-2);font-weight:600}.player-avatar.svelte-qkjzef{width:40px;height:40px;border-radius:50%;object-fit:cover}.player-score.svelte-qkjzef,.draw-score.svelte-qkjzef{display:flex;flex-direction:column;align-items:center}.score-value.svelte-qkjzef{font-size:2.5rem;font-weight:700}.score-label.svelte-qkjzef{font-size:.9rem;color:var(--text-secondary)}.game-controls.svelte-qkjzef{display:flex;justify-content:center;gap:var(--space-4);margin-top:var(--space-6)}.play-again-btn.svelte-qkjzef{background-color:var(--success)}.play-again-btn.svelte-qkjzef:hover{background-color:var(--success);filter:brightness(1.1)}.new-players-btn.svelte-qkjzef{background-color:var(--secondary)}.new-players-btn.svelte-qkjzef:hover{background-color:var(--secondary-light)}@keyframes svelte-qkjzef-winner-pulse{0%{text-shadow:0 0 5px var(--success)}50%{text-shadow:0 0 15px var(--success)}to{text-shadow:0 0 5px var(--success)}}@keyframes svelte-qkjzef-float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}@media (max-width: 768px){.stats-grid.svelte-qkjzef{grid-template-columns:1fr}.game-controls.svelte-qkjzef{flex-direction:column;gap:var(--space-3)}}main.svelte-8hq66r.svelte-8hq66r{width:100%;min-height:100vh;display:flex;flex-direction:column;position:relative}.app-container.svelte-8hq66r.svelte-8hq66r{flex:1;display:flex;flex-direction:column;max-width:900px;margin:0 auto;padding:var(--space-6);width:100%}header.svelte-8hq66r.svelte-8hq66r{margin-bottom:var(--space-6);text-align:center}.app-title.svelte-8hq66r.svelte-8hq66r{font-size:3.5rem;background:linear-gradient(90deg,var(--primary),var(--secondary),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:var(--space-2);font-weight:800}.app-subtitle.svelte-8hq66r.svelte-8hq66r{color:var(--text-secondary);font-size:1.2rem}.game-section.svelte-8hq66r.svelte-8hq66r{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:var(--space-4) 0;width:100%}footer.svelte-8hq66r.svelte-8hq66r{margin-top:var(--space-8);text-align:center}.game-rules.svelte-8hq66r.svelte-8hq66r{margin-bottom:var(--space-4)}.rules-toggle.svelte-8hq66r.svelte-8hq66r{background-color:transparent;color:var(--text-secondary);border:1px solid var(--border)}.rules-toggle.svelte-8hq66r.svelte-8hq66r:hover{background-color:var(--background-secondary);color:var(--text-primary)}.rules-modal.svelte-8hq66r.svelte-8hq66r{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;pointer-events:none;transition:opacity .3s,visibility .3s;visibility:hidden;padding:var(--space-4)}.rules-modal.visible.svelte-8hq66r.svelte-8hq66r{opacity:1;pointer-events:auto;visibility:visible}.rules-content.svelte-8hq66r.svelte-8hq66r{max-width:500px;width:100%;padding:var(--space-6);background-color:var(--background-primary);border-radius:12px;box-shadow:0 10px 30px #0003;transform:scale(.9);transition:transform .3s}.rules-modal.visible.svelte-8hq66r .rules-content.svelte-8hq66r{transform:scale(1)}.rules-list.svelte-8hq66r.svelte-8hq66r{text-align:left;padding-left:var(--space-6);margin:var(--space-4) 0}.rules-list.svelte-8hq66r li.svelte-8hq66r{margin-bottom:var(--space-2);line-height:1.5}.close-rules.svelte-8hq66r.svelte-8hq66r{margin-top:var(--space-4)}.copyright.svelte-8hq66r.svelte-8hq66r{font-size:.9rem;color:var(--text-secondary)}.multiplayer-btn.svelte-8hq66r.svelte-8hq66r,.back-btn.svelte-8hq66r.svelte-8hq66r{margin-top:var(--space-6);background-color:var(--secondary);color:#fff}.multiplayer-btn.svelte-8hq66r.svelte-8hq66r:hover,.back-btn.svelte-8hq66r.svelte-8hq66r:hover{background-color:var(--secondary-light)}.back-btn.svelte-8hq66r.svelte-8hq66r{background-color:var(--background-secondary);color:var(--text-primary);border:1px solid var(--border)}.back-btn.svelte-8hq66r.svelte-8hq66r:hover{background-color:var(--background-secondary);border-color:var(--primary)}@media (max-width: 768px){.app-title.svelte-8hq66r.svelte-8hq66r{font-size:2.5rem}.app-subtitle.svelte-8hq66r.svelte-8hq66r{font-size:1rem}.rules-content.svelte-8hq66r.svelte-8hq66r{padding:var(--space-4)}}