.collapse{transition:height .35s ease}.collapse.show{height:auto}.difficulty-card{cursor:pointer;transition:all .3s ease;border:2px solid #dee2e6}.difficulty-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:#007bff}.difficulty-card.selected{border-color:#007bff;background-color:#007bff1a;transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.difficulty-card .card-body{position:relative}.difficulty-card.selected::after{content:'✓';position:absolute;top:10px;right:15px;color:#007bff;font-size:20px;font-weight:700}.turn-card{cursor:pointer;transition:all .3s ease;border:2px solid #dee2e6;position:relative}.turn-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:#007bff}.turn-card.selected{border-color:#007bff;background-color:#007bff1a;transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.turn-card .card-body{position:relative}.turn-card.selected::after{content:'✓';position:absolute;top:10px;right:15px;color:#007bff;font-size:20px;font-weight:700}.size-card{cursor:pointer;transition:all .3s ease;border:2px solid #dee2e6;position:relative}.size-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:#007bff}.size-card.selected{border-color:#007bff;background-color:#007bff1a;transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.size-card.selected::after{content:'✓';position:absolute;top:5px;right:8px;color:#007bff;font-size:16px;font-weight:700}#detailedRules .card-body{border:1px solid #dee2e6;border-radius:8px}#detailedRules h6{border-bottom:2px solid currentColor;padding-bottom:5px;margin-bottom:10px}.btn-outline-primary{transition:all .3s ease}.btn-outline-primary:hover{transform:translateY(-1px);box-shadow:0 4px 8px #007bff33}.btn-outline-success{transition:all .3s ease}.btn-outline-success:hover{transform:translateY(-1px);box-shadow:0 4px 8px #28a74533}.color-pin{border-radius:50%;display:inline-block;transition:all .3s ease}.color-pin.red{background:linear-gradient(45deg,#ff6b6b 25%,#ff8e8e 25%,#ff8e8e 50%,#ff6b6b 50%,#ff6b6b 75%,#ff8e8e 75%);background-size:8px 8px}.color-pin.blue{background:linear-gradient(45deg,#4dabf7 25%,#74c0fc 25%,#74c0fc 50%,#4dabf7 50%,#4dabf7 75%,#74c0fc 75%);background-size:8px 8px}.color-pin.green{background:linear-gradient(45deg,#51cf66 25%,#8ce99a 25%,#8ce99a 50%,#51cf66 50%,#51cf66 75%,#8ce99a 75%);background-size:8px 8px}.color-pin.yellow{background:linear-gradient(45deg,#ffd43b 25%,#ffe066 25%,#ffe066 50%,#ffd43b 50%,#ffd43b 75%,#ffe066 75%);background-size:8px 8px}.color-pin.purple{background:linear-gradient(45deg,#da77f2 25%,#e599f7 25%,#e599f7 50%,#da77f2 50%,#da77f2 75%,#e599f7 75%);background-size:8px 8px}.color-pin.white{background:linear-gradient(45deg,#dee2e6 25%,#f8f9fa 25%,#f8f9fa 50%,#dee2e6 50%,#dee2e6 75%,#f8f9fa 75%);background-size:8px 8px;border-color:#fff}.mancala-stone{border-radius:50%;display:inline-block;margin:1px;border:1px solid #fffc;box-shadow:inset 0 1px 2px #ffffff4d 0 1px 3px #0000004d;transition:all .2s ease}.mancala-stone.red{background:linear-gradient(135deg,#ff6b6b,#ff8e8e)}.mancala-stone.blue{background:linear-gradient(135deg,#4dabf7,#74c0fc)}.mancala-stone.green{background:linear-gradient(135deg,#51cf66,#8ce99a)}.mancala-stone.yellow{background:linear-gradient(135deg,#ffd43b,#ffe066)}.mancala-stone.purple{background:linear-gradient(135deg,#da77f2,#e599f7)}.mancala-stone.orange{background:linear-gradient(135deg,#ff922b,#ffa94d)}.game-icon .mancala-stone{width:12px;height:12px;margin:1px}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh}.main-container{max-width:800px;margin:0 auto;min-height:100vh;background:#fff;box-shadow:0 0 20px #0000001a}.ad-area,.ad-placeholder{display:none}.header-gradient{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%,#f093fb 200%);box-shadow:0 4px 15px #0003;position:relative}.home-icon{transition:all .3s ease;opacity:.8}.home-icon:hover{opacity:1;transform:scale(1.1);color:#fff!important}.game-section{margin-bottom:1rem}.card{border:none;border-radius:15px;box-shadow:0 4px 15px #0000001a}.card-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:#fff;border-radius:15px 15px 0 0!important;border:none}.stat-item{padding:10px}.stat-number{font-size:2rem;font-weight:700;color:#667eea}.stat-label{font-size:.85rem;color:#6c757d}.ad-placeholder{background:#f8f9fa;border:2px dashed #dee2e6;padding:40px 20px;border-radius:10px}.game-card{cursor:pointer;transition:all .3s ease;border:2px solid #dee2e6}.game-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #00000026;border-color:#007bff}.game-card .game-icon{height:60px;display:flex;align-items:center;justify-content:center}.game-card .card-title{margin-top:1rem;color:#667eea;font-weight:600}.game-card .btn{transition:all .3s ease}.game-card .btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #007bff4d}.new-badge{position:absolute;top:-5px;left:-5px;background:linear-gradient(45deg,#ff6b6b,#ffd43b);color:#fff;font-size:.7rem;font-weight:700;padding:3px 8px;border-radius:10px;box-shadow:0 2px 8px #ff6b6b66;z-index:10;animation:newBadgePulse 2s infinite;transform:rotate(-15deg);border:1px solid #fff9;text-shadow:0 1px 2px #0000004d}@keyframes newBadgePulse{0%,100%{transform:rotate(-15deg) scale(1);box-shadow:0 2px 8px #ff6b6b66}50%{transform:rotate(-15deg) scale(1.1);box-shadow:0 4px 12px #ff6b6b99}}.win-effect{animation:pulse 1s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}100%{transform:scale(1)}}@media (max-width: 768px){.main-container{margin:0;border-radius:0;max-width:100%}.container{padding-left:10px;padding-right:10px}.stat-number{font-size:1.5rem}.card-body{padding:.75rem}.game-card .card-body{padding:.8rem .6rem}.game-card .game-icon{height:45px}.game-card .card-text{font-size:.85rem;line-height:1.25}.game-card .card-title{font-size:1.1rem}.stat-item{padding:6px 2px}.stat-number{font-size:1.1rem}.stat-label{font-size:.7rem}.modal-body{padding:.8rem .6rem}.difficulty-card .card-body{padding:.6rem}.difficulty-card .h5{font-size:1rem}.difficulty-card .small{font-size:.75rem}.header-gradient{padding:.8rem 0!important}.header-gradient .h2{font-size:1.3rem}.header-gradient .small{font-size:.8rem}.game-section{margin-bottom:.8rem}.card-body{padding:.8rem}.card-header{padding:.6rem .8rem}.btn{padding:.4rem .8rem;font-size:.9rem}.btn-lg{padding:.6rem 1rem;font-size:1rem}}