.srv-grid,.vgroup{display:flex;flex-direction:column;gap:14px}.srv-grid{content-visibility:auto;contain-intrinsic-size:auto 720px}.tile{position:relative;display:flex;align-items:flex-end;min-height:260px;padding:28px 30px;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform .3s var(--ease),border-color .3s var(--ease)}.tile:hover{transform:translateY(-3px);border-color:var(--accent)}.tile-art{object-fit:cover;z-index:0}.tile-veil{position:absolute;inset:0;z-index:1;background:linear-gradient(100deg,color-mix(in srgb,var(--ground) 92%,transparent) 0,color-mix(in srgb,var(--ground) 72%,transparent) 45%,color-mix(in srgb,var(--ground) 30%,transparent) 100%)}.tile-in{position:relative;flex-direction:column;gap:9px;min-width:0;max-width:66ch}.tile-in,.tile-top{z-index:2;display:flex}.tile-top{position:absolute;inset:0 0 auto 0;flex-wrap:wrap;gap:6px;padding:22px 30px}.tile-badge,.tile-cat{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;padding:5px 11px;border-radius:999px}.tile-cat{color:var(--muted);border:1px solid var(--line);background:color-mix(in srgb,var(--ground) 62%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@media (max-width:860px){.tile-cat{-webkit-backdrop-filter:none;backdrop-filter:none;background:color-mix(in srgb,var(--ground) 86%,transparent)}}.tile-badge{color:var(--on-accent);background:var(--accent)}.tile-name-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-family:var(--font-display),sans-serif;font-size:clamp(24px,3vw,34px);font-weight:700;line-height:1;letter-spacing:.01em}.tile-dev{border-style:dashed}.tile-soon{color:var(--t-fire);background:color-mix(in srgb,var(--t-fire) 16%,transparent);border:1px solid var(--t-fire)}.tile-fresh{color:var(--frost);background:color-mix(in srgb,var(--frost) 16%,transparent);border:1px solid var(--frost)}.tile-name{font-family:var(--font-display),sans-serif;font-size:clamp(24px,3vw,34px);font-weight:700;text-transform:uppercase;letter-spacing:.01em;line-height:1}.tile-tag{color:var(--accent);font-size:15px;font-weight:700}.tile-desc{color:var(--muted);font-size:14.5px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tile-state{display:inline-flex;align-items:center;gap:7px;margin-top:4px;padding-top:12px;border-top:1px solid var(--line);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);white-space:normal}