/* ==========================================================================
       TACTICAL HUD HOVER PREVIEW SYSTEM
       ========================================================================== */
    .preview-target {
        position: relative;
        cursor: pointer;
        display: inline;
        transition: color 0.15s ease;
    }
    .preview-target:hover {
        color: var(--cyan-v2);
        text-shadow: 0 0 8px rgba(0, 212, 235, 0.35);
    }
    .preview-cam-icon {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 14px;
        height: 14px;
        font-size: 9px;
        border-radius: 2px;
        background: rgba(30, 41, 59, 0.6);
        border: 1px solid rgba(148, 163, 184, 0.25);
        color: #94a3b8;
        margin-left: 5px;
        vertical-align: middle;
        transition: all 0.15s ease;
    }
    .preview-target:hover .preview-cam-icon {
        background: rgba(0, 212, 235, 0.2);
        border-color: var(--cyan-v2);
        color: var(--cyan-v2);
        box-shadow: 0 0 6px rgba(0, 212, 235, 0.4);
    }

    /* Floating HUD Card */
    #hudPreviewCard {
        position: fixed;
        z-index: 999999;
        pointer-events: none;
        display: none;
        opacity: 0;
        width: 340px;
        background: rgba(7, 10, 16, 0.96);
        border: 1px solid var(--card-glow, rgba(59, 130, 246, 0.5));
        border-radius: 6px;
        box-shadow: 0 24px 48px rgba(0, 0, 0, 0.95), 0 0 25px var(--card-glow, rgba(59, 130, 246, 0.25));
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        overflow: hidden;
        transform: scale(0.96) translateY(4px);
        transition: opacity 0.15s cubic-bezier(0.16, 1, 0.3, 1), transform 0.15s cubic-bezier(0.16, 1, 0.3, 1);
        font-family: 'Rajdhani', sans-serif;
    }
    #hudPreviewCard.visible {
        display: block;
        opacity: 1;
        transform: scale(1) translateY(0);
    }
    .hud-card-stage {
        position: relative;
        width: 100%;
        height: 180px;
        background: radial-gradient(circle at center, rgba(30, 41, 59, 0.35) 0%, rgba(2, 3, 6, 0.95) 85%);
        border-bottom: 1px solid rgba(26, 40, 64, 0.7);
        display: flex;
        align-items: center;
        justify-content: center;
        overflow: hidden;
        padding: 8px;
    }
    .hud-card-stage img {
        width: 100%;
        height: 100%;
        object-fit: contain;
        filter: drop-shadow(0 4px 14px rgba(0, 0, 0, 0.85));
        transition: opacity 0.2s ease;
    }
    .hud-corner-bracket {
        position: absolute;
        width: 8px;
        height: 8px;
        border-color: var(--card-glow, #00d4eb);
        pointer-events: none;
    }
    .hud-corner-bracket.top-left { top: 4px; left: 4px; border-top: 1.5px solid; border-left: 1.5px solid; }
    .hud-corner-bracket.top-right { top: 4px; right: 4px; border-top: 1.5px solid; border-right: 1.5px solid; }
    .hud-corner-bracket.bottom-left { bottom: 4px; left: 4px; border-bottom: 1.5px solid; border-left: 1.5px solid; }
    .hud-corner-bracket.bottom-right { bottom: 4px; right: 4px; border-bottom: 1.5px solid; border-right: 1.5px solid; }

    .hud-stage-scanline {
        position: absolute;
        inset: 0;
        pointer-events: none;
        background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.25) 50%), linear-gradient(90deg, rgba(255, 0, 0, 0.02), rgba(0, 255, 0, 0.01), rgba(0, 255, 0, 0.02));
        background-size: 100% 3px, 6px 100%;
        opacity: 0.2;
    }
    .hud-card-body {
        padding: 10px 14px;
        background: rgba(4, 6, 10, 0.85);
        display: flex;
        flex-direction: column;
        gap: 4px;
    }
    .hud-card-meta-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 10px;
        font-family: 'Orbitron', sans-serif;
        font-weight: 700;
    }
    .hud-card-title {
        font-family: 'Orbitron', sans-serif;
        font-size: 12px;
        font-weight: 700;
        color: #fff;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        letter-spacing: 0.5px;
    }
    .hud-card-pledge {
        font-size: 10px;
        color: #64748b;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        font-family: 'Share Tech Mono', monospace, sans-serif;
    }
    .hud-card-val-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-top: 6px;
        border-top: 1px solid rgba(26, 40, 64, 0.5);
        font-size: 11px;
        font-family: 'Share Tech Mono', monospace, sans-serif;
    }