.app{max-width:600px;margin:0 auto;padding:2rem;text-align:center}h1{font-size:2.5rem;margin-bottom:1.5rem;color:#646cff}.game-info{margin-bottom:1.5rem}.status{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#fff}.player-text{font-weight:700}.player1-text{color:#4caf50}.player2-text{color:#f44336}.current-emoji{margin:1.5rem 0;padding:1rem;background-color:#646cff1a;border-radius:8px;border:2px solid #646cff}.emoji-display{margin-bottom:.5rem}.emoji-large{font-size:4rem;display:inline-block}.emoji-large img{width:80px;height:80px;vertical-align:middle}.emoji-label{font-size:1.2rem;color:#ffffffde;font-weight:500;text-transform:capitalize}.player-info{display:flex;justify-content:center;gap:2rem;margin-bottom:1rem}.player-indicator{display:flex;align-items:center;gap:.5rem;font-size:1.1rem;padding:.5rem 1rem;border-radius:8px;transition:all .3s ease;opacity:.5}.player-indicator.active-player1{opacity:1;background-color:#4caf5033;border:2px solid #4caf50;font-weight:700;color:#4caf50}.player-indicator.active-player2{opacity:1;background-color:#f4433633;border:2px solid #f44336;font-weight:700;color:#f44336}.player-symbol{font-size:1.5rem;font-weight:700;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:4px}.player1-symbol{color:#4caf50;background-color:#4caf501a}.player2-symbol{color:#f44336;background-color:#f443361a}.board{display:inline-block;border:3px solid #646cff;border-radius:8px;padding:4px;background-color:#1a1a1a;margin-bottom:1.5rem}.board-row{display:flex}.cell{width:80px;height:80px;border:2px solid #444;background-color:#2a2a2a;font-size:2.5rem;font-weight:700;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;margin:2px;border-radius:4px;position:relative}.cell img{width:50px;height:50px}.cell[data-tooltip]:hover:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:8px;padding:6px 12px;background-color:#000000e6;color:#fff;font-size:.875rem;white-space:nowrap;border-radius:4px;pointer-events:none;z-index:1000;animation:tooltipFadeIn .2s ease-in-out}.cell[data-tooltip]:hover:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);margin-bottom:2px;border:6px solid transparent;border-top-color:#000000e6;pointer-events:none;z-index:1000;animation:tooltipFadeIn .2s ease-in-out}@keyframes tooltipFadeIn{0%{opacity:0}to{opacity:1}}.cell:hover:not(.player1):not(.player2){background-color:#3a3a3a;border-color:#646cff}.cell.player1{background-color:#4caf5033;color:#4caf50;cursor:default}.cell.player2{background-color:#f4433633;color:#f44336;cursor:default}.reset-button{font-size:1.2rem;padding:.8rem 2rem;background-color:#646cff;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:background-color .2s ease;margin-bottom:2rem;display:block;margin-left:auto;margin-right:auto}.reset-button:hover{background-color:#535bf2}.reset-button:active{background-color:#4248d4}.rules{margin-top:2rem;text-align:left;max-width:500px;margin-left:auto;margin-right:auto;background-color:#1a1a1a;padding:1.5rem;border-radius:8px;border:1px solid #444}.rules h3{margin-bottom:1rem;color:#646cff}.rules ul{list-style-position:inside;line-height:1.8}.rules li{margin-bottom:.5rem;color:#ffffffde}@media (max-width: 600px){.app{padding:1rem}h1{font-size:2rem}.cell{width:60px;height:60px;font-size:2rem}.player-info{flex-direction:column;gap:.5rem}}:root{font-family:Inter,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}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;margin:0 auto;text-align:center}