
        
        .zv-tilt-wrap { perspective: 1200px; transform-style: preserve-3d; width: 100%; display: flex; justify-content: center; }
        .zv-tilt-card { width: 100%; max-width: 480px; aspect-ratio: 4/5; background: linear-gradient(135deg, rgba(236,72,153,0.1), rgba(6,182,212,0.1)); border-radius: 30px; border: 2px solid rgba(255,255,255,0.05); box-shadow: 0 30px 60px rgba(0,0,0,0.6), inset 0 0 30px rgba(236,72,153,0.1); position: relative; transform-style: preserve-3d; transition: transform 0.1s; display: flex; align-items: center; justify-content: center; backdrop-filter: blur(15px); }
        .zv-tilt-layer { position: absolute; transform: translateZ(0px); transition: transform 0.1s; }
        .zv-main-img { width: 85%; height: 65%; object-fit: cover; border-radius: 20px; box-shadow: 0 25px 50px rgba(0,0,0,0.5); border: 2px solid rgba(255,255,255,0.1); }
        .zv-badge-tl { top: 20px; left: 20px; background: rgba(26,19,36,0.9); padding: 8px 16px; border-radius: 12px; font-size: 0.8rem; font-weight: 800; color: #06b6d4; border: 1px solid #06b6d4; letter-spacing: 1px; box-shadow: 0 0 15px rgba(6,182,212,0.3); }
        .zv-badge-tr { top: -20px; right: -20px; width: 90px; height: 90px; background: #ec4899; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.8rem; font-weight: 900; color: #fff; box-shadow: 0 10px 30px rgba(236,72,153,0.5); border: 4px solid #0d0912; }
        .zv-badge-bottom { bottom: -30px; left: 5%; width: 90%; background: #1a1324; padding: 2rem; border-radius: 24px; border: 1px solid rgba(255,255,255,0.1); box-shadow: 0 25px 50px rgba(0,0,0,0.8); }
        .zv-bb-title { font-size: 0.8rem; color: #ec4899; font-weight: 800; margin-bottom: 1rem; letter-spacing: 1.5px; }
        .zv-badge-bottom ul { list-style: none; margin: 0; padding: 0; }
        .zv-badge-bottom li { margin-bottom: 0.6rem; font-weight: 700; color: #fff; font-size: 1rem; }
        .zv-bb-float { position: absolute; right: -20px; bottom: -20px; background: #fff; color: #0d0912; padding: 1.2rem; border-radius: 16px; font-size: 0.8rem; font-weight: 900; box-shadow: 0 15px 30px rgba(0,0,0,0.4); }
        .zv-bb-float strong { display: block; font-size: 1.8rem; color: #ec4899; }

        
        .zv-roster { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 2.5rem; }
        .zv-deck-item { background: #1a1324; border-radius: 24px; overflow: hidden; border: 2px solid transparent; transition: all 0.4s; position: relative; box-shadow: 0 10px 20px rgba(0,0,0,0.3); }
        .zv-deck-item:hover { transform: translateY(-10px); border-color: #ec4899; box-shadow: 0 20px 40px rgba(236, 72, 153, 0.2); }
        .zv-deck-item img { width: 100%; height: 240px; object-fit: cover; transition: transform 0.6s; }
        .zv-deck-item:hover img { transform: scale(1.08); filter: brightness(1.1); }
        .zv-deck-data { padding: 2rem; display: flex; flex-direction: column; position: relative; z-index: 2; background: linear-gradient(0deg, #1a1324 80%, transparent); margin-top: -40px; }
        .zv-deck-item h3 { font-size: 1.8rem; font-weight: 700; margin-bottom: 0.5rem; }
        .zv-deck-item p { color: #94a3b8; font-weight: 600; margin-bottom: 1.5rem; font-size: 1rem; }

        .zv-score-panel { background: linear-gradient(135deg, #ec4899, #db2777); padding: 3rem 2rem; border-radius: 30px; text-align: center; margin-bottom: 2rem; box-shadow: 0 20px 40px rgba(236, 72, 153, 0.3); color: #fff; }
        .zv-score-panel h4 { font-size: 1.2rem; text-transform: uppercase; letter-spacing: 2px; font-weight: 700; margin-bottom: 1rem; opacity: 0.9; }
        .zv-score { font-size: 5rem; font-weight: 900; line-height: 1; }
        .zv-info-panel { background: #1a1324; padding: 2.5rem; border-radius: 24px; text-align: center; border: 1px solid #322545; }

        .zv-board-card { background: rgba(30, 20, 36, 0.8); border: 1px solid rgba(236, 72, 153, 0.2); padding: 3rem; border-radius: 20px; box-shadow: 0 10px 30px rgba(0,0,0,0.5); transition: transform 0.3s; position: relative; overflow: hidden; backdrop-filter: blur(10px); }
        .zv-board-card::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 4px; background: linear-gradient(90deg, #ec4899, #8b5cf6); }
        .zv-board-card:hover { transform: translateY(-5px); border-color: rgba(236, 72, 153, 0.5); box-shadow: 0 20px 40px rgba(236, 72, 153, 0.15); }
        .zv-board-card h2 { font-size: 1.8rem; font-weight: 800; color: #fff; margin-bottom: 1.5rem; text-transform: uppercase; }
        .zv-bc-body p { color: #cbd5e1; font-size: 1.1rem; line-height: 1.8; margin-bottom: 1rem; }
        .zv-bc-body ul { margin-left: 1.5rem; color: #cbd5e1; margin-bottom: 1rem; }
        