# 🎯 Quick Setup Checklist - Copy This!

## ✅ What's Done (By AI)

- ✅ Created `BoosterVisual.prefab` in `Assets/Prefabs/UI/DragAndDrop/`
- ✅ Created `BoosterPackPrefab.prefab` in `Assets/Prefabs/UI/Cards/`
- ✅ Created `FlippableCardPrefab.prefab` in `Assets/Prefabs/UI/Cards/`
- ✅ BoosterVisual has TiltParent, ShakeParent, PackImage structure
- ✅ All components are added

---

## 📝 What YOU Need To Do (Quick Version)

### **1. BoosterVisual.prefab** (2 minutes)
```
Open prefab → Select root
├─ Assign: TiltParent → to "Tilt Parent" field
├─ Assign: ShakeParent → to "Shake Parent" field
├─ Assign: TiltParent/PackImage → to "Pack Image" field
└─ Assign: YOUR SPRITE → to "Pack Sprite" field

Select TiltParent/PackImage
└─ Uncheck "Raycast Target" on Image component
```

### **2. BoosterPackPrefab.prefab** (1 minute)
```
Open prefab → Select root
├─ Set size: 200x300
├─ Check "Raycast Target" on Image component
├─ Assign: BoosterVisual.prefab → to "Visual Prefab" field
├─ Check: "Can Tap To Open"
└─ Set: "Max Taps To Open" = 3
```

### **3. FlippableCardPrefab.prefab** (1 minute)
```
Open prefab → Select root
├─ Set size: 200x300
└─ Assign: YOUR CARD BACK SPRITE → to Image sprite
```

### **4. BoosterOpeningPage.prefab** (10 minutes)
```
Open prefab → Add children manually:

CREATE THESE CHILDREN:
├─ CloseButton (UI > Button)
├─ BottomRightContainer (Empty + SlotContainer component)
│   ├─ Slot_0 (Empty + DraggableSlot)
│   ├─ Slot_1 (Empty + DraggableSlot)
│   └─ Slot_2 (Empty + DraggableSlot)
├─ CenterSlot (Empty + DraggableSlot)
│   └─ IMPORTANT: Apply Scale = ✓, Scale = (2,2,1)
├─ CardDisplayContainer (Empty)
└─ BoosterInstances (Empty)
    ├─ Drag BoosterPackPrefab → name "BoosterPack_0" → Uncheck Active
    ├─ Drag BoosterPackPrefab → name "BoosterPack_1" → Uncheck Active
    └─ Drag BoosterPackPrefab → name "BoosterPack_2" → Uncheck Active

WIRE UP ROOT COMPONENT:
Select BoosterOpeningPage root → Assign all references:
├─ Close Button → CloseButton
├─ Booster Pack Instances [0-2] → BoosterPack_0, 1, 2
├─ Bottom Right Slots → BottomRightContainer
├─ Center Opening Slot → CenterSlot
├─ Card Display Container → CardDisplayContainer
└─ Flippable Card Prefab → FlippableCardPrefab.prefab
```

---

## 🔍 Critical Settings

### **CenterSlot (Most Important!)**
```yaml
Apply Scale To Occupant: ✓ CHECK THIS!
Occupant Scale: (2, 2, 1)  # Makes booster 2x bigger
Filter By Type: ✓
Allowed Type Names: ["BoosterPackDraggable"]
```

### **BottomRightContainer SlotContainer**
```yaml
Layout Type: Vertical
Spacing: 120
Center Slots: ✓
Auto Register Children: ✓
```

### **Each Bottom Slot (Slot_0, 1, 2)**
```yaml
Filter By Type: ✓
Allowed Type Names: ["BoosterPackDraggable"]
Apply Scale To Occupant: ☐ UNCHECKED (normal size)
```

---

## ⚡ Super Quick Start

**Fastest path to testing:**

1. Open `BoosterVisual.prefab` → Assign 4 references → Save
2. Open `BoosterPackPrefab.prefab` → Assign BoosterVisual, check tap settings → Save
3. Open `FlippableCardPrefab.prefab` → Assign sprite → Save
4. Open `BoosterOpeningPage.prefab` → Build child structure (see above) → Wire references → Save
5. Test!

---

## 🎨 Sprite Assignments Needed

You need to assign these sprites:

1. **Booster Pack Sprite** → BoosterVisual/PackImage
2. **Card Back Sprite** → FlippableCardPrefab
3. **Optional: Background** → BoosterOpeningPage/Background

---

## 🐛 If Something Doesn't Work

**Can't drag booster:**
→ Check BoosterPackPrefab base Image has raycastTarget = ✓

**Booster doesn't scale in center:**
→ Check CenterSlot "Apply Scale To Occupant" = ✓

**Taps don't work:**
→ Check "Can Tap To Open" = ✓ on booster

**No boosters show:**
→ Check they're assigned in BoosterOpeningPage component
→ Check CardSystemManager has boosters available

---

## 📄 Full Details

See `SETUP_COMPLETE_Manual_Steps.md` for detailed step-by-step instructions!

---

**Estimated Time:** 15-20 minutes total 🕐