:root{--primary-color: #4F46E5;--secondary-color: #818CF8;--background-color: #F9FAFB;--text-color: #1F2937;--border-color: #E5E7EB;--player1-color: #EF4444;--player2-color: #3B82F6;--player3-color: #10B981;--player4-color: #F59E0B;--player5-color: #8B5CF6;--player6-color: #EC4899;--player7-color: #06B6D4;--player8-color: #D97706;--header-font: "Jersey 15", monospace;--body-font: "Roboto Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--body-font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--text-color);min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--header-font)}button{cursor:pointer;font-family:inherit;border:none;background:none}.container{max-width:1200px;margin:0 auto;padding:2rem;width:100%;text-align:center}.header{text-align:center;margin-bottom:2rem}.header h1{font-size:2.5rem;margin-bottom:.5rem;color:var(--primary-color)}.header p{font-size:1.1rem;color:var(--text-color);opacity:.8}.game-container{width:100%}.game-setup{max-width:600px;margin:0 auto;padding:2rem;background-color:#fff;border:1px solid var(--border-color);text-align:center;width:100%}.game-setup h2{color:var(--primary-color);margin-bottom:1rem}.game-controls{display:flex;justify-content:space-between;margin-bottom:2rem;width:100%;max-width:400px;margin-left:auto;margin-right:auto}.input-group{display:flex;flex-direction:column;gap:.5rem;width:30%}.input-group label{font-weight:500;font-size:.9rem;white-space:nowrap;text-align:center}.input-group label span{display:inline}.input-group input{padding:.5rem;border:1px solid var(--border-color);width:100%;text-align:center;font-family:inherit}.game-controls-buttons{margin:1.5rem 0;display:flex;justify-content:center}.error-message{color:var(--player1-color);margin:1rem 0;text-align:center;font-weight:500}.game-presets{margin-top:2rem;border-top:1px solid var(--border-color);padding-top:1.5rem;text-align:center}.game-presets h2{margin-bottom:1rem;color:var(--primary-color)}.preset-buttons{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.board-container{width:100%;max-width:100vw;max-height:80vh;margin:0 auto;overflow:auto}.game-board{display:grid;margin:0 auto;box-sizing:border-box;border:1px solid var(--border-color);min-width:min-content;min-height:min-content;width:max-content;grid-auto-rows:1fr;grid-auto-columns:1fr}.game-board.small-board,.game-board.medium-board,.game-board.large-board,.game-board.xlarge-board{max-width:95vw;max-height:75vh}.cell{border:1px solid var(--border-color);display:flex;align-items:center;justify-content:center;font-size:clamp(1rem,2vw,1.8rem);font-weight:700;background-color:#fff;transition:all .2s;overflow:hidden;min-width:30px;min-height:30px;margin:0;padding:0;position:relative;box-sizing:border-box}.cell:hover{background-color:var(--border-color);z-index:1}.cell.player1{color:var(--player1-color)}.cell.player2{color:var(--player2-color)}.cell.player3{color:var(--player3-color)}.cell.player4{color:var(--player4-color)}.cell.player5{color:var(--player5-color)}.cell.player6{color:var(--player6-color)}.cell.player7{color:var(--player7-color)}.cell.player8{color:var(--player8-color)}.winning-line{background-color:#4f46e533;position:relative;z-index:0}.game-info{margin-top:2rem;text-align:center}.game-info .status{font-size:1.25rem;font-weight:500;margin-bottom:1rem}.return-menu-container{margin-top:1rem;display:flex;justify-content:center}.btn{padding:.5rem 1rem;font-weight:500;transition:all .2s;font-family:inherit}.btn-primary{background-color:var(--primary-color);color:#fff}.btn-primary:hover{background-color:var(--secondary-color)}.btn-secondary{background-color:#fff;border:1px solid var(--border-color)}.btn-secondary:hover{background-color:var(--border-color)}.cell .symbol{display:flex;align-items:center;justify-content:center;width:100%;height:100%;position:absolute;top:0;left:0;bottom:0;right:0;animation:appear .3s ease-out;font-size:1.5em;line-height:1;overflow:hidden;text-align:center;padding:0;margin:0}.cell .symbol-large{font-size:1.6em}.cell .symbol-medium{font-size:1.4em}.cell .symbol-small{font-size:1.2em}.cell .symbol-xsmall{font-size:1em}@keyframes appear{0%{transform:scale(0);opacity:0}70%{transform:scale(1.1)}to{transform:scale(1);opacity:1}}.winning-line.player1 .symbol:before,.winning-line.player1 .symbol:after{background-color:var(--player1-color)}.winning-line.player2 .symbol{border-color:var(--player2-color)}@media (max-width: 768px){.container{padding:1rem}.header h1{font-size:2rem}.game-board.medium-board,.game-board.large-board,.game-board.xlarge-board{max-width:90vw;max-height:75vh}.cell .symbol{font-size:1.4em}}@media (max-width: 600px){.input-group label{white-space:normal}.input-group label span{display:block;margin-top:.2rem}}@media (max-width: 480px){.game-board.small-board,.game-board.medium-board,.game-board.large-board,.game-board.xlarge-board{max-width:100%;max-height:70vh}.game-setup{padding:1.5rem 1rem}.preset-buttons{flex-direction:column;align-items:center}.preset-buttons button{width:100%}.cell .symbol{font-size:1.2em}}.cell.selected{border:3px solid #FFC107!important;box-shadow:0 0 10px #ffc107b3;position:relative;z-index:2;animation:pulse 1.5s infinite}@keyframes pulse{0%{box-shadow:0 0 5px #ffc107b3}50%{box-shadow:0 0 15px #ffc107e6}to{box-shadow:0 0 5px #ffc107b3}}.cell:not([class*=player]):hover{background-color:#4f46e51a;cursor:pointer}.cell[class*=player]:hover{cursor:pointer;opacity:.85;transform:scale(.97);transition:all .2s ease}.checkbox-group{margin:1.5rem auto;display:flex;justify-content:center;align-items:center;background-color:#4f46e51a;padding:.8rem 1.2rem;border-radius:8px;width:max-content}.checkbox-group label{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:500;cursor:pointer;color:var(--primary-color)}.checkbox-group input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:var(--primary-color)}.number-input-group{margin:1.5rem auto;display:flex;flex-direction:column;align-items:center;max-width:300px}.number-input-group label{font-weight:500;font-size:1rem;margin-bottom:.5rem;color:var(--primary-color)}.player-count-input{display:flex;align-items:center;width:100%;gap:1rem}.player-count-input input[type=range]{flex:1;accent-color:var(--primary-color)}.player-count-value{font-size:1.2rem;font-weight:700;color:var(--primary-color);min-width:1.5rem;text-align:center;background-color:#4f46e51a;border-radius:50%;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center}.player-preview{margin:1.5rem auto;padding:1.2rem;background-color:#fff;border:1px solid var(--border-color);border-radius:8px;max-width:500px}.player-preview h3{color:var(--primary-color);margin-bottom:1rem;font-size:1.1rem}.player-symbols-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:1rem;justify-items:center}.player-config-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:1rem;width:100%;margin-bottom:1.5rem}.player-config-item{display:flex;flex-direction:column;position:relative;align-items:center;gap:.25rem;padding:.8rem;border-radius:8px;background-color:#4f46e50d;width:100%}.player-config-item input{width:100%;padding:.5rem;border-radius:4px;border:1px solid #e2e8f0;text-align:center;font-size:.9rem}.player-symbol{font-size:2rem;animation:float 3s ease-in-out infinite;cursor:pointer;position:relative;transition:transform .2s}.player-symbol:hover{transform:scale(1.1)}.player-symbol:after{content:"✏️";position:absolute;font-size:.8rem;bottom:-5px;right:-8px;opacity:0;transition:opacity .2s}.player-symbol:hover:after{opacity:1}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-5px)}to{transform:translateY(0)}}.player-name-container{width:100%;text-align:center;margin-bottom:.5rem}.player-name{font-weight:500;cursor:pointer;display:inline-block;border-bottom:1px dashed transparent;transition:border-color .2s;padding:.5rem 0}.player-name:hover{border-bottom-color:var(--text-color)}.player-name-input{width:100%;padding:.3rem .5rem;border:1px solid var(--border-color);border-radius:4px;text-align:center;font-family:inherit;margin:.2rem 0}.current-player-indicator{display:inline-block;margin-right:8px;animation:pulse-gentle 1.5s infinite}@keyframes pulse-gentle{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.game-info .status{display:flex;align-items:center;justify-content:center;gap:.5rem}.emoji-picker-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1000}.emoji-picker-container{position:absolute;top:100%;left:50%;transform:translate(-50%);z-index:1010;margin-top:8px;box-shadow:0 4px 12px #00000026;border-radius:8px;overflow:hidden}@media (max-width: 768px){.emoji-picker-container{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1010}}.mode-toggle{display:flex;justify-content:center;gap:0;margin-bottom:1.5rem;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;width:fit-content;margin-left:auto;margin-right:auto}.mode-btn{padding:.6rem 1.5rem;font-weight:500;background-color:#fff;color:var(--text-color);border:none;cursor:pointer;transition:all .2s}.mode-btn:first-child{border-right:1px solid var(--border-color)}.mode-btn.active{background-color:var(--primary-color);color:#fff}.mode-btn:hover:not(.active){background-color:var(--border-color)}.online-controls{padding:1rem;text-align:center}.online-status{padding:1rem;color:var(--text-color)}.online-status p{font-size:1.1rem}.online-waiting{padding:1rem}.online-waiting h3{color:var(--primary-color);margin-bottom:1rem}.online-waiting p{margin-bottom:.75rem;color:var(--text-color)}.share-link-container{display:flex;gap:.5rem;margin-bottom:1rem;max-width:100%}.share-link-input{flex:1;padding:.6rem;border:1px solid var(--border-color);border-radius:4px;font-family:inherit;font-size:.85rem;min-width:0}.share-link-input:focus{outline:none;border-color:var(--primary-color)}.online-error{padding:1rem}.online-playing{display:flex;flex-direction:column;gap:.75rem;align-items:center}.player-indicator{font-size:1rem;padding:.5rem 1rem;background-color:#4f46e51a;border-radius:8px;color:var(--primary-color)}.online-game-indicator{margin-bottom:1rem;text-align:center}.player-badge{display:inline-block;padding:.5rem 1rem;background-color:#4f46e51a;border-radius:8px;font-weight:500;color:var(--primary-color)}.waiting-turn{color:var(--text-color);opacity:.7;font-weight:400}.board-disabled{opacity:.7;pointer-events:none}.board-disabled .cell{cursor:not-allowed}.player-count-fixed{display:flex;align-items:center;justify-content:center}.player-count-fixed .player-count-value{background:none;width:auto;height:auto;border-radius:0;font-size:.9rem;opacity:.8}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary:disabled:hover{background-color:var(--primary-color)}.rematch-controls{display:flex;flex-direction:column;align-items:center;gap:.75rem;margin-top:.5rem}.rematch-waiting{color:var(--text-color);opacity:.8;font-style:italic;padding:.5rem 1rem;background-color:#4f46e51a;border-radius:8px}.rematch-notification{color:var(--primary-color);font-weight:500;animation:pulse-gentle 1.5s infinite}