body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box}.cell{align-items:center;background-color:#fff;border-radius:50%;box-shadow:inset 0 0 10px #0003;display:flex;height:50px;justify-content:center;margin:5px;overflow:hidden;position:relative;width:50px}@media screen and (max-width:768px){.cell{height:40px;margin:0 auto;max-width:40px;width:100%}}@media screen and (max-width:480px){.cell{height:30px;margin:0 auto;max-width:30px;width:100%}}.chip{border-radius:50%;height:80%;transition:all .3s ease;width:80%}.red .chip{background-color:#ff3b30;box-shadow:inset 0 0 10px #0000004d,0 0 5px #ff3b3080}.blue .chip{background-color:#1084ff;box-shadow:inset 0 0 10px #0000004d,0 0 5px #1084ff80}.drop-animation{animation:dropChip .5s ease-in}.transit-chip{animation:transitPulse .5s infinite alternate;opacity:1;transform:scale(.95);transition:all .05s ease}@keyframes transitPulse{0%{transform:scale(.95)}to{transform:scale(1)}}.transit-red{background-color:#ff3b30;box-shadow:inset 0 0 10px #0000004d,0 0 10px #ff3b30b3}.transit-blue{background-color:#1084ff;box-shadow:inset 0 0 10px #0000004d,0 0 10px #1084ffb3}@keyframes dropChip{0%{opacity:.7;transform:translateY(-300px)}70%{transform:translateY(10px)}85%{transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.falling-animation{animation:fallingAnimation .8s ease-in-out}.winning{animation:winPulse 1.5s ease-in-out infinite;box-shadow:0 0 15px 5px gold,inset 0 0 10px #fffc!important;z-index:10}@keyframes winPulse{0%{box-shadow:0 0 15px 5px gold,inset 0 0 10px #fffc;transform:scale(1)}50%{box-shadow:0 0 20px 8px gold,inset 0 0 15px #ffffffe6;transform:scale(1.1)}to{box-shadow:0 0 15px 5px gold,inset 0 0 10px #fffc;transform:scale(1)}}@keyframes fallingAnimation{0%{opacity:.7;transform:translateY(-60px)}60%{transform:translateY(10px)}80%{transform:translateY(-5px)}to{transform:translateY(0)}}.fall-1{animation-duration:.4s}.fall-2{animation-duration:.6s}.fall-3{animation-duration:.7s}.fall-4{animation-duration:.8s}.fall-5{animation-duration:.9s}.column.switching-left{animation:switchLeft .6s ease-in-out}.column.switching-right{animation:switchRight .6s ease-in-out}@keyframes switchLeft{0%{opacity:1;transform:translateX(0)}40%{opacity:.7;transform:translateX(-15px)}60%{opacity:0;transform:translateX(200px)}61%{opacity:0;transform:translateX(-200px)}80%{opacity:.7;transform:translateX(15px)}to{opacity:1;transform:translateX(0)}}@keyframes switchRight{0%{opacity:1;transform:translateX(0)}40%{opacity:.7;transform:translateX(15px)}60%{opacity:0;transform:translateX(-200px)}61%{opacity:0;transform:translateX(200px)}80%{opacity:.7;transform:translateX(-15px)}to{opacity:1;transform:translateX(0)}}.board-container{display:flex;justify-content:center;margin:20px auto;max-width:650px;width:100%}@media screen and (max-width:768px){.board-container{margin:10px auto;max-width:100%;width:98%}}.board{align-items:center;background-color:#0055a4;border-radius:10px;box-shadow:0 8px 16px #0003;box-sizing:border-box;display:flex;flex-direction:row;padding:10px;width:100%}@media screen and (max-width:768px){.board{flex-direction:row;padding:5px}}.board-grid{display:flex;flex-direction:column;width:100%}.row-wrapper{align-items:center;display:flex;width:100%}.row{display:flex;flex-grow:1;justify-content:space-between;position:relative;transition:transform .6s}.shifting-left{animation:shiftRowLeft .6s ease-in-out}.shifting-right{animation:shiftRowRight .6s ease-in-out}@keyframes shiftRowLeft{0%{opacity:1;transform:translateX(0)}45%{transform:translateX(-10px)}50%{opacity:.7}55%{transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}@keyframes shiftRowRight{0%{opacity:1;transform:translateX(0)}45%{transform:translateX(10px)}50%{opacity:.7}55%{transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}.cell-container{align-items:center;cursor:pointer;display:flex;justify-content:center;transition:background-color .2s}@media screen and (max-width:768px){.board-grid,.row{width:100%}.row{justify-content:space-between}.cell-container{align-items:center;aspect-ratio:1/1;display:flex;flex:1 1;justify-content:center;min-width:0}}@media screen and (max-width:480px){.cell-container{height:35px;width:35px}}.cell-container:hover{background-color:#ffffff1a}@media screen and (max-width:768px){.board-grid{width:100%}}.shift-button{align-items:center;background-color:#333;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;flex-shrink:0;font-size:18px;height:30px;justify-content:center;margin:0 4px;transition:all .2s;width:30px}.shift-button.active{background-color:#ffeb3b;color:#333;opacity:1;transform:scale(1.1)}.shift-button.inactive{cursor:not-allowed;opacity:.3}.row-wrapper:has(.cell-container div[class^=chip]){background-color:#ffffff0d;border-radius:5px}.shift-button.active:hover{background-color:#ffd600;transform:scale(1.2)}.shift-button:disabled{cursor:not-allowed;opacity:.3}.column-marker-wrapper{margin-bottom:10px}.column-markers{box-sizing:border-box;display:flex;flex-grow:1;justify-content:space-between}.shift-button-spacer{flex-shrink:0;height:30px;margin:0 4px;width:30px}.column-marker{align-items:center;cursor:pointer;display:flex;flex:1 1;font-size:24px;height:30px;justify-content:center;text-align:center;transition:opacity .3s,transform .2s,color .3s;width:30px}.column-marker,.column-marker.active{color:#ffeb3b;opacity:1}.column-marker.full{color:#999;cursor:default;opacity:.3}.column-marker.inactive{color:#999;cursor:default;opacity:.2}.column-marker.active:hover{transform:scale(1.3)}.board.drop-phase .cell-container{cursor:pointer}.board.shift-phase .cell-container{cursor:default}.game{align-items:center;background-color:#f0f0f0;display:flex;flex-direction:column;font-family:Arial,sans-serif;max-width:100vw;min-height:100vh;overflow-x:hidden;padding:20px}h1{color:#0055a4;margin-bottom:20px;text-align:center}.game-info{font-size:24px;font-weight:700;justify-content:center;margin-bottom:20px}.current-player,.draw,.game-info,.winner{align-items:center;display:flex}.player-indicator{border-radius:50%;height:30px;margin:0 10px;width:30px}.red{background-color:#ff3b30;box-shadow:0 0 10px #ff3b3080}.blue{background-color:#1084ff;box-shadow:0 0 10px #1084ff80}.color-button,.difficulty-button,.mode-button,.reset-button,.start-button{background-color:#34c759;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:18px;margin:10px 8px;padding:10px 20px;transition:background-color .2s,transform .2s}.start-button{background-color:#007bff;font-size:20px;margin-top:30px;padding:12px 30px}.start-button:disabled{background-color:#ccc;cursor:not-allowed;opacity:.7}@media screen and (max-width:768px){.color-button,.difficulty-button,.mode-button,.reset-button{font-size:18px;margin:8px;padding:15px 30px}.start-button{font-size:20px;margin-top:20px;padding:15px 40px}h1{font-size:24px}h1,h2{margin-bottom:10px}h2{margin-top:15px}.game-info,h2{font-size:20px}.game-info{margin-bottom:15px}.setup-options{flex-direction:column}}.shift-instruction{margin-top:10px}.shift-instruction .highlight{animation:pulse 1.5s infinite;background-color:#ffeb3b;border-radius:5px;color:#333;display:inline-block;font-weight:700;padding:10px}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.color-button:hover,.difficulty-button:hover,.mode-button:hover,.reset-button:hover{background-color:#30b955;transform:scale(1.05)}.start-button:hover:not(:disabled){background-color:#0069d9;transform:scale(1.05)}.color-button.selected,.difficulty-button.selected,.mode-button.selected{background-color:#0055a4;box-shadow:0 0 10px #0055a480;transform:scale(1.05)}.game-rules,.game-setup{margin-top:30px;max-width:600px;text-align:center}.game-rules h3,.game-setup h2{color:#0055a4;margin-bottom:10px}.game-rules p{line-height:1.6}.game-setup{align-items:center;background-color:#f8f9fa;border-radius:10px;box-shadow:0 4px 8px #0000001a;display:flex;flex-direction:column;margin-bottom:20px;padding:20px}.setup-options{display:flex;flex-wrap:wrap;justify-content:center;margin:10px 0 20px}.color-preview{border-radius:50%;display:inline-block;height:24px;margin-right:8px;vertical-align:middle;width:24px}.color-button{align-items:center;display:flex;justify-content:center}.ai-thinking{animation:pulseFade 1.5s infinite;font-style:italic;margin-left:10px}@keyframes pulseFade{0%{opacity:.5}50%{opacity:1}to{opacity:.5}}.game-controls{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-top:20px}.game-info-label{align-items:center;display:flex;font-size:16px;margin-left:20px}.game-info-label .player-indicator{margin:0 5px}@media screen and (max-width:768px){.game-controls{flex-direction:column}.game-info-label{font-size:14px;margin:10px 0}}.App{align-items:center;background-color:#f5f5f7;display:flex;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;justify-content:flex-start;min-height:100vh;padding:20px;text-align:center}
/*# sourceMappingURL=main.d3134a8d.css.map*/