.card-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,250px),1fr));gap:16px;display:grid}.card-grid.big{grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr))}.card{--accent:var(--lime);background:linear-gradient(180deg, #ffffff0a, #ffffff03), var(--surface);border:1px solid color-mix(in srgb, var(--accent) 22%, var(--line));color:var(--text);isolation:isolate;border-radius:22px;flex-direction:column;text-decoration:none;transition:border-color .2s,transform .18s,box-shadow .25s;display:flex;position:relative;overflow:hidden}.card:before{content:"";border-radius:inherit;background:linear-gradient(140deg, var(--accent), transparent 40%, transparent 60%, color-mix(in srgb, var(--accent) 60%, #9b6bff));-webkit-mask-composite:xor;opacity:0;pointer-events:none;z-index:2;padding:1px;transition:opacity .25s;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}a.card:hover,a.card:focus-visible{box-shadow:0 18px 50px -18px color-mix(in srgb, var(--accent) 70%, transparent);transform:translateY(-4px)}a.card:hover:before,a.card:focus-visible:before{opacity:1}a.card:active{transform:translateY(-1px)scale(.99)}.card .art{color:var(--accent);aspect-ratio:16/9;border-bottom:1px solid color-mix(in srgb, var(--accent) 25%, var(--line));max-height:170px;position:relative;overflow:hidden}.card .art:after{content:"";pointer-events:none;background:linear-gradient(#0000,#0e0e18d9);height:40%;position:absolute;inset:auto 0 0}.art-svg{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}a.card:hover .art-svg{transform:scale(1.06)}.card .body{flex-direction:column;flex:1;gap:8px;padding:14px 16px 16px;display:flex}.card h3{margin:2px 0 0;font-size:1.25rem}.card-grid.big .card h3{font-size:1.5rem}.card p{color:var(--muted);margin:0;font-size:.95rem}.card .meta{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.card .tag{font-family:var(--mono);color:var(--muted);background:var(--surface-2);border-radius:6px;padding:3px 8px;font-size:.68rem}.card .go{color:var(--accent);margin-top:auto;padding-top:6px;font-weight:700}.card.is-soon{opacity:.6;border-style:dashed}.card.is-soon .art{filter:grayscale(.7)}@media (width<=560px){.card-grid.big{grid-template-columns:1fr 1fr;gap:10px}.card-grid.big .card .body{gap:6px;padding:10px 12px 12px}.card-grid.big .card h3{font-size:1.05rem}.card-grid.big .card p{-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.78rem;line-height:1.35;display:-webkit-box;overflow:hidden}.card-grid.big .card .go{font-size:.82rem}.card .pill{padding:3px 7px;font-size:.58rem}}.mini-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));gap:10px;display:grid}.mini{--accent:var(--lime);background:var(--surface);border:1px solid var(--line);color:var(--text);border-radius:16px;grid-template-columns:96px 1fr;align-items:center;gap:12px;padding:8px 12px 8px 8px;text-decoration:none;transition:border-color .2s,transform .15s;display:grid}.mini:hover,.mini:focus-visible{border-color:var(--accent);transform:translateY(-2px)}.mini-art{color:var(--accent);aspect-ratio:16/10;border-radius:10px;display:block;overflow:hidden}.mini-body b{font-size:1.02rem;display:block}.mini-body small{-webkit-line-clamp:2;color:var(--muted);-webkit-box-orient:vertical;font-size:.82rem;line-height:1.35;display:-webkit-box;overflow:hidden}