.hcm-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:18px}.hcm-collectible-card{background:#111;color:#f7f7f7;border:1px solid #2d2d2d;border-radius:16px;overflow:hidden;box-shadow:0 10px 24px rgba(0,0,0,.25)}.hcm-collectible-card .hcm-card-art{aspect-ratio:3/4;background:linear-gradient(135deg,#0b0b0b,#1c1c1c);display:flex;align-items:center;justify-content:center}.hcm-collectible-card img{width:100%;height:100%;object-fit:cover}.hcm-collectible-card .hcm-card-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:42px;font-weight:900;color:#b40000}.hcm-card-body{padding:14px}.hcm-card-body strong{display:block;font-size:18px}.hcm-card-body span{display:block;color:#ff4b4b;text-transform:uppercase;font-size:12px;margin:4px 0 8px}.hcm-card-body p{margin:0;color:#ddd}.hcm-collectible-card.is-locked{filter:grayscale(1);opacity:.55}.hcm-collectible-card.rarity-exclusive,.hcm-collectible-card.rarity-legendary{border-color:#b40000;box-shadow:0 0 0 1px #b40000,0 10px 24px rgba(180,0,0,.25)}


/* HCM v1.1.2 - remove artificial rarity glow/haze from card frame */
.hcm-cc-builder-card,
.hcm-cc-builder-card.hcm-cc-builder-rarity-common,
.hcm-cc-builder-card.hcm-cc-builder-rarity-rare,
.hcm-cc-builder-card.hcm-cc-builder-rarity-epic,
.hcm-cc-builder-card.hcm-cc-builder-rarity-legendary,
.hcm-cc-builder-card.hcm-cc-builder-rarity-exclusive {
    box-shadow: 0 22px 48px rgba(0,0,0,.45) !important;
    filter: none !important;
}

.hcm-cc-builder-frame,
.hcm-cc-builder-card img.hcm-cc-builder-frame {
    filter: none !important;
    mix-blend-mode: normal !important;
    opacity: 1 !important;
}

.hcm-cc-builder-badge {
    background: rgba(0,0,0,.68) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
    box-shadow: none !important;
}

/* Keep rarity readable without tinting the whole card */
.hcm-cc-builder-rarity-rare .hcm-cc-builder-badge,
.hcm-cc-builder-rarity-epic .hcm-cc-builder-badge,
.hcm-cc-builder-rarity-legendary .hcm-cc-builder-badge,
.hcm-cc-builder-rarity-exclusive .hcm-cc-builder-badge {
    background: rgba(0,0,0,.72) !important;
}

/* HCM CC v1.2.0 front card rendering */
.hcm-cc-final-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:34px;margin:28px 0;align-items:start}
.hcm-cc-final-card{position:relative;width:min(100%,360px);aspect-ratio:1024/1451;margin:0 auto;background:#050505;border-radius:18px;overflow:hidden;box-shadow:0 22px 48px rgba(0,0,0,.45);isolation:isolate}
.hcm-cc-art-window{position:absolute;z-index:1;transform:translate(-50%,-50%);overflow:hidden;background:#050505}
.hcm-cc-art-window img{width:100%;height:100%;display:block}
.hcm-cc-art-window span{width:100%;height:100%;display:grid;place-items:center;color:#aaa;font-weight:900;letter-spacing:.12em;background:#111}
.hcm-cc-frame-img{position:absolute;inset:0;z-index:3;width:100%;height:100%;object-fit:contain;pointer-events:none;filter:none!important;mix-blend-mode:normal!important}
.hcm-cc-front-title,.hcm-cc-front-badge,.hcm-cc-front-state{position:absolute;z-index:6;transform:translate(-50%,-50%);font-weight:900;text-transform:uppercase;letter-spacing:.06em;text-shadow:0 2px 8px rgba(0,0,0,.9),0 0 12px rgba(0,0,0,.75);line-height:1.05;pointer-events:none}
.hcm-cc-front-title{width:74%;text-align:center}
.hcm-cc-front-title.align-left{text-align:left}.hcm-cc-front-title.align-right{text-align:right}
.hcm-cc-front-badge{padding:5px 10px;border-radius:999px;background:rgba(0,0,0,.68);border:1px solid rgba(255,255,255,.18)}
.hcm-cc-locked-overlay{position:absolute;inset:0;z-index:5;background:rgba(0,0,0,.42);display:grid;place-items:center;pointer-events:none}
.hcm-cc-locked-overlay span{color:#fff;font-size:clamp(20px,3vw,38px);font-weight:1000;letter-spacing:.22em;text-shadow:0 4px 16px rgba(0,0,0,.9);transform:rotate(-8deg);border:2px solid rgba(255,255,255,.34);padding:10px 20px;background:rgba(0,0,0,.48)}

/* HCM CC v1.3.0 simple full-card frontend */
.hcm-cc-simple-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:30px;margin:28px 0;align-items:start}
.hcm-cc-simple-card{position:relative;width:min(100%,360px);aspect-ratio:2.5/3.5;margin:0 auto;background:#050505;border-radius:18px;overflow:hidden;box-shadow:0 22px 48px rgba(0,0,0,.45)}
.hcm-cc-simple-card-img{width:100%;height:100%;object-fit:cover;display:block}
.hcm-cc-simple-no-img{width:100%;height:100%;display:grid;place-items:center;background:#111;color:#fff;font-weight:900;letter-spacing:.12em}
.hcm-cc-simple-lock{position:absolute;inset:0;background:rgba(0,0,0,.55);display:grid;place-items:center}
.hcm-cc-simple-lock span{color:#fff;font-size:clamp(20px,3vw,38px);font-weight:1000;letter-spacing:.22em;text-shadow:0 4px 16px rgba(0,0,0,.9);transform:rotate(-8deg);border:2px solid rgba(255,255,255,.34);padding:10px 20px;background:rgba(0,0,0,.48)}

/* HCM CC v1.3.4 unlock notice */
#hcm-cc-unlock-stack{
    position:fixed;
    right:18px;
    bottom:18px;
    z-index:999999;
    display:flex;
    flex-direction:column;
    gap:12px;
    width:min(360px, calc(100vw - 36px));
}
.hcm-cc-unlock-toast{
    position:relative;
    transform:translateY(16px);
    opacity:0;
    border-radius:16px;
    overflow:hidden;
    background:linear-gradient(180deg,#171717,#060606);
    border:1px solid rgba(255,255,255,.14);
    box-shadow:0 18px 42px rgba(0,0,0,.45), 0 0 22px rgba(176,22,22,.22);
    color:#fff;
    padding:14px;
    transition:opacity .25s ease, transform .25s ease;
}
.hcm-cc-unlock-toast.is-visible{opacity:1;transform:translateY(0)}
.hcm-cc-unlock-toast.is-hiding{opacity:0;transform:translateY(12px)}
.hcm-cc-toast-kicker{
    font-size:11px;
    letter-spacing:.18em;
    font-weight:1000;
    color:#ff3434;
    margin-bottom:8px;
}
.hcm-cc-toast-body{
    display:flex;
    align-items:center;
    gap:12px;
}
.hcm-cc-toast-body img,
.hcm-cc-toast-noimg{
    width:64px;
    aspect-ratio:2.5/3.5;
    border-radius:8px;
    object-fit:cover;
    background:#111;
    border:1px solid rgba(255,255,255,.18);
    display:grid;
    place-items:center;
    color:#fff;
    font-weight:900;
    flex:0 0 auto;
}
.hcm-cc-toast-body strong{
    display:block;
    font-size:16px;
    line-height:1.1;
    text-transform:uppercase;
    color:#fff;
}
.hcm-cc-toast-body span{
    display:inline-block;
    margin-top:5px;
    padding:3px 8px;
    border-radius:999px;
    background:rgba(255,255,255,.08);
    color:#ddd;
    font-size:11px;
    text-transform:uppercase;
    font-weight:800;
}
.hcm-cc-toast-close{
    position:absolute;
    top:8px;
    right:8px;
    width:24px;
    height:24px;
    border-radius:999px;
    border:0;
    background:rgba(255,255,255,.08);
    color:#fff;
    cursor:pointer;
    font-size:18px;
    line-height:20px;
}
.hcm-cc-toast-close:hover{background:#b01616}
@media(max-width:600px){
    #hcm-cc-unlock-stack{right:12px;bottom:12px;width:calc(100vw - 24px)}
}

/* HCM CC v1.3.8 clickable card detail */
.hcm-cc-simple-card-link{
    display:block;
    text-decoration:none;
    color:inherit;
}
.hcm-cc-simple-card-link:hover .hcm-cc-simple-card{
    transform:translateY(-4px);
    box-shadow:0 26px 54px rgba(0,0,0,.55), 0 0 22px rgba(176,22,22,.18);
}
.hcm-cc-simple-card{
    transition:transform .18s ease, box-shadow .18s ease;
}
.hcm-cc-card-link-label{
    display:block;
    text-align:center;
    margin-top:8px;
    color:#ddd;
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.06em;
}
.hcm-cc-simple-card-link:hover .hcm-cc-card-link-label{
    color:#fff;
}
.hcm-cc-detail-page{
    margin:28px 0;
}
.hcm-cc-back-link{
    display:inline-block;
    color:#fff;
    background:#111;
    border:1px solid rgba(255,255,255,.16);
    padding:8px 12px;
    border-radius:999px;
    text-decoration:none;
    font-weight:800;
}
.hcm-cc-detail-layout{
    display:grid;
    grid-template-columns:minmax(260px,440px) 1fr;
    gap:34px;
    align-items:start;
    margin-top:18px;
}
.hcm-cc-detail-image-wrap{
    position:relative;
    width:min(100%,440px);
    aspect-ratio:2.5/3.5;
    background:#050505;
    border-radius:20px;
    overflow:hidden;
    box-shadow:0 24px 58px rgba(0,0,0,.55);
}
.hcm-cc-detail-image{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}
.hcm-cc-detail-no-image{
    width:100%;
    height:100%;
    display:grid;
    place-items:center;
    color:#fff;
    background:#111;
    font-weight:900;
}
.hcm-cc-detail-lock{
    position:absolute;
    inset:0;
    display:grid;
    place-items:center;
    background:rgba(0,0,0,.55);
}
.hcm-cc-detail-lock span{
    color:#fff;
    font-size:clamp(24px,4vw,52px);
    font-weight:1000;
    letter-spacing:.22em;
    transform:rotate(-8deg);
    border:2px solid rgba(255,255,255,.35);
    padding:12px 24px;
    background:rgba(0,0,0,.5);
}
.hcm-cc-detail-info{
    background:linear-gradient(180deg,#151515,#070707);
    border:1px solid rgba(255,255,255,.12);
    border-radius:20px;
    padding:24px;
    color:#fff;
    box-shadow:0 18px 42px rgba(0,0,0,.35);
}
.hcm-cc-detail-kicker{
    color:#ff3434;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.18em;
    font-weight:1000;
}
.hcm-cc-detail-info h2{
    color:#fff;
    margin:8px 0 6px;
    font-size:clamp(26px,4vw,44px);
    line-height:1;
    text-transform:uppercase;
}
.hcm-cc-detail-rarity{
    display:inline-block;
    padding:5px 10px;
    border-radius:999px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.12);
    font-weight:900;
    letter-spacing:.08em;
}
.hcm-cc-detail-description{
    margin:16px 0;
    color:#ddd;
}
.hcm-cc-detail-info h3{
    color:#fff;
    margin:22px 0 10px;
}
.hcm-cc-detail-rules{
    margin:0;
    padding-left:18px;
}
.hcm-cc-detail-rules li{
    margin:0 0 10px;
    color:#ddd;
}
.hcm-cc-detail-rules strong{
    color:#fff;
}
.hcm-cc-detail-status{
    display:inline-block;
    padding:8px 12px;
    border-radius:999px;
    font-weight:900;
}
.hcm-cc-detail-status.is-unlocked{
    background:rgba(45,180,85,.16);
    color:#a9ffbf;
    border:1px solid rgba(45,180,85,.28);
}
.hcm-cc-detail-status.is-locked{
    background:rgba(176,22,22,.16);
    color:#ffb0b0;
    border:1px solid rgba(176,22,22,.28);
}
@media(max-width:800px){
    .hcm-cc-detail-layout{
        grid-template-columns:1fr;
    }
    .hcm-cc-detail-image-wrap{
        margin:0 auto;
    }
}


/* HCM CC v1.4.4 mobile front-end visibility fix */
.hcm-cc-simple-grid,
.hcm-cc-final-grid {
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overflow: visible;
}

.hcm-cc-simple-card-link {
    display: block;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
}

.hcm-cc-simple-card {
    display: block;
    visibility: visible;
    opacity: 1;
    max-width: 100%;
    box-sizing: border-box;
}

.hcm-cc-simple-card-img {
    display: block;
    visibility: visible;
    opacity: 1;
    max-width: 100%;
}

@media (max-width: 768px) {
    .hcm-cc-simple-grid,
    .hcm-cc-final-grid {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 24px !important;
        margin: 20px auto !important;
        padding: 0 12px !important;
        width: 100% !important;
        max-width: 100% !important;
        overflow: visible !important;
    }

    .hcm-cc-simple-card-link {
        width: min(100%, 360px) !important;
        max-width: 360px !important;
        margin: 0 auto !important;
    }

    .hcm-cc-simple-card {
        width: 100% !important;
        max-width: 360px !important;
        min-height: 1px !important;
        aspect-ratio: 2.5 / 3.5 !important;
        margin: 0 auto !important;
        transform: none;
    }

    .hcm-cc-simple-card-img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
    }

    .hcm-cc-card-link-label {
        display: block !important;
        color: #fff !important;
    }

    .hcm-cc-detail-layout {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 22px !important;
    }

    .hcm-cc-detail-image-wrap {
        width: min(100%, 380px) !important;
        margin: 0 auto !important;
    }

    .hcm-cc-detail-info {
        width: 100% !important;
        box-sizing: border-box !important;
    }
}

@media (max-width: 420px) {
    .hcm-cc-simple-grid,
    .hcm-cc-final-grid {
        padding: 0 8px !important;
    }

    .hcm-cc-simple-card-link {
        width: min(100%, 320px) !important;
        max-width: 320px !important;
    }

    .hcm-cc-simple-card {
        max-width: 320px !important;
    }
}

/* HCM CC v1.4.5 WooCommerce account tab */
.hcm-cc-account-wrap{
    width:100%;
    max-width:100%;
}
.hcm-cc-account-wrap h2{
    color:#fff;
    margin:0 0 8px;
    text-transform:uppercase;
    letter-spacing:.04em;
}
.hcm-cc-account-intro{
    color:#ddd;
    margin-bottom:20px;
}
.woocommerce-MyAccount-content .hcm-cc-simple-grid{
    margin-top:18px;
}
@media(max-width:768px){
    .woocommerce-MyAccount-content .hcm-cc-account-wrap{
        padding:0;
    }
}

/* HCM CC v1.4.6 embedded WooCommerce account section */
.hcm-cc-account-wrap,
.hcm-cc-account-embedded{
    width:100%;
    max-width:100%;
}

.hcm-cc-account-panel{
    display:grid;
    grid-template-columns:1fr auto;
    gap:22px;
    align-items:center;
    margin:0 0 26px;
    padding:24px;
    border-radius:22px;
    background:
        radial-gradient(circle at top left, rgba(176,22,22,.28), transparent 34%),
        linear-gradient(180deg,#171717,#070707);
    border:1px solid rgba(255,255,255,.12);
    color:#fff;
    box-shadow:0 18px 42px rgba(0,0,0,.32);
}

.hcm-cc-account-panel.is-compact{
    margin:22px 0;
}

.hcm-cc-account-kicker{
    color:#ff3434;
    font-size:12px;
    text-transform:uppercase;
    letter-spacing:.18em;
    font-weight:1000;
    margin-bottom:7px;
}

.hcm-cc-account-panel h2{
    margin:0 0 8px;
    color:#fff;
    text-transform:uppercase;
    letter-spacing:.035em;
    font-size:clamp(24px,3vw,38px);
    line-height:1;
}

.hcm-cc-account-panel p{
    margin:0;
    color:#ddd;
}

.hcm-cc-account-progress{
    margin-top:16px;
    height:10px;
    border-radius:999px;
    background:rgba(255,255,255,.08);
    overflow:hidden;
    border:1px solid rgba(255,255,255,.08);
}

.hcm-cc-account-progress span{
    display:block;
    height:100%;
    background:linear-gradient(90deg,#b01616,#ff3434);
    border-radius:999px;
}

.hcm-cc-account-stats{
    display:grid;
    grid-template-columns:repeat(3, minmax(74px,1fr));
    gap:10px;
    min-width:250px;
}

.hcm-cc-account-stats div{
    padding:13px 12px;
    border-radius:16px;
    background:rgba(255,255,255,.075);
    border:1px solid rgba(255,255,255,.11);
    text-align:center;
}

.hcm-cc-account-stats strong{
    display:block;
    color:#fff;
    font-size:26px;
    line-height:1;
    font-weight:1000;
}

.hcm-cc-account-stats span{
    display:block;
    margin-top:5px;
    color:#ccc;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.08em;
    font-weight:900;
}

.hcm-cc-account-button{
    margin-top:14px !important;
    background:#b01616 !important;
    color:#fff !important;
    border:0 !important;
    border-radius:999px !important;
    font-weight:900 !important;
    text-transform:uppercase;
    letter-spacing:.04em;
}

.hcm-cc-account-collection{
    margin-top:8px;
}

.woocommerce-MyAccount-content .hcm-cc-account-wrap .hcm-cc-simple-grid{
    margin-top:18px;
}

@media(max-width:900px){
    .hcm-cc-account-panel{
        grid-template-columns:1fr;
    }
    .hcm-cc-account-stats{
        min-width:0;
        width:100%;
    }
}

@media(max-width:520px){
    .hcm-cc-account-panel{
        padding:18px;
        border-radius:18px;
    }
    .hcm-cc-account-stats{
        grid-template-columns:1fr;
    }
}

/* HCM CC v1.5.5 account rarity sections */
.hcm-cc-rarity-sections{
    display:flex;
    flex-direction:column;
    gap:28px;
    margin-top:22px;
}

.hcm-cc-rarity-section{
    border-radius:22px;
    padding:20px;
    background:
        radial-gradient(circle at top left, rgba(176,22,22,.14), transparent 30%),
        linear-gradient(180deg,#141414,#070707);
    border:1px solid rgba(255,255,255,.12);
    box-shadow:0 18px 42px rgba(0,0,0,.28);
}

.hcm-cc-rarity-section.rarity-common{
    border-color:rgba(255,255,255,.12);
}

.hcm-cc-rarity-section.rarity-rare{
    border-color:rgba(80,145,255,.32);
    box-shadow:0 18px 42px rgba(0,0,0,.28), 0 0 24px rgba(80,145,255,.12);
}

.hcm-cc-rarity-section.rarity-epic{
    border-color:rgba(170,80,255,.32);
    box-shadow:0 18px 42px rgba(0,0,0,.28), 0 0 24px rgba(170,80,255,.12);
}

.hcm-cc-rarity-section.rarity-legendary{
    border-color:rgba(255,170,45,.38);
    box-shadow:0 18px 42px rgba(0,0,0,.28), 0 0 24px rgba(255,170,45,.14);
}

.hcm-cc-rarity-section.rarity-exclusive{
    border-color:rgba(255,45,45,.42);
    box-shadow:0 18px 42px rgba(0,0,0,.28), 0 0 28px rgba(255,45,45,.18);
}

.hcm-cc-rarity-head{
    display:flex;
    justify-content:space-between;
    gap:16px;
    align-items:flex-end;
    margin-bottom:18px;
    padding-bottom:14px;
    border-bottom:1px solid rgba(255,255,255,.10);
}

.hcm-cc-rarity-kicker{
    display:block;
    color:#ff3434;
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:.18em;
    font-weight:1000;
    margin-bottom:5px;
}

.hcm-cc-rarity-head h3{
    margin:0;
    color:#fff;
    font-size:clamp(22px,3vw,34px);
    text-transform:uppercase;
    letter-spacing:.05em;
    line-height:1;
}

.hcm-cc-rarity-count{
    display:flex;
    align-items:baseline;
    gap:5px;
    padding:8px 12px;
    border-radius:999px;
    background:rgba(255,255,255,.08);
    border:1px solid rgba(255,255,255,.10);
    color:#ddd;
    white-space:nowrap;
}

.hcm-cc-rarity-count strong{
    color:#fff;
    font-size:22px;
    line-height:1;
    font-weight:1000;
}

.hcm-cc-rarity-count span{
    font-size:12px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.05em;
}

.hcm-cc-rarity-grid{
    margin-top:0 !important;
}

.hcm-cc-empty-state{
    padding:22px;
    border-radius:18px;
    background:#111;
    border:1px solid rgba(255,255,255,.12);
    color:#ddd;
    text-align:center;
    font-weight:800;
}

@media(max-width:700px){
    .hcm-cc-rarity-section{
        padding:16px;
    }

    .hcm-cc-rarity-head{
        align-items:flex-start;
        flex-direction:column;
    }

    .hcm-cc-rarity-count{
        width:100%;
        justify-content:center;
    }
}

/* HCM CC v1.5.7 ultra safe account renderer */
.hcm-cc-account-safe-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
    gap:18px;
}

.hcm-cc-account-safe-card{
    display:block;
    text-decoration:none;
    color:#fff;
}

.hcm-cc-account-safe-card-image{
    position:relative;
    width:100%;
    aspect-ratio:2.5/3.5;
    border-radius:14px;
    overflow:hidden;
    background:#101010;
    border:1px solid rgba(255,255,255,.14);
    box-shadow:0 12px 30px rgba(0,0,0,.35);
}

.hcm-cc-account-safe-card-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.hcm-cc-account-safe-card-image span{
    width:100%;
    height:100%;
    display:grid;
    place-items:center;
    font-weight:1000;
    color:#fff;
}

.hcm-cc-account-safe-card-image b{
    position:absolute;
    inset:0;
    display:grid;
    place-items:center;
    background:rgba(0,0,0,.62);
    color:#fff;
    font-size:15px;
    letter-spacing:.15em;
}

.hcm-cc-account-safe-card-title{
    margin-top:8px;
    color:#fff;
    font-weight:900;
    text-align:center;
    font-size:13px;
    text-transform:uppercase;
    line-height:1.15;
}

.hcm-cc-account-safe-card.is-locked{
    opacity:.68;
}

.hcm-cc-account-safe-card:hover .hcm-cc-account-safe-card-image{
    transform:translateY(-3px);
    box-shadow:0 18px 38px rgba(0,0,0,.45),0 0 20px rgba(176,22,22,.18);
}

@media(max-width:600px){
    .hcm-cc-account-safe-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap:14px;
    }
}

/* HCM CC v1.5.8 dead-safe account renderer */
.hcm-cc-dead-safe-renderer{margin-top:22px}
.hcm-cc-account-safe-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
    gap:18px;
}
.hcm-cc-account-safe-card{display:block;text-decoration:none;color:#fff}
.hcm-cc-account-safe-card-image{
    position:relative;
    width:100%;
    aspect-ratio:2.5/3.5;
    border-radius:14px;
    overflow:hidden;
    background:#101010;
    border:1px solid rgba(255,255,255,.14);
    box-shadow:0 12px 30px rgba(0,0,0,.35);
}
.hcm-cc-account-safe-card-image img{width:100%;height:100%;object-fit:cover;display:block}
.hcm-cc-account-safe-card-image span{width:100%;height:100%;display:grid;place-items:center;font-weight:1000;color:#fff}
.hcm-cc-account-safe-card-image b{
    position:absolute;
    inset:0;
    display:grid;
    place-items:center;
    background:rgba(0,0,0,.62);
    color:#fff;
    font-size:15px;
    letter-spacing:.15em;
}
.hcm-cc-account-safe-card-title{
    margin-top:8px;
    color:#fff;
    font-weight:900;
    text-align:center;
    font-size:13px;
    text-transform:uppercase;
    line-height:1.15;
}
.hcm-cc-account-safe-card.is-locked{opacity:.68}
@media(max-width:600px){
    .hcm-cc-account-safe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
}

/* HCM CC v1.6.0 clickable unlock popup */
.hcm-cc-unlock-toast{
    cursor:pointer;
}
.hcm-cc-unlock-toast:focus{
    outline:2px solid #ff3434;
    outline-offset:3px;
}
.hcm-cc-unlock-toast .hcm-cc-toast-close{
    cursor:pointer;
}

/* HCM CC v1.6.2 progress status */
.hcm-cc-progress-status{
    margin-top:8px;
    padding:8px 9px;
    border-radius:10px;
    background:rgba(0,0,0,.42);
    border:1px solid rgba(255,255,255,.10);
    color:#fff;
    text-align:center;
}

.hcm-cc-progress-status.is-compact{
    font-size:11px;
}

.hcm-cc-progress-line{
    display:flex;
    align-items:center;
    justify-content:center;
    gap:7px;
    flex-wrap:wrap;
    line-height:1.1;
}

.hcm-cc-progress-blocks{
    color:#ff3434;
    letter-spacing:.04em;
    font-family:monospace;
    font-weight:900;
    white-space:nowrap;
}

.hcm-cc-progress-line strong{
    color:#fff;
    font-weight:1000;
    font-size:12px;
}

.hcm-cc-progress-label{
    margin-top:4px;
    color:#ddd;
    font-size:11px;
    font-weight:800;
    text-transform:uppercase;
    letter-spacing:.04em;
}

.hcm-cc-detail-progress{
    margin-top:18px;
    padding:18px;
    border-radius:16px;
    background:#111;
    border:1px solid rgba(255,255,255,.12);
}

.hcm-cc-detail-progress h3{
    margin:0 0 10px;
    color:#fff;
    text-transform:uppercase;
}

/* HCM CC v1.6.3 forced account progress */
.hcm-cc-account-safe-card .hcm-cc-progress-status,
.hcm-cc-dead-safe-renderer .hcm-cc-progress-status,
.hcm-cc-account-safe-grid .hcm-cc-progress-status{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    margin-top:8px !important;
    padding:8px 7px !important;
    border-radius:10px !important;
    background:rgba(0,0,0,.78) !important;
    border:1px solid rgba(255,255,255,.18) !important;
    color:#fff !important;
    text-align:center !important;
}

.hcm-cc-account-safe-card .hcm-cc-progress-blocks{
    color:#ff3434 !important;
    font-family:monospace !important;
    font-weight:900 !important;
    letter-spacing:.02em !important;
    white-space:nowrap !important;
}

.hcm-cc-account-safe-card .hcm-cc-progress-line{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:6px !important;
    flex-wrap:wrap !important;
}

.hcm-cc-account-safe-card .hcm-cc-progress-line strong{
    color:#fff !important;
    font-size:12px !important;
    font-weight:1000 !important;
}

.hcm-cc-account-safe-card .hcm-cc-progress-label{
    margin-top:4px !important;
    color:#ddd !important;
    font-size:10px !important;
    font-weight:900 !important;
    text-transform:uppercase !important;
}

/* HCM CC v1.6.4 account progress renderer */
.hcm-cc-account-progress-renderer .hcm-cc-progress-status{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    margin:9px auto 0 !important;
    padding:8px 7px !important;
    border-radius:10px !important;
    background:#050505 !important;
    border:1px solid rgba(255,52,52,.38) !important;
    color:#fff !important;
    text-align:center !important;
    width:100% !important;
    box-sizing:border-box !important;
}

.hcm-cc-account-progress-renderer .hcm-cc-progress-line{
    display:flex !important;
    justify-content:center !important;
    align-items:center !important;
    gap:7px !important;
    flex-wrap:wrap !important;
    line-height:1.1 !important;
}

.hcm-cc-account-progress-renderer .hcm-cc-progress-blocks{
    color:#ff3434 !important;
    font-family:monospace !important;
    font-size:12px !important;
    font-weight:1000 !important;
    letter-spacing:.01em !important;
    white-space:nowrap !important;
}

.hcm-cc-account-progress-renderer .hcm-cc-progress-line strong{
    color:#fff !important;
    font-size:12px !important;
    font-weight:1000 !important;
}

.hcm-cc-account-progress-renderer .hcm-cc-progress-label{
    margin-top:4px !important;
    color:#ddd !important;
    font-size:10px !important;
    font-weight:900 !important;
    text-transform:uppercase !important;
    letter-spacing:.04em !important;
}

.hcm-cc-account-progress-renderer .hcm-cc-progress-missing{
    border-color:rgba(255,255,255,.12) !important;
    opacity:.75 !important;
}

/* HCM Collectible Cards v1.8.1 - public unlock hints */
.hcm-cc-unlock-hint{
    display:block;
    margin:8px 0 6px;
    padding:8px 10px;
    border:1px solid rgba(255,255,255,.13);
    border-radius:10px;
    background:rgba(0,0,0,.42);
    color:#f4f4f4;
    font-size:12px;
    line-height:1.35;
    text-align:left;
}
.hcm-cc-unlock-hint strong{
    display:block;
    margin-bottom:3px;
    color:#ffffff;
    font-size:10px;
    font-weight:900;
    text-transform:uppercase;
    letter-spacing:.08em;
}
.hcm-cc-unlock-hint span{
    display:block;
    color:#d8d8d8;
}
.hcm-cc-unlock-hint-grid{
    max-width:260px;
    margin-left:auto;
    margin-right:auto;
}
.hcm-cc-account-safe-card .hcm-cc-unlock-hint{
    width:calc(100% - 20px);
    margin:8px auto 6px;
    box-sizing:border-box;
}
.hcm-cc-detail-rules,
.hcm-cc-detail-rules li{
    color:#e6e6e6;
}
@media(max-width:600px){
    .hcm-cc-unlock-hint{font-size:11px;padding:7px 8px;}
}

/* v1.8.4 - admin edit buttons for logged-in admins */
.hcm-cc-admin-edit-card{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:6px;
    margin-top:8px;
    padding:7px 10px;
    border:1px solid rgba(255,255,255,.22);
    border-radius:8px;
    background:rgba(0,0,0,.72);
    color:#fff!important;
    font-size:12px;
    font-weight:800;
    line-height:1;
    letter-spacing:.04em;
    text-transform:uppercase;
    text-decoration:none!important;
    box-shadow:0 6px 18px rgba(0,0,0,.35);
}
.hcm-cc-admin-edit-card:hover,
.hcm-cc-admin-edit-card:focus{
    background:#f2d200;
    color:#111!important;
    border-color:#f2d200;
}
.hcm-cc-detail-topline{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    flex-wrap:wrap;
}
.hcm-cc-admin-edit-card-detail{
    margin-top:0;
}
.hcm-cc-admin-edit-card-grid,
.hcm-cc-admin-edit-card-account{
    position:relative;
    z-index:5;
}