.shared-game-cards .game-card{
    display:flex;
    height:100%;
    min-width:0;
    flex-direction:column;
    overflow:hidden;
    border:1px solid rgba(120,160,200,.08);
    border-radius:var(--radius-card,12px);
    background:#121b26;
    color:inherit;
    box-shadow:0 8px 20px rgba(0,0,0,.20);
    container-type:inline-size;
    transition:background .18s ease,border-color .18s ease,box-shadow .18s ease;
}
.shared-game-cards .game-card:hover{
    transform:none;
    border-color:rgba(58,167,242,.20);
    background:#162131;
    box-shadow:0 10px 24px rgba(0,0,0,.24);
}
.shared-game-cards .game-card img{
    display:block;
    width:100%;
    height:auto;
    aspect-ratio:460/215;
    flex:0 0 auto;
    object-fit:contain;
    background:#0b1118;
    transform:none;
}
.shared-game-cards .game-card h3{
    display:-webkit-box;
    min-height:0;
    margin:0;
    padding:11px 13px 0;
    overflow:hidden;
    color:#f3f7fc;
    font-size:16px;
    font-weight:700;
    line-height:21px;
    white-space:normal;
    text-overflow:ellipsis;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}
.shared-game-cards .game-card-categories{
    display:flex;
    min-width:0;
    height:auto;
    align-items:center;
    gap:6px;
    padding:8px 13px 11px;
    overflow:hidden;
    white-space:nowrap;
}
.shared-game-cards .game-card-category{
    display:inline-flex;
    min-width:0;
    max-width:92px;
    min-height:22px;
    flex:0 1 auto;
    align-items:center;
    justify-content:center;
    padding:0 9px;
    overflow:hidden;
    border:1px solid rgba(58,167,242,.18);
    border-radius:999px;
    background:rgba(58,167,242,.10);
    color:#9dcdf1;
    font-size:11.5px;
    font-weight:500;
    line-height:20px;
    text-overflow:ellipsis;
    white-space:nowrap;
}
@container (max-width:175px){.shared-game-cards .game-card-category:nth-child(n+2){display:none}}
.shared-game-cards .game-card[onclick],
.shared-game-cards .game-card[role="link"]{cursor:pointer}
.shared-game-cards .game-card-divider{
    height:1px;
    margin:0 13px;
    margin-top:auto;
    background:rgba(120,160,200,.08);
}
.shared-game-cards .game-card-meta{
    display:flex;
    min-height:42px;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:9px 13px 11px;
    color:#7f90a4;
    font-size:12px;
    font-weight:400;
    font-variant-numeric:tabular-nums;
}
.shared-game-cards .game-storage{display:inline-flex;min-width:0;align-items:center;gap:5px;overflow:hidden;color:#8ea0b4;text-overflow:ellipsis;white-space:nowrap}
.shared-game-cards .game-update-time{color:#7f90a4;white-space:nowrap}
html[data-theme="light"] .shared-game-cards .game-card{border-color:var(--card-border);background:var(--card-bg);box-shadow:var(--shadow-sm)}
html[data-theme="light"] .shared-game-cards .game-card:hover{border-color:var(--accent-border);background:var(--card-bg);box-shadow:var(--shadow-md)}
html[data-theme="light"] .shared-game-cards .game-card img{background:var(--tag-bg)}
html[data-theme="light"] .shared-game-cards .game-card h3{color:var(--text-primary)}
html[data-theme="light"] .shared-game-cards .game-card-category{border-color:rgba(33,151,221,.14);background:rgba(33,151,221,.07);color:#55748d}
html[data-theme="light"] .shared-game-cards .game-card-divider{background:var(--border-light)}
html[data-theme="light"] .shared-game-cards .game-card-meta{color:var(--text-muted)}
html[data-theme="light"] .shared-game-cards .game-storage{color:var(--text-secondary)}
html[data-theme="light"] .shared-game-cards .game-update-time{color:var(--text-muted)}