body{background:#0b0b12;}
.blox-container{display:flex;gap:30px;justify-content:center;margin:30px 0;color:#fff}
.trade-box{background:#12121a;padding:25px;width:45%;border-radius:18px;box-shadow:0 0 25px rgba(138,43,226,0.3);text-align:center}
.slots{min-height:120px;border:2px dashed #444;border-radius:12px;padding:15px;display:flex;flex-wrap:wrap;gap:10px;justify-content:center}
.slot-item{position:relative}
.slot-item img{width:70px}
.remove-btn{position:absolute;top:-6px;right:-6px;background:#ff0044;color:#fff;border-radius:50%;width:20px;height:20px;font-size:14px;font-weight:bold;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 0 10px #ff0044}
.add-btn{margin-top:15px;padding:12px 20px;border:none;border-radius:12px;background:linear-gradient(45deg,#7b2ff7,#f107a3);color:#fff;cursor:pointer;font-weight:bold;box-shadow:0 0 20px rgba(123,47,247,0.6)}
.result-wrapper{display:flex;justify-content:center;margin-top:20px}
.result-box{background:#12121a;padding:15px 40px;border-radius:14px;color:#fff;font-size:20px;box-shadow:0 0 25px #8b3dff;transition:0.3s}
.modal{display:none;position:fixed;inset:0;background:rgba(0,0,0,0.7);justify-content:center;align-items:center}
.modal-content{background:#1b1b25;padding:20px;width:80%;max-height:80%;overflow:auto;border-radius:16px;color:#fff}
.search{width:100%;padding:10px;margin-bottom:15px;background:#222;color:#fff;border:none;border-radius:8px}
.fruit-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:15px}
.fruit-card{background:#151520;padding:10px;border-radius:10px;text-align:center;cursor:pointer;transition:.3s;color:#fff}
.fruit-card:hover{transform:scale(1.05);box-shadow:0 0 15px #8b3dff}
.fruit-card img{width:70px}
.fruit-card small{display:block;margin-top:5px;color:#ccc}