*{box-sizing:border-box;margin:0;padding:0}:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--board-gradient:linear-gradient(160deg,#1a237e,#283593);--player1-gradient:linear-gradient(45deg,gold,#ffeb3b);--player2-gradient:linear-gradient(45deg,#ff416c,#ff4b2b);--winner-gradient:linear-gradient(45deg,#00b09b,#96c93d);--draw-gradient:linear-gradient(45deg,#ff9800,#ff5722);--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--cell-size:64px;--piece-size:60px;--border-radius:25px;--shadow:0 4px 15px #0003;--shadow-hover:0 8px 20px #0000004d;--border-light:2px solid #ffffff1a}@media (max-width:639px){:root{--spacing-sm:4px;--cell-size:32px;--piece-size:28px;--border-radius:12px}}@media (max-width:399px){:root{--spacing-sm:0;--cell-size:20px;--piece-size:18px;--border-radius:8px}}.connect-four{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--primary-gradient);display:flex;flex-direction:column;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;gap:24px;gap:var(--spacing-lg);height:100vh;min-height:600px;padding:32px;padding:var(--spacing-xl)}.status-message{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #ffffff1a;border:var(--border-light);border-radius:25px;border-radius:var(--border-radius);box-shadow:0 4px 15px #0003;box-shadow:var(--shadow);font-size:20px;font-weight:600;padding:12px 24px}.current-player.player-1{background:linear-gradient(45deg,gold,#ffeb3b);background:var(--player1-gradient);color:#333}.current-player.player-2{background:linear-gradient(45deg,#ff416c,#ff4b2b);background:var(--player2-gradient);color:#fff}.winner{background:linear-gradient(45deg,#00b09b,#96c93d);background:var(--winner-gradient)}.draw,.winner{animation:pulse 2s infinite;color:#fff}.draw{background:linear-gradient(45deg,#ff9800,#ff5722);background:var(--draw-gradient)}.board{background:linear-gradient(160deg,#1a237e,#283593);background:var(--board-gradient);border:3px solid #ffffff1a;border-radius:16px;box-shadow:0 10px 30px #0000004d;display:flex;gap:8px;gap:var(--spacing-sm);padding:20px}.board-disabled{pointer-events:none}.column{border-radius:8px;border-radius:var(--spacing-sm);cursor:pointer;display:flex;flex-direction:column;gap:8px;gap:var(--spacing-sm);padding:4px;position:relative;transition:all .3s ease}.column-disabled{pointer-events:none}.column:hover{background:#ffffff1a;transform:translateY(-2px)}.cell{align-items:center;background:radial-gradient(circle at 30% 30%,#fff,#e3f2fd);border:2px solid #0000;border-radius:50%;box-shadow:inset 0 -4px 8px #0003;display:flex;height:64px;height:var(--cell-size);justify-content:center;position:relative;transition:all .3s ease;width:64px;width:var(--cell-size);z-index:2}.piece{animation:drop .4s ease-out;border:2px solid #ffffff4d;border-radius:50%;box-shadow:0 4px 8px #0000004d;height:60px;height:var(--piece-size);width:60px;width:var(--piece-size)}.player-1 .piece{background:radial-gradient(circle at 30% 30%,gold,#f57f17)}.player-2 .piece{background:radial-gradient(circle at 30% 30%,#ff5252,#d32f2f)}.action-buttons{display:flex;flex-wrap:wrap;gap:16px;gap:var(--spacing-md);justify-content:center}.action-button{border:none;border-radius:25px;border-radius:var(--border-radius);box-shadow:0 4px 15px #0003;box-shadow:var(--shadow);color:#fff;cursor:pointer;font-size:16px;font-weight:600;overflow:hidden;padding:14px 28px;position:relative;transition:all .3s ease}.green-button{background:linear-gradient(45deg,#4caf50,#8bc34a)}.red-button{background:linear-gradient(45deg,#ff416c,#ff4b2b)}.restart-button{background:linear-gradient(45deg,#2196f3,#21cbf3)}.action-button:hover{box-shadow:0 8px 20px #0000004d;box-shadow:var(--shadow-hover);transform:translateY(-3px)}.action-button:active{transform:translateY(1px)}.action-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.5;transform:none}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes drop{0%{opacity:0;transform:translateY(-500px)}to{opacity:1;transform:translateY(0)}}.complexity-content{background:#fff;border-radius:10px;box-shadow:0 4px 6px #0000001a;max-width:500px;padding:2rem;text-align:center;width:90%}.complexity-content h2{color:#333;margin-bottom:2rem}.complexity-options{display:flex;gap:.5rem;justify-content:space-between;margin-bottom:2rem}.complexity-option{border:2px solid #ddd;border-radius:8px;cursor:pointer;flex:1 1;padding:1rem;transition:all .3s ease}.complexity-option.selected,.complexity-option:hover{border-color:#4caf50;transform:translateY(-2px)}.complexity-option.selected{background-color:#f8fff8}.complexity-level{color:#333;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}.complexity-label{color:#666;font-size:.8rem}.complexity-description{background-color:#f5f5f5;border-radius:5px;color:#333;font-weight:700;margin-bottom:2rem;padding:1rem}
/*# sourceMappingURL=main.15e198e2.css.map*/