:root{
  --ts-card-radius:16px;--ts-card-gap:10px;--ts-card-bg:#080c13;--ts-card-text:#edf4f7;--ts-card-muted:#8fa2ab;--ts-card-line:rgba(255,255,255,.08);
  --ts-cyan:#58f1d0;--ts-magenta:#ff5aa0;--ts-yellow:#ffd166;
}
.cards-grid{display:grid;grid-template-columns:repeat(var(--desktop-columns),minmax(0,1fr));gap:12px;padding:12px;align-items:start}
.ts-card{position:relative;min-width:0;border:1px solid var(--ts-card-line);border-radius:var(--ts-card-radius);background:var(--ts-card-bg);overflow:hidden;box-shadow:0 14px 34px rgba(0,0,0,.34),inset 0 0 0 1px rgba(255,255,255,.02);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease;contain:layout paint}
.ts-theme-cyan{--ts-accent:var(--ts-cyan);--ts-accent-soft:rgba(88,241,208,.14)}.ts-theme-magenta{--ts-accent:var(--ts-magenta);--ts-accent-soft:rgba(255,90,160,.14)}.ts-theme-yellow{--ts-accent:var(--ts-yellow);--ts-accent-soft:rgba(255,209,102,.14)}
.ts-card:hover{transform:translateY(-3px);border-color:rgba(255,255,255,.16);box-shadow:0 18px 40px rgba(0,0,0,.44),0 0 24px var(--ts-accent-soft)}
.ts-card:focus-visible{outline:2px solid var(--ts-accent);outline-offset:2px}
.ts-card-media{position:relative;display:block;aspect-ratio:2 / 3;overflow:hidden;background:#05080d;color:inherit;text-decoration:none}
.ts-card-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1.035);transition:transform .5s ease,filter .5s ease;filter:saturate(1.08) contrast(1.05);background:linear-gradient(135deg,#0b1118,#020509)}
.ts-card-image.is-missing{opacity:0}.ts-card:hover .ts-card-image{transform:scale(1.075);filter:saturate(1.18) contrast(1.06) brightness(1.06)}
.ts-card-gradient{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.46) 0%,transparent 22%,transparent 58%,rgba(8,12,19,.88) 100%);pointer-events:none}
.ts-card-top-left,.ts-card-score,.ts-card-status{position:absolute;z-index:2;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}
.ts-card-top-left{left:8px;top:8px;display:flex;align-items:center;gap:7px;padding:5px 7px;border:1px solid rgba(255,255,255,.1);border-radius:9px;background:rgba(3,6,10,.72);font-size:.55rem;font-weight:900;letter-spacing:.04em}
.ts-card-top-left i{width:3px;height:13px;border-radius:99px;background:var(--ts-accent);box-shadow:0 0 8px var(--ts-accent)}
.ts-card-score{right:8px;top:8px;display:flex;align-items:center;gap:4px;padding:5px 7px;border-radius:9px;background:var(--ts-accent);color:#071018;font:900 .65rem ui-monospace,SFMono-Regular,Menlo,monospace;box-shadow:0 0 18px var(--ts-accent-soft)}
.ts-card-score svg{width:12px;height:12px;fill:currentColor}.ts-card-status{left:8px;bottom:10px;display:flex;align-items:center;gap:5px;padding:4px 7px;border-radius:99px;background:rgba(0,0,0,.64);border:1px solid rgba(255,255,255,.1);color:#fff;text-transform:uppercase;font-size:.49rem;font-weight:900;letter-spacing:.08em}.ts-card-status em{width:5px;height:5px;border-radius:50%;background:var(--ts-accent);box-shadow:0 0 8px var(--ts-accent)}
.ts-card-panel{position:relative;margin-top:-12px;z-index:2;padding:13px 12px 11px;border-top:1px solid rgba(255,255,255,.12);border-radius:16px 16px var(--ts-card-radius) var(--ts-card-radius);background:linear-gradient(180deg,rgba(9,13,20,.94),rgba(5,9,14,.98));overflow:hidden}
.ts-card-backdrop{position:absolute;inset:0;opacity:.11;background-size:cover;background-position:center;filter:blur(4px) saturate(1.4);transform:scale(1.08);z-index:-1}
.ts-card-title-wrap h2{margin:0;color:var(--ts-card-text);font-size:clamp(.72rem,1.2vw,.95rem);line-height:1.18;font-weight:900;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;text-shadow:0 2px 8px rgba(0,0,0,.7)}
.ts-card-jp{margin-top:3px;color:var(--ts-accent);font:600 .55rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ts-card-meta{margin-top:5px;color:#c5d2d8;font-size:.51rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ts-card-tags{display:flex;gap:5px;overflow:auto;margin-top:8px;padding-bottom:1px;scrollbar-width:none}.ts-card-tags::-webkit-scrollbar{display:none}.ts-card-tags span{flex:0 0 auto;padding:4px 6px;border:1px solid rgba(255,255,255,.09);border-radius:7px;color:#d7e1e5;background:rgba(255,255,255,.035);font-size:.49rem;font-weight:800}
.ts-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px;padding-top:9px;border-top:1px solid rgba(255,255,255,.08)}
.ts-card-field{display:flex;align-items:center;gap:7px;min-width:0}.ts-card-field svg{width:14px;height:14px;fill:#758b95;flex:0 0 14px}.ts-card-field>div{min-width:0;display:grid;gap:2px}.ts-card-field span{font-size:.43rem;text-transform:uppercase;letter-spacing:.07em;color:#788b94}.ts-card-field strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#e1eaed;font-size:.52rem}.ts-card-full{grid-column:1/-1}
.ts-card-footer{display:flex;justify-content:space-between;gap:8px;margin-top:8px;color:#6e818a;font-size:.44rem;font-weight:800;letter-spacing:.04em}.ts-card-footer span:last-child{color:var(--ts-accent)}
@media(max-width:1180px){.cards-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:920px){.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}}
@media(max-width:760px){.cards-grid{grid-template-columns:repeat(var(--mobile-columns),minmax(0,1fr));gap:8px;padding:8px}.ts-card-panel{padding:11px 9px 10px}.ts-card-grid{gap:6px}.ts-card-field{gap:5px}.ts-card-field svg{width:12px;height:12px;flex-basis:12px}.ts-card-field strong{font-size:.49rem}.ts-card-title-wrap h2{font-size:.7rem}.ts-card-tags span{font-size:.45rem;padding:4px 5px}}
@media(max-width:390px){.ts-card-top-left{left:6px;top:6px;padding:4px 5px;font-size:.48rem}.ts-card-score{right:6px;top:6px;padding:4px 6px;font-size:.57rem}.ts-card-status{left:6px;bottom:7px}}
@media(prefers-reduced-motion:reduce){.ts-card,.ts-card-image{transition:none}}