.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}
.cross-card .card-title-link::after{content:'';position:absolute;inset:0;z-index:1}
.cross-card .btn-play{position:relative;z-index:2}
.cross-image--link{display:block;position:relative;overflow:hidden}
.cs-img-overlay{position:absolute;inset:0;background:#327ceb00;transition:background .3s}
.cross-card--sudoku:hover .cs-img-overlay{background:#327ceb1f}
.cc-sudoku-cells{position:absolute;top:.75rem;left:.75rem;z-index:3;background:#00000085;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#fff;font-size:.72rem;font-weight:600;padding:.22rem .65rem;border-radius:2rem;display:inline-flex;align-items:center;gap:.3rem}
.cc-sudoku-cells i{font-size:.65rem}
.cs-diff-img{position:absolute;top:.75rem;right:.75rem;z-index:3;color:#fff;font-size:.72rem;font-weight:600;padding:.25rem .75rem;border-radius:2rem;box-shadow:0 2px 8px #0003}
.cs-diff-easy{background:#10b981e6}
.cs-diff-med{background:#f59e0be6}
.cs-diff-hard{background:#f97316e6}
.cs-diff-expert{background:#dc2626e6}
.cs-new-badge{position:absolute;bottom:.75rem;left:.75rem;z-index:3;background:#00000085;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#fff;font-size:.72rem;font-weight:600;padding:.22rem .65rem;border-radius:2rem;display:inline-flex;align-items:center;gap:.3rem}
.cs-new-dot{width:7px;height:7px;border-radius:50%;background:#4ade80;flex-shrink:0;animation:cs-pulse 2s ease-in-out infinite}
@keyframes cs-pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}
.cs-content{display:flex;flex-direction:column;gap:.25rem;padding:.75rem 1rem 1rem}
.cs-title{font-size:1.1rem;font-weight:600;margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-title-link{color:var(--text-light);text-decoration:none;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-title-link:hover{color:var(--primary)}
.cs-meta{display:flex;align-items:center;justify-content:space-between;gap:.4rem;margin-bottom:.4rem}
.cs-date{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;font-weight:600;color:var(--text-light);opacity:.7}
.cs-date i{color:var(--primary)}
.cs-likes{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;font-weight:600;color:var(--text-light);opacity:.7}
.cs-likes i{color:var(--primary)}
.cs-btn{width:100%;justify-content:center;margin-top:0;align-self:auto}
.cross-card--sudoku:hover{box-shadow:0 20px 50px #327ceb33!important}
.hp-scope.cross-card--sudoku .cross-content{padding:.75rem 1rem 1rem}
.hp-scope.cross-card--sudoku .cs-title{font-size:1.1rem;font-weight:600;margin:0 0 .25rem}
.hp-scope.cross-card--sudoku .cs-meta{margin:0 0 .4rem}
.hp-scope.cross-card--sudoku .cs-btn{align-self:auto;width:100%;justify-content:center}
[data-theme="dark"] .cross-card{background:var(--card-dark);border-color:var(--border-dark)}
[data-theme="dark"] .cross-card--sudoku:hover{box-shadow:0 20px 50px #327ceb40!important}