.hp-scope.cross-card .cross-content h3{font-size:1rem;font-weight:600;margin:0 0 .4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cross-card{position:relative;background:var(--card-light);border:1px solid var(--border-light);border-radius:1.25rem;overflow:hidden;transition:box-shadow .3s,transform .3s}
.cross-card:hover{box-shadow:0 20px 50px #327ceb2e;transform:translateY(-3px)}
.cross-image{position:relative;overflow:hidden;display:block}
.cross-image img{width:100%;height:200px;object-fit:cover;display:block;transition:transform .5s}
.cross-card:hover .cross-image img{transform:scale(1.05)}
.cc-grid{position:absolute;top:.75rem;left:.75rem;background:#00000085;backdrop-filter:blur(4px);color:#fff;font-size:.72rem;font-weight:600;padding:.22rem .65rem;border-radius:2rem;letter-spacing:.03em}
.cc-diff{position:absolute;top:.75rem;right:.75rem;font-size:.72rem;font-weight:600;padding:.28rem .75rem;border-radius:2rem;color:#fff}
.c-e{background:#10b981e6}
.c-m{background:#f59e0be6}
.c-h{background:#dc2626e6}
.cc-tags { display: flex; flex-wrap: wrap; gap: .35rem; margin-bottom: .5rem; }
.cc-tags--img { position: absolute; bottom: .75rem; left: .75rem; z-index: 3; margin: 0; }
.cc-tags--img a {display: inline-flex;align-items: center;font-size: .75rem;font-weight: 600;padding: .28rem .85rem;border-radius: 2rem;border: 1px solid;text-decoration: none;white-space: nowrap;transition: all .2s;background: rgba(255,255,255,.92) !important;backdrop-filter: blur(6px);border-color: rgba(255,255,255,.4) !important;box-shadow: 0 2px 8px rgba(0,0,0,.18);font-weight: 600;color: inherit;}
.cross-card-tag{display:inline-flex;align-items:center;font-size:.75rem;font-weight:600;padding:.28rem .85rem;border-radius:2rem;border:1px solid #fff6;text-decoration:none;white-space:nowrap;background:#ffffffeb;backdrop-filter:blur(6px);box-shadow:0 2px 8px #0000002e;color:inherit;transition:all .2s}
.cross-card-tag:hover{transform:translateY(-1px)}
.cross-content{padding:1rem 1.25rem 1.25rem;display:flex;flex-direction:column;gap:0}
.cross-content h3{font-size:1rem;font-weight:600;margin:0 0 .4rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--text-light)}
.card-title-link{color:inherit;text-decoration:none}
.card-title-link:hover{color:var(--primary)}
.cc-stats{display:flex;align-items:center;justify-content:space-between;font-size:.8rem;color:var(--text-light);opacity:.7;margin:0 0 .75rem}
.cc-stat-left,.cc-stat-right{display:flex;align-items:center;gap:.3rem}
.cc-stat-left i{color:var(--primary)}
.cc-stat-right i{color:#f43f5e}
.btn-play{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.7rem 1.25rem;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;text-decoration:none;border-radius:.75rem;font-weight:600;font-size:.88rem;box-shadow:0 4px 14px #327ceb47;transition:all .3s}
.btn-play:hover{box-shadow:0 8px 22px #327ceb66;transform:translateY(-2px)}
[data-theme="dark"] .cross-card{background:var(--card-dark);border-color:var(--border-dark)}
[data-theme="dark"] .cross-card:hover{box-shadow:0 20px 50px #00000059}
[data-theme="dark"] .cross-card-tag{filter:brightness(1.15)}